視頻APP中也存在著很多產(chǎn)品設(shè)計細節(jié)，作者對騰訊視頻的產(chǎn)品設(shè)計進行研究與思考，希望能夠讓大家更加了解視頻行業(yè)與背后的產(chǎn)品設(shè)計邏輯，一起來看看吧。

最近由于愛奇藝《說唱巔峰對決2》的結(jié)束，和騰訊視頻《長相思》與《心動的信號6》等熱劇的更新，小編也從愛奇藝會員成功轉(zhuǎn)向騰訊視頻，由于很久沒有體驗過騰訊視頻，這次在使用過程中發(fā)現(xiàn)騰訊視頻有很多細節(jié)設(shè)計十分的有創(chuàng)意，作為一個體驗設(shè)計師和視頻/直播領(lǐng)域的產(chǎn)品方向工作者，突發(fā)靈感希望對騰訊視頻的產(chǎn)品設(shè)計進行研究與思考~讓大家更加了解視頻行業(yè)與背后的產(chǎn)品設(shè)計邏輯，希望對大家有所幫助。

注：本期設(shè)計空間站，分析不僅只有小編自己，還有強大的百度文心一言AI大力支持~

1. 觀點闡述

本文所有觀點不代表公司，僅個人觀點；

本文中的所有觀點沒有任何偏向，僅站在一個用戶的角度來分析產(chǎn)品；

2. 適合人群

第一類：UI/UX體驗設(shè)計師：跳出設(shè)計執(zhí)行層，去思考視頻類產(chǎn)品背后的設(shè)計策略，提升產(chǎn)品設(shè)計分析能力；

第二類：產(chǎn)品/運營經(jīng)理：通過全面的產(chǎn)品設(shè)計拆解、用戶邏輯分析，獲取產(chǎn)品設(shè)計參考；

第三類：泛娛樂（視頻/直播）相關(guān)行業(yè)從業(yè)者：通過騰訊視頻產(chǎn)品分析與拆解，獲取競品的邏輯參考。

一、行業(yè)介紹

1. 騰訊視頻介紹

騰訊視頻是中國最大的在線視頻平臺之一，由騰訊公司運營。它提供了豐富多樣的影視內(nèi)容，包括電影、電視劇、綜藝、動漫、紀錄片等各類視頻資源。 騰訊視頻擁有龐大的內(nèi)容庫，用戶可以隨時隨地通過手機、平板或電腦觀看高清流暢的視頻。用戶可以在騰訊視頻上觀看熱門的國內(nèi)外電影大片，追劇最新的電視劇集，欣賞精彩的綜藝節(jié)目，還可以發(fā)現(xiàn)各種類型的原創(chuàng)內(nèi)容。

騰訊視頻提供了多種收費和非收費的會員服務(wù)，會員可以享受無廣告觀看、高清播放、獨家內(nèi)容等特權(quán)。此外，騰訊視頻還為用戶提供了個性化推薦和智能搜索功能，幫助用戶發(fā)現(xiàn)符合自己口味的影視作品。

騰訊視頻致力于與國內(nèi)外的制片公司、電視臺、明星簽約合作，以及自主制作原創(chuàng)內(nèi)容，為用戶提供優(yōu)質(zhì)的視頻體驗。它也積極探索新的技術(shù)和商業(yè)模式，與音樂、游戲、社交等領(lǐng)域進行深度融合，為用戶創(chuàng)造更多的娛樂選擇。

總之，騰訊視頻是一個豐富多樣、高質(zhì)量的在線視頻平臺，為用戶提供了便捷、優(yōu)質(zhì)的觀影體驗，成為了中國廣大網(wǎng)友追劇、觀影、下飯神器的首選之一。

2. 平臺優(yōu)勢

1. 騰訊視頻具有巨大的用戶基礎(chǔ)，擁有多平臺優(yōu)勢。截至2022年底，騰訊視頻的月活用戶總數(shù)已經(jīng)達到3.9億，平臺有效播放綜藝、電視劇、動漫、紀錄片等長視頻內(nèi)容超210億次，播放次數(shù)居全球在線視頻平臺首位。

2. 騰訊視頻在內(nèi)容制作方面具有強大的優(yōu)勢。騰訊視頻以“內(nèi)容為王”作為平臺戰(zhàn)略，將“頭部內(nèi)容”作為重點，致力于打造優(yōu)質(zhì)內(nèi)容。騰訊視頻通過引進國內(nèi)外優(yōu)質(zhì)影視作品，以及與國內(nèi)外知名影視公司合作，實現(xiàn)了影視劇、綜藝、微電影、紀錄片等內(nèi)容的全覆蓋，如近期的《長相思》《心動的信號6》《舞臺2023》等獨播內(nèi)容。

3. 騰訊視頻在技術(shù)創(chuàng)新方面也具有優(yōu)勢。騰訊視頻將AI技術(shù)應(yīng)用于內(nèi)容推薦、智能剪輯、人臉識別、輿情監(jiān)測等方面，為用戶提供更加個性化的服務(wù)。同時，騰訊視頻還積極探索VR、AR等新技術(shù)，為用戶提供更加豐富的視覺體驗。

4. 騰訊視頻還具有強大的品牌影響力。騰訊視頻作為國內(nèi)領(lǐng)先的在線視頻平臺之一，在行業(yè)內(nèi)具有較高的知名度和影響力。騰訊視頻還積極參與公益活動和社會事件，展現(xiàn)出了良好的社會形象。

3. 盈利模式

騰訊視頻的盈利模式主要包括以下幾種：

（1）會員收入：騰訊視頻吸引大量會員，截至2022年9月，騰訊視頻的會員總數(shù)已經(jīng)達到1.2億，他們所交的會員費是一部分收入來源。

（2）廣告收入：在騰訊視頻網(wǎng)站上投放廣告將會給騰訊視頻公司一部分多的廣告費，這也是騰訊視頻網(wǎng)站主要的收入來源。

（3）其他收入：在騰訊視頻站內(nèi)的一些其他收入，如超前點映、影視周邊等其他收入。

4. 產(chǎn)品更新頻次與平臺slogon

（1）產(chǎn)品更新頻次：更新頻次越高，說明產(chǎn)品更新?lián)Q代速度越快，適應(yīng)市場變化的能力越強，企業(yè)的發(fā)展就越有保障。根據(jù)點點數(shù)據(jù)提供的app更新頻次數(shù)據(jù)的顯示，騰訊視頻的更新頻次為：1周/次。從數(shù)據(jù)可看出騰訊視頻的更新頻率還是非常不錯的。

（2）平臺slogon：對于一個企業(yè)、一個產(chǎn)品和一個網(wǎng)站來說，slogan都非常重要。廣告口號是一種較長時期內(nèi)反復(fù)使用的特定的商業(yè)用語，它所強調(diào)的是一家公司和它的產(chǎn)品最為突出的特點，以下為騰訊視頻的slogon。

騰訊視頻：不負好時光

（強調(diào)是一種場景體驗。秉承“內(nèi)容為王，用戶為本”的價值觀，以更加年輕化、更能引起用戶情感共鳴的定位亮相，著力凸顯優(yōu)質(zhì)內(nèi)容的差異化競爭優(yōu)勢，深化與消費者的情感溝通。）

二、界面拆解

1. 內(nèi)容結(jié)構(gòu)

作為視頻內(nèi)容平臺，通過對騰訊視頻APP的結(jié)構(gòu)梳理，發(fā)現(xiàn)產(chǎn)品內(nèi)大部分的內(nèi)容都是圍繞視頻來進行拓展，整體框架分為：首頁、短視頻、VIP會員、熱議、我的這幾個模塊。本次我們主要針對于首頁與播放器這兩個場景進行重點分析。

2. 首頁

首頁作為騰訊視頻的首個場景，主要以視頻內(nèi)容推廣為主，主要內(nèi)容有如下：頂部操作區(qū)、內(nèi)容推薦區(qū)、各分區(qū)推薦頁等。

2.1 頂部操作區(qū)

頂部操作區(qū)一般集合著大量的操作入口，主要功能如下：

• 加追與預(yù)約：其中包含用戶添加的追劇列表、熱門預(yù)約、歷史觀看記錄等功能
• 搜索：點擊進入搜索結(jié)果頁，其中包含熱門榜單、歷史記錄，用戶也可以快速搜索自己需要查找的視頻內(nèi)容
• 游戲中心：游戲中心主要是推廣騰訊自家的游戲內(nèi)容，通過游戲中心對游戲進行引流與拉新
• 周邊商城：周邊商城里面為視頻的周邊產(chǎn)品，用戶可以在周邊商城中進行商品購買

2.1.1 產(chǎn)品亮點：加追與預(yù)約功能

在首頁左上角增加最近再追功能，此功能讓用戶在首頁就可以更快速的找到自己在追的內(nèi)容，而且在頁面中還包含新片預(yù)約和歷史瀏覽記錄功能，讓用戶在了解更多預(yù)約內(nèi)容與歷史記錄。此功能放在首頁很好的降低用戶操作成本，提升產(chǎn)品體驗。

2.1.2 設(shè)計誤區(qū)：加追功能關(guān)閉交互

加追功能在關(guān)閉時有一個縮放交互，此交互場景可以很好的讓用戶感知當前是從哪里進行跳轉(zhuǎn)，出發(fā)點是好的，但由于在點開時沒有縮放動畫與縮放的樣式不太理想反而導(dǎo)致此交互效果并不好，所以可以適當優(yōu)化下。

2.1.3 設(shè)計亮點：滑動屏幕頂導(dǎo)隱藏與出現(xiàn)交互

當用戶滑動屏幕時，頂部操作區(qū)會跟隨手勢進行向上隱藏，這樣可以在用戶向上滑動瀏覽信息時給界面帶來更多的展示空間，當用戶向下滑動一定距離時頂導(dǎo)出現(xiàn)，方便用戶對頂導(dǎo)進行相關(guān)操作。這里的交互細節(jié)很舒適，大家可以多多學習。

2.1.4 設(shè)計亮點：頂部背景跟隨banner顏色進行變化

頂部背景跟隨banner進行變化，當用戶滑動banner時頂部背景會跟隨banner的顏色進行變化，這樣可以讓界面的配色看起來更加和諧，提升界面視覺一致性。同時賦予用戶體驗驚喜感。

2.1.5 設(shè)計亮點：下拉刷新新玩法

大多數(shù)產(chǎn)品下拉都為刷新界面操作，但騰訊視頻對下拉進行兩部交互操作，用戶下拉到第一個階段會出現(xiàn)提示”下拉發(fā)現(xiàn)更多好玩”當前這時用戶松手可以進行常規(guī)刷新操作， 但用戶看到這樣的提示會更想知道在向下拉到會帶來怎么的內(nèi)容，當用戶再次下拉后會出現(xiàn)對應(yīng)的內(nèi)容推薦，類似于游戲推廣與熱播劇推廣，賦予用戶驚喜感的同時還能增加廣告收入。

2.2 內(nèi)容推薦區(qū)

內(nèi)容推薦區(qū)主要以推薦視頻內(nèi)容為主，主要功能分為：

• Banner：banner主要推薦站內(nèi)的熱門內(nèi)容與廣告，支持滑動切換與自動切換展示
• 雙瀑布流推薦位與大卡片推薦：卡片形式采用“封面/視頻+標題+標簽”的形式，推薦一些站內(nèi)的熱門內(nèi)容與廣告內(nèi)容
• 定制內(nèi)容頁：熱門的視頻會定制內(nèi)容頁，為視頻定制界面樣式與布局

2.2.1 設(shè)計亮點：Banner切換的創(chuàng)新交互方式

騰訊視頻的Banner 切換動畫是十分有特點的，整體是logo的剪影效果，并且在右下角的數(shù)量指示點也是logo的形狀，很好的突出品牌形象，設(shè)計創(chuàng)新的同時強化品牌在用戶心中的位置。

2.2.2 產(chǎn)品亮點：雙瀑布流推薦機制

banner下方共6個雙瀑布流推薦位，這種排列方式可以在一屏中展示更多的信息，但不足就是如果界面全部都是這種排列方式會導(dǎo)致用戶瀏覽成本提高，降低用戶的瀏覽欲望，所以騰訊視頻把內(nèi)容控制在6個，不會給用戶增加瀏覽負擔，其次在推薦機制上對前兩個卡片進行“最近在看”標簽，和視頻預(yù)覽，相比其他靜態(tài)卡片可以讓用戶更加快速的發(fā)現(xiàn)自己想看的內(nèi)容。

2.2.3 產(chǎn)品亮點：視頻大卡片推薦

這種樣式的推薦形式雖然同屏下相比雙瀑布流的可推薦內(nèi)容少，但可以讓用戶更注重內(nèi)容視頻本身，推薦的視頻內(nèi)容都為該作品的熱門片段，小編經(jīng)?？粗粗桶怖艘粋€新劇，很適合作為長視頻推薦列表使用

2.2.4 設(shè)計亮點：不一樣的定制化分區(qū)內(nèi)容頁

騰訊視頻會根據(jù)站內(nèi)的熱門內(nèi)容進行定制化分區(qū)內(nèi)容頁，雖然這種形式在各個視頻平臺都有設(shè)計，但騰訊視頻的似乎更加與眾不同，它相比其他競品不僅增加了開屏動畫，加強界面氛圍感，同時在功能上增加了一級標題，如在長相思專題中的“獨家花絮、有聲書、看微綜、相思榜”等入口，可以讓用戶在頁面中發(fā)現(xiàn)更多劇情本身以外的衍生內(nèi)容，一級標題的形式也可以讓用戶直達視頻播放頁，快速了解想要看到的視頻內(nèi)容。

2.2.5 設(shè)計誤區(qū)：分區(qū)中的入口icon設(shè)計

電視劇作為騰訊視頻的高頻點擊分區(qū)，在頭部的icon確實有失大廠風范，圖標過大、視覺比例不一致、風格不統(tǒng)一等問題，很影響界面的視覺美感，但入口的點擊轉(zhuǎn)化是否有影響未知。

3. 播放器相關(guān)

播放器作為視頻產(chǎn)品的核心使用場景，其中的功能非常龐大，騰訊視頻的播放器內(nèi)容主要分為：豎屏播放頁與橫屏播放器。

3.1 豎屏播放頁

豎屏播放頁為用戶點擊進入視頻的第一個場景，主要功能為：

• 頂部播放器：頂部為視頻播放區(qū)域
• 詳情：詳情中包含視頻標題、選集、討論、周邊、視頻推薦等功能
• 底部快捷操作區(qū)：包含再追、下載、投屏、一起看、分享等功能

3.1.1 設(shè)計亮點：定制化的視頻播放器

對于熱門的內(nèi)容，騰訊視頻依然會定制化頁面，給予專屬的配色與標題，給用戶提供更加沉浸的氛圍感。

3.1.2 產(chǎn)品亮點：底部操作區(qū)功能

相比其他產(chǎn)品，騰訊視頻在進入豎屏播放頁后不會再頂部的視頻中默認展示操作內(nèi)容，給用戶帶來更好的觀看體驗，并且把視頻相關(guān)的操作內(nèi)容放置底部做成一個底部操作區(qū)，用戶可以在底部快速的對視頻進行操作如：下載、投屏、一起看、分享等。而不是把功能分散在界面中，這樣不僅可以降低用戶的尋找這些高頻操作的成本，同時提升視頻的觀看體驗。

3.2 橫屏播放器

橫屏播放器是大家在使用產(chǎn)品中最高頻的操作，這里騰訊視頻也是下了很大的成本，也有不少的細節(jié)，界面的主要功能有：

• 頂部操作區(qū)：標題、一起看、臻彩視聽、投屏等功能
• 左右側(cè)操作區(qū)：鎖屏、討論、拍照、錄像等功能
• 底部操作區(qū)：進度條、暫停、彈幕、倍速、發(fā)電、選集等功能
• 其他場景：彈幕播放、特效、音量控制、快進等功能

3.2.1 設(shè)計亮點：定制化進度條與標記糖點

對應(yīng)熱門視頻內(nèi)容，騰訊視頻會定制化進度條樣式與進度點樣式，（如《長相思》中定制紅色木槿花）讓用戶更加沉浸的觀看體驗，同時在進度條上方有標記樣式，用戶點擊會觸發(fā)標記動效與糖點，所有標記的糖點數(shù)據(jù)也會以波動圖的形式顯示在進度條上方，提高互動玩法。

3.2.2 產(chǎn)品亮點：發(fā)電功能為自己支持的CP上分

在底部操作區(qū)增加發(fā)電功能，用戶可以點擊為自己支持的cp送出禮物，不僅可以滿足用戶的“嗑CP”心理，同時對直播場景中的核心送禮功能很好的結(jié)合到視頻產(chǎn)品中，給視頻內(nèi)容提供了商業(yè)價值，提高產(chǎn)品收入。

3.2.3 產(chǎn)品亮點：討論功能-邊看熱議邊追劇

騰訊視頻在橫版播放器增加討論入口，點擊會在右側(cè)彈出討論功能，并不會遮擋視頻內(nèi)容，用戶可以在右側(cè)觀看用戶發(fā)布的熱議，一起邊討論視頻內(nèi)容，一起追劇兩不誤。

3.2.4 產(chǎn)品亮點：振動彩蛋與高能彈幕

在播放器設(shè)置中有振動彩蛋與高能進度條功能，當用戶觀看到視頻高能部分時就會觸發(fā)振動操作與高能動畫，并且彈幕會進行顏色變化，通過不一樣的交互方式給用戶帶來驚喜感，當然用戶也可以在設(shè)置中關(guān)閉此功能。

3.2.5 設(shè)計亮點：定制表情與動態(tài)表情

騰訊視頻在發(fā)彈幕場景時點擊表情，用戶可以選擇發(fā)送定制內(nèi)容的表情，如戀綜表情“般配、甜、上車、上分”等熱門語言，除了定制表情外，對通用表情也增加了動態(tài)表情，讓表情更加趣味，加強互動玩法與提升彈幕量。

3.2.6 設(shè)計亮點：漸變色音量條

騰訊視頻在調(diào)節(jié)音量時，音量條是一個從藍色到紅色的漸變，配色正好與品牌色進行呼應(yīng)，但其實還有一個其他的小細節(jié)，當音量低時采用藍綠色給人舒適的感受，當音量變高時變?yōu)榧t色給用戶警示的效果，讓用戶更直觀的感受音量變化，通過細節(jié)來提升用戶體驗。

3.2.7 產(chǎn)品思考：長按快進功能

隨時快時代節(jié)奏生活，用戶對倍速播放越來越依賴，此前版本的騰訊視頻左半屏長按為快退功能，右半屏長按為快進功能，但對應(yīng)平時左手拿手機的小編，每次長按播放就需要用右手來操作，這樣就會讓我用兩個手去查看，但在新版本中騰訊視頻優(yōu)化了此功能讓用戶點擊左側(cè)也為快進功能，但還是以前的樣式，有時會給用戶一種還是快退的錯覺，所以這里可以統(tǒng)一下長按樣式，降低用戶疑慮。

3.2.8 設(shè)計亮點：倒流彈幕玩法

最近在觀看電視劇時，發(fā)現(xiàn)當視頻處于回憶片段時，彈幕就會變?yōu)閺淖蟮接业哪嫦虺霈F(xiàn)，當劇情變?yōu)楝F(xiàn)實世界時彈幕又會回歸正常的出現(xiàn)場景，這樣的交互形式跟劇情進行了很好的融合，給用戶帶來沉浸的觀影體驗。

此次主要分析了騰訊視頻的首頁、播放器功能，當然產(chǎn)品中還有很多其他模塊，如果大家感興趣的話，小編也會抓緊整理，給大家?guī)淼诙诜治雠c研究~

三、總結(jié)

通過對騰訊視頻的首頁、播放器等功能的設(shè)計分析，相信大家體驗下來也發(fā)現(xiàn)了非常多產(chǎn)品設(shè)計細節(jié)，一開始我一直在想為什么騰訊視頻會有這么大的用戶群體，但當我分析完后發(fā)現(xiàn)他不僅在內(nèi)容上有非常優(yōu)質(zhì)，在體驗設(shè)計上也有非常多創(chuàng)意的想法，希望此次分享可以對各位產(chǎn)品大大們更加深入的了解騰訊視頻這款產(chǎn)品，發(fā)現(xiàn)其中的產(chǎn)品亮點。也希望對各位設(shè)計大大們從中發(fā)現(xiàn)更多的設(shè)計創(chuàng)意，從而提升設(shè)計視野與彌補自身產(chǎn)品的用戶體驗不足。給產(chǎn)品帶來更多設(shè)計亮點，做出打動人心的好產(chǎn)品。

以上分析的場景不一定全面，有些觀點也只是站在設(shè)計師的角度的個人觀點。