BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

YouTube 重设计全程记录

YouTube 重设计全程记录

编者按:周日夜间00:24,顶着自己对镜剪到半残的莫,莫西干…准备好明天要戴的帽子,窝在毯子里做这篇最后的编辑。

很棒的一篇译文。一是原文质量,正如原作者的态度,我个人对“重设计”相关话题始终谨慎,因多数仅是形重于质的玩闹,而本篇从初期研究到实际落地有很完整的设计主线,值得学习;二是因为译文出自新合作作者,语山同学,“一个游离在 PM 和设计师之间,喜欢思考,喜欢聊天的人”,选材与译文质量都不错,感谢他的工作。

合作长期招募当中,有意愿尝试的朋友可以随时留言联络我,或参考文末链接了解详情。- 编者人格的 C7210

YouTube 重设计全程记录

我并非热衷于“产品重设计”的人,因为多数“重设计”都在解决一些并不存在的问题。它们聚焦于表现层面,没有考虑品牌自身特点,没有去优化和解决可用性方面的问题。

这次项目的起因,是我在面试时被安排了重新设计一款现有的移动端产品作为题目。当时我就知道哪些该做,哪些不该;否则我有可能拿不到 Offer。

我选择的是 Android 版本的 YouTube。

注:这次 YouTube 的重新设计是在2018年3月到4月之间完成的。因此文章中部分的信息和现在略有不同。

有趣的是,我在这个项目中所发现的一些问题,逐渐在 YouTube 官方的后续版本迭代当中被解决掉了。

过程概述

我大致将整个重设计过程分成三个部分:

前期研究
  • 随机调查
  • 用户访谈
  • 问卷调查
  • 亲和图整理
  • 二次调研
  • 竞品与市场分析
概念创意
  • 用户画像
  • 设计原则
  • 草图
  • 线框图
实施阶段
  • UI 设计
  • 交互原型
  • 可用性测试

前期研究

随机调查与用户访谈

我通过随机调查和用户访谈初步了解了用户的使用习惯和痛点,总结归纳为:

  • 广告太多。
  • 点击返回后刚才推荐的视频会发生变化。
  • 观看历史不容易被发现。
  • 视频功能不够完善(缺少重复播放、逆序播放等功能)。
  • 推荐视频和评论的切换有问题。

问卷调查

接下来,我通过问卷来了解用户最常用到的功能。一共有20位用户完成了问卷。

我请用户用1~5的范围标注出他们最常使用的功能(1代表最少用到,5代表最常用):

最后的结果统计:

  • 搜索:4.2
  • 订阅:3.0
  • 主页:2.85
  • 收藏夹:2.3
  • 热门:2.15
  • 动态:2.1
  • 上传功能:1.35
亲和图

利用访谈和调查的结果,我制作了亲和图来构建可用性模型:

二次调研

我通过二次调研更深入地了解用户的习惯,包括他们在视频内容消费过程当中行为模式的变化;下面是我搜集到的一些分析报告:

“通过后台的数据观察,我们发现用户对我们推荐的内容越来越感兴趣,对搜索功能的使用频率明显减少。”

Josh Lewandowski, UX Lead at YouTube

“预计到2022年,移动视频流量的增长将达到50%,占所有移动数据流量的四分之三左右。”

Ericsson Mobility Report, Feb 2018

“越来越多的消费者开始通过视频来同朋友、家人和粉丝进行互动。”

“YouTube 仍然占据视频领域的主导地位,不管是在哪个终端,YouTube 都占据了40~70%的流量。社交网络是第二大流量来源,占据了大约15%的流量,但随着视频直播的增加,视频流量份额将持续增长。”

“在美国,约有五分之一的智能手机用户对视频直播非常感兴趣,而在印度、印尼、巴西和阿曼等高增长市场,这类产品的潜在用户约是美国的两倍。说明在未来的一年中,美国以外的消费者们对视频直播有着更大的需求。”

Ericsson Mobility Report, Feb 2018

“视频直播将持续爆发性的增长,2017年视频直播产品大量出现在市场中,有80%的消费者表示更喜欢看视频直播而不是通过文章来了解某个品牌,82%的社交媒体用户表示更喜欢观看视频直播而不是通过文字来了解动态。”

Forbes

但 YouTube 上的内容也存在许多争议,新闻媒体也发表了许多关于 YouTube 上负面内容问题的文章。

“哥伦比亚大学数字研究中心主任 Jonathan Albright 表示,YouTube 上存在着大量错误的视频信息,他从2016年的总统大选时就已经开始关注,即使他已经进行了反馈但这一现象依然没有被缓解。当他看到 YouTube 向他推荐关于道格拉斯高中枪击案的负面新闻时,他感到非常震惊。”

NBC News

“YouTube 经常出现一些令人不安和反感的内容,但它们只有出现在首页的时候才会被处理。YouTube 当前的核心问题应该是内容方面的监管和审核。”

Mashable

竞品分析

基于当前的研究情况,我挑选了一些 YouTube 目前和潜在的竞争对手:Facebook、Instagram、Vimeo和 Snapchat。虽然除了 Vimeo 之外,其他的产品都不是以视频观看和分享为主要功能,但这些产品中都有拍摄和分享视频的功能。

基于二次调研,我发现视频直播正变得越来越受到欢迎。如果 YouTube 没法成为一个对用户有价值的视频分享平台,那么就会逐渐失去对用户的吸引力,尤其是对00后的吸引力,并且这些产品在社交关系方面的特性是 YouTube 所无法超越的。

概念创意

用户画像
  • Jessie Brown
  • 21岁,大学生
  • 喜欢音乐和 DIY 制作。
  • 经常边听音乐边工作/学习。
  • 当在网站中看到有趣的内容,会保存到收藏夹中,经常会使用观看记录和收藏夹功能。
  • Josh Morehouse
  • 32岁,IT 专业人士和视频博主
  • 除了本身的IT工作,Josh 还经营着一个视频博客,在那里分享最新的技术。
  • 他在社交媒体上非常活跃,喜欢和粉丝们进行互动。
  • 常前往科技活动现场做直播,每周都会通过视频直播来保持和粉丝之间的互动性。
设计原则

这次重设计的目标是在不改变成熟框架的前提下对用户体验进行优化,所以我提出了以下4点原则和限制:

  • 让 YouTube 能够更好地适应逐渐变化的市场和消费者习惯。
  • 消除用户使用过程中的停顿,添加令人愉悦的微交互来改善用户体验。
  • 让用户可以更快更准确地找到他们想要的内容,并帮他们发现更多兴趣点。
  • 推动用户更多地参与社交互动。
概念草图

线框图

实施阶段

主页

现有版本的主页(2018年3月底)

在新版中更加突出视频直播,菜单栏更加清晰易懂

优化方向和原因:

  • 研究表明,有82%的用户习惯通过搜索来浏览内容,YouTube 也由此成长为全球第二大搜索引擎。因此除了视频播放界面,应该让每一个页面中都可以直达搜索功能。
  • 研究资料表示,视频直播正在逐渐增长。因此应该将视频直播放在显眼的位置和利用横向布局放置更多的内容。
  • YouTube 的首席 UX 研究员曾提到过 YouTube 是如何为用户推荐他们喜欢的内容。当前产品中 Mix 推荐清单的表现方式是将所有内容都垂直罗列出来。我建议可以将播放列表改为横向的,这样可以更好地利用屏幕空间,同时播放列表中除了 YouTube Mix 之外还可以看到用户自己创建的播放列表。这些列表(或者是主题和热门视频)还可以穿插出现在推荐视频中,并且根据用户最近的习惯进行排序。
  • 根据用户的反馈,我简化了菜单栏,通过合并和重命名功能,使菜单栏中只保留用户最常用的功能。而随着在线直播的快速增长,一个突出的视频分享按钮能更好地鼓励用户创建和分享视频内容。视频直播对 YouTube 来说会非常重要,因为随着逐渐增多的视频直播能带来更多的社交行为,或许这是 YouTube 的新方向。
  • 为了保持品牌的一致性,新版本的界面整体观感和现有的相比并没有太大的变化。细节当中的圆角能够为界面增添更多的现代感;随着市场上全面屏设备的增多,这些细节可以让内容在屏幕上看起来更加舒适。
订阅内容

现有版本的订阅页面(2018年4月初)

在新版中优化了导航栏,更改了页面的布局

优化方向和原因:

  • 使用 Tab 的形式来替代原先的下拉菜单,并且始终保持在最顶端,更加便于用户查看和操作。
  • 我将“收件箱”移到了“订阅内容”中。原先它在“动态”分栏下,非常不直观,这个功能也是用户吐槽最多的。因为“收件箱”当中包含了所有订阅的更新信息,只有当你订阅了作者后才能在里面看到内容。在旧版本的可用性测试中,我发现用户很难找到功能人口,而在新的界面中用户却轻松地找到了。
  • 同时我还优化了一些微交互反馈。
搜索

现有版本的搜索页面(2018年4月初)

在新版中除了搜索,用户还可以在页面中发现更多内容

优化方向和原因:

  • 当前的搜索页面除了搜索记录之外不会给用户提供任何其他内容。首先我移除了菜单栏中的“时下流行”,因为我没有找到用户对这个功能感兴趣的相关信息。根据调研发现有70%的用户同意在搜索页面中加入视频推荐,所以我将推荐放入搜索页面。用户在搜索时他们充满了好奇心,在这个状态下对推荐的内容也更容易接受。
视频播放页

现有版本的视频播放页面(2018年4月初)

在新版中更多的视频控制功能和更好的社交体验

优化方向和原因:

  • 移除了视频播放页面顶部的系统状态栏,以获得更多的空间。
  • “订阅内容”按钮更加突出,在样式上也更接近桌面版。
  • 使用 Tab 的方式实现推荐和评价的切换,通过优化评论标签和突出评论输入框来鼓励用户更多地参与互动。
  • 让底部的评论信息始终保持显示,使用户可以轻松地进行互动。同时,我移除了视频和评论中的“不喜欢”按钮,来保持社区的正向积极性。将原先被隐藏起来的“举报”按钮放入最底部的菜单栏中,让用户可以对一些有害的内容进行举报和反馈。
  • 原版本通过双击来进行快进和快退,但在没有提示的情况下,用户并不知道这一个功能。因此我在播放控制界面中添加了两个额外的控制按钮来满足用户的需求。我还添加了重复播放的按钮,因为桌面版是支持视频重复播放功能的,但是在移动端却找不到相关设置。
  • 同时我还给“喜欢”按钮添加了动画,来鼓励用户更多地进行交互。
圈子

现有版本的“动态”页面(2018年4月初)

将模块重新命名为“圈子”,增加更多社交功能

优化方向和原因:

  • 我在前期的用户研究中发现,用户对于“动态”这个功能表示非常困惑,他们经常联想到观看历史或视频分享记录。为了解决这个问题,我建议将模块名称改为“圈子”或其他更易理解的词语,用户在这个页面中可以直接添加联系人或者其他社交活动。虽然 Google+ 失败了,但这个地方或许可以成为 Google 社交探索精神的延续。
  • 除了使页面更加整洁有序之外,我还添加了两个功能。用户可以在“圈子”中看到他们分享的内容和其他用户感兴趣的内容,这可以帮助用户发现更多有可能感兴趣的内容。虽然因为个人隐私的原因没法直接展示是谁看的这些内容,但是可以参考类似 Tumblr 的分享或者 Twitter 的转发功能;这里可能需要更多的用研才能确保符合需求。这对于 YouTube 来说也是一个不错的方向,并且不会对现有的框架造成破坏。
  • 移除了“收件箱”,因为这和你的好友动态完全没有关系。将“收件箱”移动到了“订阅”中,因为那边更适合这个功能。
帐号

现有版本的“媒体库”页面(2018年4月初)

在新版中将“帐号”和“媒体库”两个模块合并到一起

优化方向和原因:

  • 我将“动态”改名为“圈子”,让按钮更加易于理解,并将现有的“帐号”和“媒体库”进行了合并。因为在当前版本中,“动态”、“媒体库”和“帐号”让许多访谈用户感到疑惑。比如当用户在寻找自己的观看历史时,会习惯进入到“帐号”和“动态”中寻找,而不会去“媒体库”中查看观看历史。
可用性测试

在完成了交互原型后,我进行了可用性测试来验证我所进行的优化。当然,如果扩大测试范围,最后获得的结果可能会有很大的不同,更多的问题或许会浮现出来。

除了收集总体的反馈建议以外,我还向用户提出了四个任务目标,让他们分别在现有版本中和重设计版本上完成这些操作:

  • 进入观看历史页面。
  • 进入通知消息页面。
  • 让视频循环播放。
  • 快进或快退视频。

得到的结果如下:

  • 用户很难在现有版本当中找到观看历史页面。他们从“媒体库”里发现观看历史之前,都是先尝试在“帐号”和“动态”当中寻找。而在新版中,用户在“帐号”中轻松地找到了这项功能。
  • 当用户被要求进入通知页面时,有些人甚至表示根本不知道这个功能的存在,他们认为在新版本中将“收件箱”放入“订阅内容”更加正确。
  • 在测试中,没有任何一位用户在现有版本中找到重复播放功能;有用户提出她之前看到过这个功能,但是想不起来在哪里了。而在新版本中,用户很容易地就在播放控制中找到这个功能。
  • 所有的被测用户都表示,除了拖动进度条,不知道该如何进行快进和快退,但是使用进度条又很难精准的定位时间。在新版的设计中,用户表示可以直观地找到快进60秒和快退60秒的功能。

总结

毫无疑问,YouTube 团队花费了无数的时间在这款产品上,他们进行了大量的研究和迭代。他们可以通过访问后台数据来了解用户的行为和习惯。当然每一次迭代都是有理由和数据支撑的,公司也有自己的计划和目标。

同 YouTube 团队相比,我在这一小段时间内的研究结果可能并不准确,设计的改动也不一定正确。但是我认为可以通过更多地研究、可用性测试和迭代来持续提升 YouTube 的体验。

因为,设计是一个持续的行为。

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师,译者,猫奴,音乐玩家。布道者或麦田守望者。