編輯導語：相信大家的手機裏都有視頻APP，在工作之餘看電視劇、看電影來休閒放鬆一下，其中又以愛奇藝、優酷和騰訊視頻為主。本文作者通過對這三款軟件進行實際使用，分析總結了其差異化設計，希望大家一起討論交流。
前言：
本次分享的內容是關於愛奇藝、優酷、騰訊視頻三個第一梯隊的同類型在線播放產品部分功能的差異化產品設計，看看在線播放類產品有哪些可以學習借鑑之處，是如何打造自己的生態和差異化競爭的。
一、首頁
功能佈局上同類產品差異很小，基本上遵從從上至下依次是導航欄–運營區–內容區。
愛奇藝「推薦」類目下拉可以跳轉至二樓放映廳，騰訊視頻「精選」類目下拉可以跳轉至遊戲模塊；愛奇藝導航欄有產品logo、搜索框、歷史記錄、UGC聚合入口、類目Tab、類目編輯入口，另外個別類目增加有篩選功能。
logo的加入提升愛奇藝這一品牌感知和視覺認知，加深品牌在用户側的印象。
另外，這裏尤其要提一下搜索功能的設計。
圓角矩形接近於背景色的設計，整體和諧統一且更加聚焦。搜索框內字段一般會根據近期歷史搜索、和近期熱搜進行關鍵詞推送輪播，千人千面的推廣，提升流量分發效率。
同時，在右側增加搜索的icon，點擊icon，可以直接根據當前輪播的關鍵詞跳轉至搜索結果頁面。交互上極大的縮短了搜索步幅，通過減少路徑提升搜索效率。
下拉至二樓刷新的同時，背景有自動生成的炫光可以緩解用户等待的焦慮，並且傳遞一種未來感，感覺很酷～歷史觀看入口可以讓用户從首頁直接進入觀看歷史，這其實是符合用户心理預期的一種設計手段。
根據用户的使用場景做預判，用户不管是在觀影、觀劇階段，很容易被外界噪音所打斷。再次打開App可以直接從首頁進入觀看歷史找到該劇進行觀看，可以提升用户體驗。
運營Banner除了影視新劇廣告投放，還加入了外部廣告鏈接，Banner分為「vip」和「廣告」兩類標籤。
雖然外部廣告在某種程度上會引起用户的反感，但是利用標籤提示可以降低用户誤入點擊率，降低用户厭惡情緒。
個人認為這種加入外部廣告的營銷推廣是產品商業變現的一種方式，已經有越來越多的產品裏面有看到商業廣告，這是產品發展到一定時期的一種商業變現常態。
這一點在騰訊視頻和優酷都有看到，但也都給出相應的關閉方案，降低用户的厭惡。
作為設計師，在產品設計初期就應該要考慮到為後期加入的廣告預留商業入口和設計策略，以免後期造成產品模塊功能混亂的局面，增加用户對產品功能的理解門檻。
在視頻內容區部分標題交互上點擊可以直接觸達該模塊具體內容展示頁面，增加模塊觸達的交互方式，提高模塊頁面分發效率。
愛奇藝模態彈窗有三種樣式：一種是直接下拉在圖標附近展示氣泡彈窗，另一種是在底部彈出抽屜樣式，第三種就是產品升級常規的提示彈窗，這一類暫且不談。
從產品層面來看前兩種樣式分類區別，圖標附近下拉的樣式彈窗是基於平台自身將用户有行為結果的功能聚合呈現；另一種是針對於外部廣告羣體，作為用户情緒聲音的收集渠道。
個人猜想應該是這兩種彈窗所在的業務屬性而做的區分。
Feed流設計上，愛奇藝和優酷的做法更接近，類似於電商類產品首頁的千人千面設計，可以給無目的瀏覽的用户一次性展示更多，提升用户留存。
而騰訊視頻的做法是通欄劃分為兩張卡片，以卡片的形式推送影片。右側前置支持瀏覽該影片精彩片段，個人猜測這樣的設計方式可以提前讓用户瞭解該影片的大致劇情，引起用户的Aha點，讓用户可以駐足，然後留下更多的時間追片。
一屏推送的影片限制在三個以內，應該是為了減少同類型影片封面對用户的視覺噪音，提升用户的點擊率，這裏想提一下的地方是這三種feed流中的廣告卡片設計。
愛奇藝和優酷都在Feed流中還巧妙的加入外部廣告，這種設計佔比小不易於發現。既不會過多的影響用户的觀感以及沉浸式的體驗，也能提升廣告盈利效率。
而騰訊視頻的廣告推送，一屏空間佔比太大，再加上一屏只有三個以內的影片推送，極大的可能會引起用户的體驗感。
騰訊視頻的頻道區別於其他兩個產品。
愛奇藝和優酷的頻道類目以列表方式下拉，支持個人配置，F型瀏覽模式對用户來説更加友好高效；騰訊視頻的則是矩陣式排版，Z型瀏覽模式容易造成用户視覺疲勞，降低用户的使用頻率。
愛奇藝和優酷在標題前加入icon，可以提升用户對模塊類目的理解，降低學習成本。另外，icon的設計手法也是值得學習的，用色乾淨明快，給單調的界面增加了美感。
搜索模塊大體上是差不多的，雖然三者都在搜索框裏有語音搜索的入口，但愛奇藝和優酷另外在該頁面底部鍵盤上方也提供了顯著的語音搜索入口，顯得更加貼心。
即使在搜索結果頁面，愛奇藝和優酷的設計策略也是一致的。優先級最高的還是搜索功能，都使用與品牌一致的色塊來強調功能；而騰訊的策略是弱化搜索框，以任務結果為中心，突出內容區信息。
二、個人中心
個人中心三者共性就是將使用頻次最高的個人主頁優先級置於頂部，內容區的設計策略差異點還是挺多的。
愛奇藝保持了導航欄的品牌色漸變，內容區以常規的列表從上至下展示，沒有過多的視覺噪音。用户屬性使用頻次較高的優先級最高，平台業務相關屬性的靠後，降低用户學習成本的同時提升其他業務流量的分發。
騰訊視頻將「觀看歷史」模塊前置在個人中心，無需跳轉，交互上可以通過左右滑動的交互選擇歷史影片。
這一設計策略是通過融入具體的用户場景挖掘到的深層次需求，減少場景變化，優化行為交互，縮短了用户查看歷史影片的步幅，提升效率獲得用户好感，與其他同類型平台形成差異化競爭。
另外，個人中心增加了騰訊生態強勁的遊戲+動漫頻道入口，這應該是騰訊的生態佈局，各產品之間形成流量互相分發的導流模型，達成場景互通和流量互補的效果。
優酷的設計以圓角卡片為主，頭部除了個人主頁入口，增加UGC+社交屬性數據展示，建立價值認知。
個人猜測應該也是一種生態佈局的打法，一方面是為了教育用户，培養用户在平台發佈個人創作相關作品的習慣；另一方面，作為頭部之一的產品，高層眼前的格局應該不止於同類型競品愛奇藝和騰訊，應該還包含了近兩年強勁的B站。
三、會員中心會員中心的設計策略大同小異，都是圍繞用户付費轉化，加深會員價值感知，延長用户生命週期而設計。但是三個平台也都有不同的差異化設計策略。
愛奇藝會員中心以深灰+金色為主色調，頭部的金色卡片質感，凸顯會員價值。
卡面使用漸變+底紋的設計手法提升卡面設計感，簡約又不失大氣。卡面提供「立即開通」VIP入口。隨後從上至下的模塊功能依次是等級-任務-權益-服務-特權，都是圍繞用户個人屬性打造。
交互上下滑至屏幕二分之一處，底部會淡入滑出「立即開通」按鈕入口。
愛奇藝會員
愛奇藝VIP開通頁面分為VIP會員和所有會員兩個模塊，承載會員服務和用户付費功能。
VIP會員模塊從上至下依次是黃金VIP會員模塊和星鑽VIP模塊兩個Tab-優惠方式-支付方式-更多類型VIP-VIP套餐-VIP特權-會員協議-常見問題入口。
所有的模塊功能都是圍繞促進用户付費轉化，通過打通決策鏈降低用户對VIP會員的認知，從而提升在用户側的價值認知進行轉化，提升平台黏性。
所有會員模塊主要是根據活躍用户定位而設計的，拓寬不同人羣的付費渠道，這一做法在外賣產品也曾看到。
優酷會員
優酷VIP模塊使用黑金的配色，大氣優雅，會員卡面標有優酷logo×88VIP的標示，利用阿里大生態圈的標籤logo加深用户對會員的價值認知。
在開通VIP的頁面底部一直有賬單金額和立即支付的召喚按鈕，通過顏色對比，提升立即支付的優先級從而促使用户付費轉化。
騰訊視頻會員
騰訊視頻會員延續產品品牌主色，使用了更具有活力陽光的暖黃色，這應該是根據產品活躍用户的人羣選擇的色彩傾向。
退出愛奇藝會員
退出騰訊視頻會員
愛奇藝和騰訊視頻在退出VIP頁面的時候都會出現用户利益點相關的代金券和特權屬性標示挽留彈窗，這種設計從某種程度上可以降低用户流失率。
愛奇藝會員成長體系
騰訊視頻會員成長體系
優酷會員成長體系
愛奇藝、騰訊視頻和優酷三個產品都有自己的VIP會員成長體系。
一方面通過VIP體系呈現用户等級享受的特權，提升新手用户的轉化率；另一方面通過特權和其他優惠刺激手段，激勵現有留存用户續費，延長用户生命週期。核心目標是拉昇付費用户比例，從而達到商業變現的終極目的。
四、播放
愛奇藝、騰訊視頻和優酷三個產品的常規播放頁面也是保持大同小異的設計策略，愛奇藝和優酷在當前頁面都預留了發送彈幕入口，可以縮短用户發送彈幕的路徑。
從上至下播放窗口-視頻信息-推薦視頻，在愛奇藝、優酷的劇集播放進度中，當前劇集選擇框都有微動效，通過動效強化UI界面的功能和用户情感之間的傳遞。
由於現在三個不同產品都處於成熟期，都在走商業變現的“康莊大道”。有些劇集是需要開通VIP的，在劇集選擇框中都會有相應的標籤提示用户需要進行付費才能觀看。
都有自己平台的評論區，一方面是通過自身平台評價體系來打通社交生態，另一方面通過社區來活躍用户，通過用户互動來傳遞情緒。
五、全屏播放
愛奇藝全屏播放
愛奇藝和優酷在全屏觀影狀態下的功能相對騰訊視頻比較全。
基於用户真實使用場景的需求，都有進度條、觀看倍速、視頻源清晰度、選集，彈幕主頁設置。並且都有提供影片截圖和GIF的本地存儲，可以有效的幫助用户進行分享。
優酷全屏播放
愛奇藝和優酷都提供提供發送彈幕的入口，愛奇藝和優酷在發送彈幕的時候，播放會有暫停，基於考慮到用户的觀影過程是不想被打斷和錯過的立場，這一功能設計的很巧妙。
其次，個人感覺優酷的設計策略更勝一籌，前置預判提供字段，提高發送彈幕的效率。
騰訊視頻全屏播放
騰訊視頻全屏播放的界面目前相對來看，功能單薄了一點,但核心功能還都是保留的。
六、彩蛋-趣味設計
優酷
優酷在評價模塊中加入了一些有趣的設計，通過用户不同的評分刷新左側emoji的表情，提升趣味性。再加上不同評分的文案推送，加強產品與用户之間的情感互動。
七、最後由於產品體量功能龐大，個人也是花了半個月的時間研究出的一些體驗分享，分享的模塊可能會比較散，希望個人的一些體驗可以對正在從業產品設計的同學有所啓發和幫助。
大家感興趣的話也可以進行體驗研究，有任何的想法和心得都可以在評論區留言，進行更多產品層面的討論和挖掘。
本文由 @禪悦 原創發佈於人人都是產品經理，未經許可，禁止轉載
題圖來自Unsplash，基於 CC0 協議