重新设计YouTube使我得到新的工...

  • 经验类型经验/观点原作者:Pramiti R Khan

  • 经验属性自译外文
  • 经验版权署名-非商业性使用
6119 14 268 2019-01-24

Image title

就我个人而言,并不热衷于重新设计网络上看到的那些,原因是这些设计大多不是解决实际问题。除了少数情况,重新设计多数是关注于产品的视觉外观而不考虑产品现有的品牌,并不能解决实际问题。因此,当我笔试被要求重新设计一个现有移动应用时,我知道不该做什么(如果我这样做了将不会被录用)!我重新设计的是适用于安卓系统的YouTube应用。

请注意,这次重新设计YouTube应用是2018年3月到2018年4月期间完成的。因此,YouTube现有版本可能没法反映目前的产品。但是,有趣的是,我之前发现的一些问题在他们的更新中得到了解决。


{ 进程回顾 }

Image title (截距:原文是“ Intercepts”,不太理解在此的意思,有晓得的可以评论给我科普一下,谢谢~)


{ 灵感 }

截距分析&面谈

通过我的截距分析和面谈,我了解到了用户使用YouTube的习惯和痛点。下列是被采访者认为的痛点:


1.广告

2.如果用户返回上一级,推荐视频会改变

3.找不到观看历史记录

4.视频缺少回放键(重复播放,倒带等)

5.滚动“下一个”视频和评论的问题


调查

我们针对现有版本进行了一项调查,针对用户痛点和他们如何浏览应用获取更多的信息。问了三个问题, 20人回应了。

Image title

问题1:在1到5中,当你打开YouTube移动应用时,你最有可能首先做什么? (1表示你做得最少,5表示最多)


用户反馈如下:

进行“搜索”:4.2

前往“订阅内容”:3.0

前往“首页”:2.85

前往“媒体库”:2.3

前往“时下流行”:2.15

前往“活动”2.1

前往“下载”:1.35

Image title

问题2:如果YouTube根据你的浏览习惯在搜索页面添加可视化视频推荐你怎么看?

45%的人认为,应该会有用但是我还是喜欢手动搜索

30%的人认为,没有必要

25%的人认为,应该会有用,也可能会采纳其推荐

Image title

问题3:YouTube你不喜欢什么,为什么?


关系图

基于截距,采访用户和调查研究,画了个关系图来理解用户模型。

Image title

(图左栏为付费版本解决了后台播放和广告等问题,右栏为我可以起作用改善的地方)


二次研究

在此阶段,我进行了二次研究,以更深入地了解YouTube的使用情况以及用户行为在视频消费方面的变化。 下面提到了一些发现。

Image title

(人们为什么会用YouTube?——大多数人用YouTube除了娱乐还是认为其能帮助他们、了解知识或解决问题等)


“我们的推荐算法越来越好,我们现在看到用户浏览行为比搜索行为更多。 人们现在选择自己做更少,让我们为他们服务。”

——Josh Lewandowski(YouTube的UX领导)

Image title

(移动流量统计2016-2022——横坐标从左往右依次为:分享文件、浏览网页、下载软件、音频、社交网络、视频)


“到2022年,移动视频流量预计每年增长约50%,占所有移动数据流量的大约3/4。

——Ericsson Mobility Report 2018.2


“消费者越来越多地使用实时视频流应用与朋友,家人和粉丝互动。”

“YouTube仍占据大多数移动网络中的视频流量,占几乎全部测量网络总视频流量的40-70% ——无论终端类型如何。 对于智能手机,社交网络是第二大流量贡献者,在测量网络中平均占15%。 随着嵌入直播的新应用的涌现,视频流量可能会进一步增加。”


“在美国,大约五分之一的智能手机用户表达了对实时视频播送感兴趣,但在印度,印度尼西亚,巴西和阿曼等高增长市场中,这类应用的智能手机用户数量是两倍。 这表明,在未来12个月内,美国以外的应用市场对实时视频流的兴趣会更大。”

——Forbes


YouTube内容也存在很多争议。 一些新闻媒体发表了关于YouTube未承认这些问题的文章。

“哥伦比亚大学Tow数字新闻中心的研究主任Jonathan Albright研究了YouTube上有关2016年总统大选的错误信息。 他也惊讶YouTube推荐的Marjory Stoneman Douglas高中枪击事件与密谋相关视频。

——NBC新闻


“媒体意识到YouTube总是发布令人恐慌的内容,但只有出现糟糕的头条新闻后YouTube才会采取行动。其核心是内容监管问题。”

——Mashable

竞品研究

基于此前做的研究,我认为一些移动平台可能会是YouTube现在与未来的威胁和竞争对手,如FacebookInstagramVimeoSnapchat。尽管除了Vimeo其他都不是主要做视频分享平台,但它们都包含实时和录制视频分享的想法。根据我二次研究中的发现,直播视频会更快地流行起来,以及如果YouTube无法证明自己是分享实时视频的可行媒介就会流失用户或吸引新用户,特别是千禧一代。移动应用的社会影响也是YouTube现在仍不够强大的原因。

Image title


{ 构思 }

核心用户画像

-Jessie Brown,21岁,大学生

热爱音乐和DIY手工艺,经常工作或学习时连续性地听音乐。当他发现有趣的时会储存有趣的DIY视频;在找到特别的DIY教程之前通常会浏览历史记录或已存播放列表。


-Josh Morehouse,32岁,IT行业&视频博主

Josh对科技满怀热情。除了他的IT工作,他还运营着一个视频博客,他在这上面讨论最近的科技与小工具。他喜欢关注他的订阅号与粉丝,非常活跃于社交平台。他现场报道科技活动,他还每周直播以获得更多粉丝并和他们经常保持联系。


设计原则

重新设计的总体方法是在不彻底改变已经流行且熟悉的平台情况下使体验更佳。 主要原则是:


-让YouTube做好改变用户行为迎合潮流的准备。

-通过消除用户浏览中的挫折感和添加令人愉快的微交互来改善用户体验。

-帮助用户找到他们正在寻找的东西,并帮助他们发现新兴趣

-帮助用户更多地了解内容并获得更好的社交体验


手绘原型图

Image title

Image title

Image title


线框图

Image title


{ 实施 }

UI&原型图

-主页

Image title

(YouTube现有“主页”版本)

Image title


(YouTube重新设计“主页”版本)

关键改动点和基本原理:

1.YouTube是全球第二大搜索引擎。 我的调查研究表明,82%的用户通过搜索开始浏览YouTube的。 因此,除了播放视频时,在所有屏幕上都可以使用更醒目的搜索栏。 有趣的是,当我完成项目时,YouTube推出了一个更新,搜索栏更加突出。

2.研究人员表明,实时视频的趋势正在上升。 因此,主页上显示实时视频的位置时可水平滚动的。

3.YouTube首席用户体验研究员提到如何让YouTube更合理地推荐观看内容。当前的应用程序仅建议使用YouTube Mix的垂直列表。我建议这些列表是水平的,以便更有效地使用,不用滚动便可看见推荐内容。我还建议播放列表最好包括YouTube Mix和用户生成的播放列表,而不仅仅是YouTube混合的。这些列表(可能包括热门视频和主题)可以放在较大的推荐视频之间,并且应该根据用户行为和最近的活动进行优先排序

4.我根据用户反馈简化了导航。仅保留用户最常使用的内容,并重命名及合并以便更好地理解。随着实时流媒体市场的快速增长,一个明显突出的“开始录像”图标被用于鼓励用户创建更多内容并开始实时流媒体。在接下来的日子里,随着更多的社交活动,关注实时视频对YouTube来说至关重要,这应该是YouTube的新方向。

5.UI的整体外观与现有的外观保持非常相似,以实现品牌一致性。然而,引入细微的圆角更加具有现代感并且补充了圆角移动屏幕的增加,这有效地使全屏幕的视频更圆滑。


-订阅

Image title

(YouTube现有“订阅”版本)

Image title

(YouTube重新设计“订阅”版本)

关键改动点和基本原理:

1.引入选项卡式导航代替下拉菜单。 导航贴在顶部,方便用户查看和浏览所有过滤器选项。

2.通知被设置在“订阅”里。 最初它属于“活动”里,对我来说毫无意义。 虽然可能看似微不足道,但这是我对当前YouTube应用程序的最大批评。通知中包含订阅页面的更新,因此只感觉和订阅部分相关。 在可用性测试的后期,我发现用户永远无法在现有应用中找到通知,但他们能够在提议的设计中找到它。

3.微交互得到改善。


-搜索

Image title

(YouTube现有“搜索”版本)

Image title

(YouTube重新设计“搜索”版本)

关键改动点和基本原理

尽管搜索页面是用户最喜欢的入口点,但当前其不向用户提供任何内容。因为我没有发现很多用户对当下流行的视频感兴趣,所以我的设计中将其从主导航中删除了。但是,可以与其他视频推荐放一起,在搜索页面内添加流行视频推荐;因为用户在此阶段已经处于探索心态,便更有可能接受不符合其平时兴趣的推荐。 根据我的调查,70%的用户认为搜索页面上推荐的视频会对他们有用


-视频

Image title

(YouTube现有“视频”版本)

Image title

(YouTube重新设计“视频”版本)

关键改动点和基本原理

1.为了增加空间,移除了移动状态栏

2.突出订阅按钮,视觉上与桌面版本相似。

3.使用选项卡式(Tab)导航轻松实现“下一个(视频)”和“评论”之间的切换。评论和固定的评论框具有即时可见性,为鼓励用户评论有更好的效果。

4.将视频内容固定在页面顶部,可轻松实现与其之间的交互。取消了视频和评论的“不喜欢”按钮,以维持社区的积极氛围。但是,视频中添加了一个突出的“举报”按钮,该按钮以前是隐藏的,用于抵制不良内容并授权用户。

5.为视频控制添加了新按钮。当前的应用程序是通过一个双击手势前进或退后10秒,但我发现许多用户并不知道这一点,因为它没有标记。因此,添加了两个额外的控制按钮来前进或退后视频。根据用户需求,还增添了重复播放的按钮。桌面版YouTube可以重复播放或循环,但实际上被隐藏了;但在移动端我没有找到任何方式可循环播放视频。

6.“喜欢”按钮添加微动画,为用户增加了乐趣,并鼓励用户更多与视频内容进行互动。


-圈子

Image title

(YouTube现有“活动”版本)

Image title

(YouTube重新设计“圈子”版本)

关键改动点和基本原理

1.通过研究我发现命名为“活动”的导航按钮非常混淆用户。它通常会让用户以为是“历史”,但其实它是用户可以在YouTube平台上看到他们的分享活动。为了避免这种混淆,我建议将其重命名为“圈子”,或者其他能清楚地表达用户可以直接和他们添加的联系人互动的名字。Google Plus虽然失败了,但通过更多研究,YouTube可以成为Google社交媒体和消息传递平台的工具。

2.除了使页面更简洁,更有条理之外,我还添加了两个新部分,用户可以看到他们与联系人共享的内容以及网络中其他人正在观看的内容。后者可能会帮助用户发现更多他们可能感兴趣的内容。但是,用户无法看到具体谁在观看什么,这可能引起隐私问题。在未来,为了促进更多共享,这里可能会成为用户相互共享的一个地方,类似于Tumblr的共享功能或Twitter的转推功能。需要更多的研究才能成功地做到这一点,但这可以成为YouTube的新方向,而不会牺牲他们已有的东西。

3.取消了“通知”,因为它与联系人或共享无关。如前所述,“通知”设计在“订阅”内,因为它与该部分最相关。


-账户

Image title

(YouTube现有“媒体库”版本)

Image title

(YouTube重新设计“账户”版本)

关键改动点和基本原理

在当前的应用程序中,“活动”和“媒体库”看上去很困惑我采访的许多用户。 还有一个“帐户”部分。 当让用户查找观看历史记录时,很多人试图在“帐户”下找到它,有些人试过“活动”。 最终我将“活动”部分重命名为“圈子”,并将现有的“帐户”和“图书馆”合并为一个按钮,称之为“帐户”


-可用性测试

在原型图设计之后,我进行了一些可用性测试。 可用性测试让我思考我的改版如何起作用。但是,我想提一下,通过更广泛的可用性测试和版本迭代,结果可能会有所不同,更多的想法可能会跃然纸上。

除了收集重新设计的大体反馈之外,我还向用户提出了四个任务,让他们尝试在现有应用程序和重新设计的版本上完成这些任务。 任务是:


1.找到你的观看历史记录

2.找到通知

3.循环播放视频

4.快进或退后视频


用户很难在当前客户端版本上找到观看历史记录。 他们尝试了多个选项按钮(账户、活动)后才在“媒体库”下找到它。但轻松地在重新设计版本“账户”选项按钮下找到。

当被要求找到“通知”时,有些人甚至不知道此功能存在。 他们认为重新设计中将其放到“订阅”按钮下更好理解。

没有人能够在当前应用中重复播放或循环播放视频。 有人提到她看到了这个功能,但并不知道它在哪里。用户很容易就在重新设计版本上找到了循环控件。

我测试过的100%用户在不使用进度条的情况下都不知道如何在现有版本中快进或快退视频。 但使用进度条很难返回或前进一分钟。 用户可以直观地在重新设计版本中找到“快进”和“退后”控件。


{ 总结 }

毫无疑问,YouTube背后的团队花了无数个小时制作出了我们现在看到的成果。 他们进行了大量的研究和版本迭代。 他们可以获取大量数据,告诉他们用户的行为方式以及他们尝试完成的功能。 这些特征及其布局方式必须基于以上这些研究和数据。 此外,公司有自己的行程和完成目标。

与YouTube团队相比,我在一段有限的时间内完成的研究数量相对较少。 所以并不是说我重新设计的每一个决定都比当前版本的更好。 我十分认同通过更多的研究,可用性测试和版本迭代来改善YouTube的体验; 毕竟,设计是一个连续的过程!

请让我知道您是否认同我的设计决定; 告诉我你的做法会有何不同以及为什么。



译者自己认为这才是做一个设计必经的思考与流程,既是对用户的负责,更是对用户的负责。













全部评论:14

  • VixU_Studio

    2019-03-13 11:23

    @林格尔: 好的,谢谢你

  • 林格尔

    2019-03-12 22:57

    截距分析应该是随机访谈的意思 看到另一篇译文 可供参考https://mp.weixin.qq.com/s/eWuIdB3He37G8gAUOIGTqw

  • Saberrrr

    2019-02-23 09:42

    for the social app of foreign, they used to chat in the room but bullet screen,so its the custom different from us ,but design is awesome ,great

  • 夜未央.

    2019-02-18 10:10

    思路挺好的

  • VixU_Studio

    2019-02-14 09:39

    @VixU_Studio: 所以就因人而异了关于弹幕。

  • VixU_Studio

    2019-02-14 09:14

    @Lotus_hu: 其实我也是,可能想要看的时候开一会儿,然后看内容就会关掉呢

  • Lotus_hu

    2019-02-13 17:50

    @wttzzz: 我每次都会把弹幕关掉,不想被干扰

  • VixU_Studio

    2019-02-12 17:20

    @EnkilyFong: 一起学习~

  • VixU_Studio

    2019-02-12 17:19

    @fenx: 谢谢科普~~~

  • fenx

    2019-02-12 15:22

    intercept更像是随意一点拦截采访吧,注重效率、简洁和数据广泛度。interview更偏向个体深度,大概。

  • EnkilyFong

    2019-02-11 17:55

    思路学习了~

  • VixU_Studio

    2019-02-11 09:40

    @wttzzz: 之前看到一篇文章就是在对比国外视频应用和国内的区别,其中一点便有弹幕这个…… 楼主可以去搜搜看…… 诶,我用的时候也在想为什么没有分类呢…… 但是后来想了想像微信里的公众号以及知乎微博这些似乎都没有分类呢~楼主可以思考看看呢

  • VixU_Studio

    2019-02-11 09:35

    @ShawnXX: 国外大佬们的想法并不知道呢,嘻嘻

  • VixU_Studio

    2019-02-11 09:34

    @137***5049: 楼主说的值得探讨呢。锁定视频估计每个人都有不同的考虑吧,像有的人就希望能边看视频边看屏幕吧;而评论这样做可能就是能更快捷的评论能增加评论量吧如果只是一个评论图标就大大增加了用时或许想评论的人也会嫌麻烦。楼主的意见是让人能一目了然看到评论,而笔者可能是希望能促进用户评论,考虑的方向不一样吧~

  • 137***5049

    2019-02-06 13:44

    感觉视频界面的低栏本身就很占位置,再加上评论区里输入框和上面的视频,会使作为主体评论预览非常窄小,而且对于图标的应用没有经过统一(比如一个模块的实心图标还掺杂着线形图标)

  • ShawnXX

    2019-02-01 15:02

    厉害了,想问嘛厂笔试让redesign应用.....

  • wttzzz

    2019-02-01 11:31

    youtube最需要的是弹幕。。没有弹幕看视频不舒服,而且也没有分类选项,我想看一下热门的高效或者综艺纪录片都找不到

  • VixU_Studio

    2019-02-01 10:41

    @台风他大哥: 设计思维与研究方法才是我们永远受益的,细节当然也可以学习一下的啦~

  • 台风他大哥

    2019-01-31 16:36

    @VixU_Studio: 非常同意,预期纠结这些改版的细节(毕竟你不是我 我也不是你 看法不一)倒不如去研究笔者在面临改版时是怎么针对用户行为进行分析总结最终落实到改版上的。这样一套方法论对于我们才是最有用的

  • VixU_Studio

    2019-01-31 16:06

    其实译者觉得抛去版本更改的那些细节,本文更重要的是学习设计一个产品整个思考过程和必需的流程,是基于用户痛点与行业趋势的;并不仅仅是找一些竞品抄一抄改一改或接到一个产品需求就开始画原型图,这才是我们应该有的“设计态度”;也是我本人提倡与需要学习的。

  • VixU_Studio

    2019-01-31 16:00

    @草帽和拖鞋: 是的呢~这个redesign是真的“以人为本”。我一直觉得一个产品应该以用户体验为中心,如果视觉有所提升当然就相得益彰了。感觉国内虽然一直说重视用户体验但是在实际设计原型图时还是缺乏一定的思考呢,而且小公司也并不存在所谓的“可用性测试”。

  • VixU_Studio

    2019-01-31 15:50

    @yangyiyu110: 陌拜?能否科普一下呢~谢谢呢

  • yangyiyu110

    2019-01-31 14:44

    「 Intercepts」我猜是陌拜。

  • 草帽和拖鞋

    2019-01-31 14:27

    很棒,yutube现在的版本真是的操作体验很差,特别是这个播放页的优化深得我心。正如文章开头所说的,大部门设计网站上的redesign 都是只注重视觉优化的炫技稿,不能解决实际问题,希望这样的redesign多多出现。

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票