前言

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

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

更多產(chǎn)品設(shè)計細(xì)節(jié)：

一、閱讀須知

1. 時長說明

全文約 5500+字，深度閱讀本文大約需要 15-20 分鐘；

2. 觀點(diǎn)闡述

本文所有觀點(diǎn)不代表公司，僅個人觀點(diǎn)；

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

3. 適合人群

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

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

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

二、行業(yè)介紹

1. 騰訊視頻介紹

騰訊視頻是中國最大的在線視頻平臺之一，由騰訊公司運(yùn)營。它提供了豐富多樣的影視內(nèi)容，包括電影、電視劇、綜藝、動漫、紀(jì)錄片等各類視頻資源。 騰訊視頻擁有龐大的內(nèi)容庫，用戶可以隨時隨地通過手機(jī)、平板或電腦觀看高清流暢的視頻。用戶可以在騰訊視頻上觀看熱門的國內(nèi)外電影大片，追劇最新的電視劇集，欣賞精彩的綜藝節(jié)目，還可以發(fā)現(xiàn)各種類型的原創(chuàng)內(nèi)容。 騰訊視頻提供了多種收費(fèi)和非收費(fèi)的會員服務(wù)，會員可以享受無廣告觀看、高清播放、獨(dú)家內(nèi)容等特權(quán)。此外，騰訊視頻還為用戶提供了個性化推薦和智能搜索功能，幫助用戶發(fā)現(xiàn)符合自己口味的影視作品。

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

2. 平臺優(yōu)勢

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

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

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

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

3. 盈利模式

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

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

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

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

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

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

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

騰訊視頻：不負(fù)好時光

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

三、界面拆解

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

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

2. 首頁

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

①頂部操作區(qū)

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

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

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

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

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

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

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

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

4）設(shè)計亮點(diǎn)：頂部背景跟隨 banner 顏色進(jìn)行變化

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

5）設(shè)計亮點(diǎn)：下拉刷新新玩法

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

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

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

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

1）設(shè)計亮點(diǎn)：Banner 切換的創(chuàng)新交互方式

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

2）產(chǎn)品亮點(diǎn)：雙瀑布流推薦機(jī)制

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

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

這種樣式的推薦形式雖然同屏下相比雙瀑布流的可推薦內(nèi)容少，但可以讓用戶更注重內(nèi)容視頻本身，推薦的視頻內(nèi)容都為該作品的熱門片段，小編經(jīng)常看著看著就安利了一個新劇，很適合作為長視頻推薦列表使用

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

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

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

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

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

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

①豎屏播放頁

豎屏播放頁為用戶點(diǎn)擊進(jìn)入視頻的第一個場景，主要功能為：

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

1）設(shè)計亮點(diǎn)：定制化的視頻播放器

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

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

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

②橫屏播放器

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

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

1）設(shè)計亮點(diǎn)：定制化進(jìn)度條與標(biāo)記糖點(diǎn)

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

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

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

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

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

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

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

5）設(shè)計亮點(diǎn)：定制表情與動態(tài)表情

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

6）設(shè)計亮點(diǎn)：漸變色音量條

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

7）產(chǎn)品思考：長按快進(jìn)功能

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

8）設(shè)計亮點(diǎn)：倒流彈幕玩法

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

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

四、總結(jié)

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

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

感謝大家的用心閱讀，如果覺得文章對您有幫助可以點(diǎn)一個小贊/關(guān)注，未來會定期更新不同行業(yè)的設(shè)計拆解文章~

作者：不是作家