本文從一位資深交互設計師的視角出發，深入分析了YouTube和B站這兩款流行視頻平臺的交互設計。通過評論、賬號內搜索、暫停等三個交互點的對比，揭示了不同設計如何影響用戶體驗。

我有個習慣，吃飯的時候喜歡看視頻。用的最多的是YouTube（下簡稱“油管”）和 B 站。作為一枚工作 10 年+的老交互，每次看視頻的時候，職業病就犯了。會不由自主的分析這兩款軟件，在交互上，哪家做得好。

今天我選取 3 個交互點，帶大家一起分析下。通過這 3 個交互，其實也能看到不同的交互方式對體驗的影響。

一、評論

在 B 站，播放器的下方，是“熱門評論”區。評論的內容以列表的形式展現，上下滑動可查看所有的熱門評論（下圖綠框所示??）。

在“熱門評論”這個標題右邊，展示著巨大的輸入框。

這種設計，對引導用戶輸入評論是有幫助的。

一個視頻的評論越多，用戶互動越活躍，社區氛圍就越好。

對于提升留存，是有一定幫助的。

在油管，播放器下方是一個“評論 + 評論數量”的卡片（如下圖綠框所示）。這張卡片只展示一條評論，用戶無法通過上下滑動來查看更多。

這種方式對于空間的利用率不高，因為用戶在這里無法看到更多評論，必須通過點擊操作，打開評論的浮層，才能看到剩余的所有評論。而點擊操作的操作成本，比 B 站那種上下滑動，要高很多。所以這種交互方式，將評論的內容藏得較深。其實對用戶看評論的需求，滿足得不太好。

對于評論，還有個關鍵交互，就是如何展示所有評論的浮層。

B 站的做法，是浮層從右向左出現，類似 PC 端里經常用到的抽屜組件，比較符合用戶的心智模型。

油管的做法，是長條形狀的浮層，從下向上出現。

就很神奇，神來之筆??，很難評啊很難評。

這兩種交互動效，帶來的體驗很不同：

首先，從效率和順滑程度上來說，B 站的浮層移動的距離小， 所以效率更高，“動靜”更小，帶來的體驗會更加順滑；而油管的浮層，移動的距離大了很多， 動靜明顯大了很多。

這其實沒有必要。?

因為這個動效只是為了讓浮層的出現更加順滑，所以目標應該是動靜越小越好，從而讓用戶感受到一種流暢的體驗。而不需要用特別大的動靜，吸引用戶的注意力。

二、賬號內搜索

所謂賬號內搜索，是指用戶進入到一個Up主的空間， 想找該 Up 主發布的某個特定話題的視頻。?這個需求相對來說比較低頻。但細節累積起來，也決定了用戶對應用的整體印象。

在 B 站里，點擊Up 主空間里的搜索按鈕，會進入搜索頁，頁面中明確地提示“搜索 ta 的視頻”??

這個提示非常關鍵，讓用戶很明確的知道，現在搜索的只是 ta的視頻，不是全站的。

輸入搜索詞“宇宙”，以卡片的形式展現所有視頻，屏效很高??

如果換個詞，沒有結果，那么會提示“沒有搜到相關內容…”， 下面有個紅色的按鈕是搜索全站。

這個邏輯就給得很清晰：當前Up主沒有該內容，您還可以搜全站。

對于油管，點擊 Up 主空間的搜索按鈕，進入的是如下的搜索頁。頁面展示的整站的搜索歷史

而當我搜索“健康”之后，當前 Up 主沒有相關結果，但是油管自作主張地展示了全站的內容。

從場景來分析，這個設計我認為不夠好。

因為用戶在使用這個功能的時候，場景特別明確，就是希望找到這個Up主的視頻中，有關這個搜索詞的視頻?，F在的搜索結果，讓用戶無法明確當前Up主到底有沒有該視頻。用戶需要經過一番嘗試和推斷，才能得出結論。

這樣的設計就是讓用戶思考的設計。

我們知道有本書特別有名，叫《Don’t Make Me Think》。讓用戶思考的設計，往往就不是好設計。

三、暫停

關于暫停，兩個應用的便捷性也差別很大。

B 站是雙擊播放器區域，就可以暫停；

油管是先單擊播放器，然后精確點擊暫停按鈕，實現暫停。

這兩個設計的差別，在以下場景中體現得淋漓盡致：

當我吃完飯，我需要暫停視頻起身去做別的事情。

當在B站操作的時候，我只要粗略看一下屏幕， 在播放器大概的位置雙擊就可以暫停；但是對于油管，我需要先點擊一下，然后盯著屏幕、非常精確地點擊暫停按鈕，這大概需要我3秒左右的時間。

雖然不多，但是沒有對比就沒有傷害。

油管的體驗，和B站那種完全不用操心的體驗，相差真的太多了。

以上從 3 個角度，對比了兩家的交互設計的差別。這些體驗問題看起來好像也不是什么大問題。但是說實話，如果是同樣的視頻，我更愿意選擇在B站觀看。

除了操作更加簡便、順暢以外，還可以看到更多好玩的字幕。何樂而不為？

所以當產品的內容和服務差不多的時候，體驗的不同就會對用戶的留存產生更大的影響。

最后，也想感嘆一下國內的體驗設計，其實是很一流的。奈何國際化做得不好，國外的用戶享受不到。

當然，背后的原因很復雜，這一篇也先不展開了。不過說實話，寫完這篇文章，作為中國體驗行業的一分子，我也可以小小驕傲一把了，嘿嘿。