本文从一位资深交互设计师的视角出发，深入分析了YouTube和B站这两款流行视频平台的交互设计。通过评论、账号内搜索、暂停等三个交互点的对比，揭示了不同设计如何影响用户体验。

我有个习惯，吃饭的时候喜欢看视频。用的最多的是YouTube（下简称“油管”）和 B 站。作为一枚工作 10 年+的老交互，每次看视频的时候，职业病就犯了。会不由自主的分析这两款软件，在交互上，哪家做得好。

今天我选取 3 个交互点，带大家一起分析下。通过这 3 个交互，其实也能看到不同的交互方式对体验的影响。

一、评论

在 B 站，播放器的下方，是“热门评论”区。评论的内容以列表的形式展现，上下滑动可查看所有的热门评论（下图绿框所示👇）。

在“热门评论”这个标题右边，展示着巨大的输入框。

这种设计，对引导用户输入评论是有帮助的。

一个视频的评论越多，用户互动越活跃，社区氛围就越好。

对于提升留存，是有一定帮助的。

在油管，播放器下方是一个“评论 + 评论数量”的卡片（如下图绿框所示）。这张卡片只展示一条评论，用户无法通过上下滑动来查看更多。

这种方式对于空间的利用率不高，因为用户在这里无法看到更多评论，必须通过点击操作，打开评论的浮层，才能看到剩余的所有评论。而点击操作的操作成本，比 B 站那种上下滑动，要高很多。所以这种交互方式，将评论的内容藏得较深。其实对用户看评论的需求，满足得不太好。

对于评论，还有个关键交互，就是如何展示所有评论的浮层。

B 站的做法，是浮层从右向左出现，类似 PC 端里经常用到的抽屉组件，比较符合用户的心智模型。

油管的做法，是长条形状的浮层，从下向上出现。

就很神奇，神来之笔😂，很难评啊很难评。

这两种交互动效，带来的体验很不同：

首先，从效率和顺滑程度上来说，B 站的浮层移动的距离小， 所以效率更高，“动静”更小，带来的体验会更加顺滑；而油管的浮层，移动的距离大了很多， 动静明显大了很多。

这其实没有必要。 

因为这个动效只是为了让浮层的出现更加顺滑，所以目标应该是动静越小越好，从而让用户感受到一种流畅的体验。而不需要用特别大的动静，吸引用户的注意力。

二、账号内搜索

所谓账号内搜索，是指用户进入到一个Up主的空间， 想找该 Up 主发布的某个特定话题的视频。 这个需求相对来说比较低频。但细节累积起来，也决定了用户对应用的整体印象。

在 B 站里，点击Up 主空间里的搜索按钮，会进入搜索页，页面中明确地提示“搜索 ta 的视频”👇

这个提示非常关键，让用户很明确的知道，现在搜索的只是 ta的视频，不是全站的。

输入搜索词“宇宙”，以卡片的形式展现所有视频，屏效很高👍

如果换个词，没有结果，那么会提示“没有搜到相关内容…”， 下面有个红色的按钮是搜索全站。

这个逻辑就给得很清晰：当前Up主没有该内容，您还可以搜全站。

对于油管，点击 Up 主空间的搜索按钮，进入的是如下的搜索页。页面展示的整站的搜索历史

而当我搜索“健康”之后，当前 Up 主没有相关结果，但是油管自作主张地展示了全站的内容。

从场景来分析，这个设计我认为不够好。

因为用户在使用这个功能的时候，场景特别明确，就是希望找到这个Up主的视频中，有关这个搜索词的视频。现在的搜索结果，让用户无法明确当前Up主到底有没有该视频。用户需要经过一番尝试和推断，才能得出结论。

这样的设计就是让用户思考的设计。

我们知道有本书特别有名，叫《Don’t Make Me Think》。让用户思考的设计，往往就不是好设计。

三、暂停

关于暂停，两个应用的便捷性也差别很大。

B 站是双击播放器区域，就可以暂停；

油管是先单击播放器，然后精确点击暂停按钮，实现暂停。

这两个设计的差别，在以下场景中体现得淋漓尽致：

当我吃完饭，我需要暂停视频起身去做别的事情。

当在B站操作的时候，我只要粗略看一下屏幕， 在播放器大概的位置双击就可以暂停；但是对于油管，我需要先点击一下，然后盯着屏幕、非常精确地点击暂停按钮，这大概需要我3秒左右的时间。

虽然不多，但是没有对比就没有伤害。

油管的体验，和B站那种完全不用操心的体验，相差真的太多了。

以上从 3 个角度，对比了两家的交互设计的差别。这些体验问题看起来好像也不是什么大问题。但是说实话，如果是同样的视频，我更愿意选择在B站观看。

除了操作更加简便、顺畅以外，还可以看到更多好玩的字幕。何乐而不为？

所以当产品的内容和服务差不多的时候，体验的不同就会对用户的留存产生更大的影响。

最后，也想感叹一下国内的体验设计，其实是很一流的。奈何国际化做得不好，国外的用户享受不到。

当然，背后的原因很复杂，这一篇也先不展开了。不过说实话，写完这篇文章，作为中国体验行业的一分子，我也可以小小骄傲一把了，嘿嘿。