熟悉事物的设计:如何改善YouTube示例的界面



译者: 今天,我们为界面设计师KévinEugène提供Habré 文章翻译。 他已经涉足这一领域多年,所以他有话要说。 YouTube的例子是最能说明问题的例子之一,因为这项服务为我们所有人所熟知。

像你们所有人一样,我经常使用YouTube。 音乐,大众科学节目,观看休闲视频-所有这些都可以在服务中找到。 好吧,由于他是我们所有人中众所周知的,所以我试图清楚地演示一种改善人与平台互动的方法。

Skillbox建议:为期两个月的UX设计 实践课程。
我们提醒您: 对于所有Habr读者-根据Habr促销代码注册任何Skillbox课程时均可享受10,000卢布的折扣。

主页




在起始页的新设计中,我将重点介绍建议。 当第一个推荐的视频在后台播放时,其余的只需单击鼠标即可启动。 您可以停止或静音背景视频,如果用户喜欢,可以将其添加到“稍后观看”列表中或立即开始观看。 视频从预览结束的那一刻开始。

用户可以快速创建包含特定页面上所有建议的播放列表:为此,您只需单击“我的建议”面板旁边的按钮即可。 为了达到用户和机器学习算法之间最大程度的交互,这是必需的。

此外,新界面必须使用深色调使内容脱颖而出,并且使眼睛更专注于特定视频。

播放器




我决定更改面板,使其与新界面相对应。 实际上,一切对他来说都是监禁的。

喜欢和不喜欢的按钮




在此版本中,按钮的问题在于它们在全屏模式下不可用,并且毕竟,该服务的大多数用户更喜欢以这种方式观看YouTube视频。 最糟糕的是,在当前界面中,切换到下一个视频非常容易:它会自动打开。 在新概念中,按钮位于播放器顶部,因此您可以随时使用它们。



一方面,自动播放很方便,但另一方面,我没有时间喜欢或不喜欢。 应该避免这种情况,因为视频内容的创建者没有收到应有的评分。 嗯,作为用户,我无法向YouTube告知我的偏好设置,因此,一切都以不太相关的优惠结尾。 有时,在查看之前,我先单击“赞”按钮,但它也会使算法混乱。

右栏




右列显示与当前视频相关的视频。 无论如何,这是什么意思。 优惠分为三类:

我的播放清单
活动播放列表中的视频显示在此处。 这就像在Spotify或Apple Music之类的音乐应用程序中可以找到的等待线。

您可以将视频从以下类别拖放到“我的播放列表”中,只需单击相应的按钮即可轻松地重新排序或启用自动播放。 借助三个白点,您可以毫无问题地编辑列表。

当播放列表具有名称时,“我的播放列表”将被替换。

我的建议
此部分基于用户的习惯,并不直接取决于他当前正在查看的内容。 我想使推荐变得容易访问,因此,从这里开始,用户可以从头到尾观看所有内容,因为名称旁边有一个播放按钮。

当用户单击它时,推荐的视频将进入“我的播放列表”。 不编辑“我的推荐”,因为这是算法的结果,但是如果需要,可以将视频拖放到“我的播放列表”中。

与此视频类似
在类别中,显示的视频按主题对应于当前正在观看的视频。

如果您在YouTube上查看类似的部分,将会了解没有明确的分类或视频的解释。



最终,用户根本不理解为什么向他显示此视频-因为它与当前视频来自同一频道,或出于其他原因。 在某些情况下,所有这些建议看起来都是完全随机的选择。 此外,如果您正在观看的视频包含在用户订阅的频道中,则右列主要显示来自当前频道的视频,这不允许您查看更多的第三方推荐。

在新设计中,即使“我的播放列表”为空,这三个类别(“我的播放列表”,“我的推荐”和“更类似于该视频”)彼此相关,并且每次播放视频时都会显示。 值得简要和清楚地解释类别之间的差异,以便用户准确地了解其目的(例如,“基于您的习惯”或“基于您现在所看到的内容”)。

通过清楚地说明类别,我们可以帮助用户了解在哪里可以找到感兴趣的视频。

数字福祉与责任


构建一个具有大量娱乐内容的平台非常好,但是,如果存在上瘾的威胁(一种数字药物),则公司必须保护其用户。

UI / UX设计师负责创建真正意义上上瘾的系统。 这使得可以操纵用户的感受。

拟议的YouTube设计只是对用户承担责任。 我将通过一些示例进行展示。

例如,视频的自动播放只能在用户创建的播放列表中激活,而不能在推荐视频列表中激活。

此外,观看时间有限-仅半小时。 限制用完后,系统会提示用户执行其他操作-自动播放停止。 该警告应该足够清楚,以便用户理解为什么他应该停止观看视频。



对于令人上瘾的面向内容的平台(例如Netflix和YouTube),此类工具非常重要。 需要提醒用户休息的重要性。

画中画


最后,画中画出现在桌面上。 而且看起来很棒。



当视频面板关闭时,画中画会自动激活。 您可以通过拖动视频剪辑或单击搜索栏来启用该功能。 在视频的迷你版本中,用户可以暂停播放,将声音静音,更改其大小,将其放置在其他位置或通过单击将其返回到视频面板。 播放缩略图时,主页上的背景视频会暂停。

即时播放列表


在这里,拼图的所有元素都汇聚在一起。

即时播放列表-用户可以非常快速地创建,编辑和查看的临时播放列表。 它们基于拖放手势。



当用户在屏幕底部捕获视频时,该视频将保存在即时播放列表中,并在画中画模式中位于顶部。 直到用户决定开始播放。



捕获视频后,该视频将从列表中消失。 相反,下一个视频优先。 用户只需将其“降低”到屏幕下方,就可以根据自己的需要将尽可能多的视频添加到此类型的列表中。

如上所述,即时播放列表是一个临时列表。 用户关闭YouTube后,这些列表就会被删除。 如果需要,可以通过打开编辑菜单来保存它们。 用户可以命名他们的列表,从中删除视频,重新排列视频。



清单的概念可以与用户在超市中的行为进行比较:他选择自己喜欢的商品并添加到购物车中以便以后使用。

列表很好,因为您可以在几秒钟内保存自己喜欢的视频。 在旧版本的界面中,此操作无法完成。 相反,您可以保存视频以供将来观看,但是需要更多时间。

结论


当然,上面所说的并不是教条,而只是试图解决我在使用平台时遇到的一些问题。 请在评论中让我知道您的想法。 欢迎提出任何改进建议。 :)

Skillbox建议:


Source: https://habr.com/ru/post/zh-CN419577/


All Articles