google youtube 翻墙
本文从一位资深交互设计师的视角出发,深入分析了YouTube和B站这两款流行视频平台的交互设计。通过评论、账号内搜索、暂停等三个交互点的对比,揭示了不同设计如何影响用户体验。
我有个习惯,吃饭的时候喜欢看视频。用的最多的是YouTube(下简称“油管”)和 B 站。作为一枚工作 10 年+的老交互,每次看视频的时候,职业病就犯了。会不由自主的分析这两款软件,在交互上,哪家做得好。
今天我选取 3 个交互点,带大家一起分析下。通过这 3 个交互,其实也能看到不同的交互方式对体验的影响。
在 B 站,播放器的下方,是“热门评论”区。评论的内容以列表的形式展现,上下滑动可查看所有的热门评论(下图绿框所示👇)。
在油管,播放器下方是一个“评论 + 评论数量”的卡片(如下图绿框所示)。这张卡片只展示一条评论,用户无法通过上下滑动来查看更多。
这种方式对于空间的利用率不高,因为用户在这里无法看到更多评论,必须通过点击操作,打开评论的浮层,才能看到剩余的所有评论。而点击操作的操作成本,比 B 站那种上下滑动,要高很多。所以这种交互方式,将评论的内容藏得较深。其实对用户看评论的需求,满足得不太好。
B 站的做法,是浮层从右向左出现,类似 PC 端里经常用到的抽屉组件,比较符合用户的心智模型。
首先,从效率和顺滑程度上来说,B 站的浮层移动的距离小, 所以效率更高,“动静”更小,带来的体验会更加顺滑;而油管的浮层,移动的距离大了很多, 动静明显大了很多。
因为这个动效只是为了让浮层的出现更加顺滑,所以目标应该是动静越小越好,从而让用户感受到一种流畅的体验。而不需要用特别大的动静,吸引用户的注意力。
所谓账号内搜索,是指用户进入到一个Up主的空间, 想找该 Up 主发布的某个特定话题的视频。 这个需求相对来说比较低频。但细节累积起来,也决定了用户对应用的整体印象。
在 B 站里,点击Up 主空间里的搜索按钮,会进入搜索页,页面中明确地提示“搜索 ta 的视频”👇
因为用户在使用这个功能的时候,场景特别明确,就是希望找到这个Up主的视频中,有关这个搜索词的视频。现在的搜索结果,让用户无法明确当前Up主到底有没有该视频。用户需要经过一番尝试和推断,才能得出结论。
我们知道有本书特别有名,叫《Don’t Make Me Think》。让用户思考的设计,往往就不是好设计。
当在B站操作的时候,我只要粗略看一下屏幕, 在播放器大概的位置双击就可以暂停;但是对于油管google youtube 翻墙,我需要先点击一下,然后盯着屏幕、非常精确地点击暂停按钮,这大概需要我3秒左右的时间。
以上从 3 个角度,对比了两家的交互设计的差别。这些体验问题看起来好像也不是什么大问题。但是说实话,如果是同样的视频,我更愿意选择在B站观看。
最后,也想感叹一下国内的体验设计,其实是很一流的。奈何国际化做得不好,国外的用户享受不到。
当然,背后的原因很复杂,这一篇也先不展开了。不过说实话,写完这篇文章,作为中国体验行业的一分子,我也可以小小骄傲一把了,嘿嘿。