
1.背景
最近在考慮一個問題,如何從主app里合理地引導流量到自己的子功能,主要是兩種手段:
(1)設置合理的功能入口
(2)在用戶正常的使用路徑上增加引導功能
在考慮過程中,參考了大量app的頁面設計,發(fā)現(xiàn)不同視頻app的設計各有千秋,遂總結如下。
2.微博視頻

微博視頻是微博app中的視頻功能,僅對核心功能進行分析。
2.1 微博列表的視頻消息

視頻消息的格式和其它微博消息的格式相同,描述區(qū)、常規(guī)操作區(qū)的交互與其它消息類型保持一致,因此針對視頻類型的個性化功能,僅有視頻區(qū)是可發(fā)揮空間
猜想,視頻類型有以下特點:
(1)視頻類型需要全屏播放
(2)同一個上傳用戶的視頻類型不會太多
(3)視頻有分發(fā)訴求:用戶看文字、看圖片,往往有強烈的人格訴求,即只看某些博主發(fā)布的,但是看視頻更高的為內容訴求,有在不同博主的作品間瀏覽的訴求
針對視頻類型的以上特點,微博設計了一個巧妙的視頻詳情頁。
2.2 微博的視頻詳情頁

視頻詳情頁暫且分為沉浸狀態(tài)和高亮狀態(tài)。
首次進入某個視頻詳情頁時,均為高亮狀態(tài)。
進入視頻頁的方法有:從微博動態(tài)列表進入,從另一個視頻詳情頁滑動切入,從全屏視頻頁退出。
高亮和沉浸狀態(tài)下,可以上下滑動切換視頻。
高亮狀態(tài)下,可以使用評論、點贊、分享功能。
這個頁面設計得很巧妙:

和傳統(tǒng)的視頻詳情頁對比,傳統(tǒng)的視頻詳情頁往往在頁面下部設計視頻列表承載分發(fā)功能。
傳統(tǒng)視頻詳情頁的推薦列表的展示效率有限,要展示全部信息,展示3條已經占用大量空間。推薦視頻列表和該頁面的其他功能爭搶空間,導致頁面越做越長,用戶不容易發(fā)現(xiàn)推薦區(qū)域,功能之間互相搶流量。無論展示幾條推薦,用戶只能點擊一次視頻,播放視頻數(shù):展示視頻數(shù)遠小于1。
可滑動的列表用戶滑動只需要滑動即轉到另外一個視頻,跳轉到新視頻的成本比較小,比較符合用戶連續(xù)瀏覽的習慣。用戶的發(fā)現(xiàn)新視頻--瀏覽行為合二為一,播放視頻數(shù):展示視頻數(shù)=1。雖然沒有具體數(shù)據(jù)支持,這種滑動的分發(fā)方式分發(fā)效率一定更高。
但是這種頁面也有缺點,由于沉浸模式的存在,以及滑動的過程中盡可能不要被其他操作打斷,這種設計中評論等操作的使用頻度一定會低于常規(guī)的設計。
但是微博這個頁面并非視頻類型消息的唯一入口,很多用戶會從微博動態(tài)列表瀏覽視頻,在微博動態(tài)列表進行轉評贊等操作明顯容易的多。
動態(tài)列表承載將用戶關注的內容推送給用戶,用戶對該內容進行轉評贊等操作,增加微博的互動度。
視頻列表承載將更多用戶可能感興趣的視頻推送給用戶,用戶瀏覽更多視頻,進而關注新的博主,增加微博內容的擴散度。
2.3 全屏視頻頁

全屏頁的設計是為了承載視頻播放的全屏訴求,視頻列表的設計上,很多交互會與用戶習慣的全屏觀看視頻時的交互沖突,所以視頻全屏的功能不能由視頻列表頁承擔。
有一些產品會在全屏播放頁面增加滑動切換視頻的功能,結果就是屏幕左側滑動調節(jié)亮度,屏幕右側滑動調節(jié)音量,屏幕底部滑動調節(jié)進度,屏幕中間滑動切換視頻,甚至還有長按屏幕、雙擊屏幕彈出視頻列表等復雜的交互,使用起來頗為不便。
設計上比較中規(guī)中矩,故不進行詳細分析。
3.抖音
抖音類產品的設計均與微博視頻列表的思路類似,滑動即切換,自動播放視頻。

抖音能采用這種設計是與抖音的視頻類型分不開的。
(1)抖音幾乎全是手機錄制視頻,絕大多數(shù)為豎屏,分辨率基本全為手機分辨率,直接使用手機全屏為播放框即可
(2)抖音是短視頻,沒有調整視頻進度和屏幕亮度等需求
但是這種設計帶來的弊端也是顯而易見,這種設計會導致評論數(shù)較低,比如截圖,34w的贊數(shù)只有幾千評論。如果將評論內容外放,在視頻頁設置直接可評論的功能入口,評贊比應該會更高。抖音這種設計自有他們取舍的原因。
4.秒拍和快手

將秒拍和快手對比是因為二者的設計思路相仿,視頻列表頁均采用圖片展示,羅列展示feed流。
但是二者還是有差別,也與本身的視頻特點相關:
快手雙列展示,期望同一頁盡量展示相對多的視頻??焓值囊曨l尺寸不一致,單列同屏展示的數(shù)量非常少。沒有視頻描述,截圖即內容。適合UGC內容。
秒拍單列展示,期望展示盡可能多的視頻相關內容。秒拍的視頻尺寸相對一致,橫屏視頻在單列同屏展示的數(shù)量比較多,如果雙屏展示的話,橫屏視頻的縮略圖太小,容易看不清。秒拍有視頻描述,且去掉視頻描述時很難從截圖推斷視頻內容。適合PGC內容。
但是秒拍這種展示方式也帶來了弊端,視頻截圖列表模糊不清,瀏覽的體驗很差。
暫時列舉了以上四種視頻列表的設計方式,不對好壞優(yōu)劣進行評價,每個產品都有自己的取舍道理。但是通過分析不同設計的側重點、推測設計動機,能對自己進行功能設計時有所裨益。