YouTube 要努力了,被 B 站的體驗甩出一條街!
本文從一位資深交互設計師的視角出發,深入分析了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站觀看。
除了操作更加簡便、順暢以外,還可以看到更多好玩的字幕。何樂而不為?
所以當產品的內容和服務差不多的時候,體驗的不同就會對用戶的留存產生更大的影響。
最后,也想感嘆一下國內的體驗設計,其實是很一流的。奈何國際化做得不好,國外的用戶享受不到。
當然,背后的原因很復雜,這一篇也先不展開了。不過說實話,寫完這篇文章,作為中國體驗行業的一分子,我也可以小小驕傲一把了,嘿嘿。
本文由人人都是產品經理作者【沐風】,微信公眾號:【沐風的UX充電站】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
我也這么覺得
確實,而且我看電影也喜歡B站。就喜歡看彈幕。其他視頻網站的彈幕沒有B站有趣。