5500字純干貨丨深度拆解騰訊視頻app的細節設計

2 評論 11900 瀏覽 73 收藏 26 分鐘

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

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

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

1. 觀點闡述

本文所有觀點不代表公司,僅個人觀點;

本文中的所有觀點沒有任何偏向,僅站在一個用戶的角度來分析產品;

2. 適合人群

第一類:UI/UX體驗設計師:跳出設計執行層,去思考視頻類產品背后的設計策略,提升產品設計分析能力;

第二類:產品/運營經理:通過全面的產品設計拆解、用戶邏輯分析,獲取產品設計參考;

第三類:泛娛樂(視頻/直播)相關行業從業者:通過騰訊視頻產品分析與拆解,獲取競品的邏輯參考。

一、行業介紹

1. 騰訊視頻介紹

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

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

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

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

2. 平臺優勢

1. 騰訊視頻具有巨大的用戶基礎,擁有多平臺優勢。截至2022年底,騰訊視頻的月活用戶總數已經達到3.9億,平臺有效播放綜藝、電視劇、動漫、紀錄片等長視頻內容超210億次,播放次數居全球在線視頻平臺首位。

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

3. 騰訊視頻在技術創新方面也具有優勢。騰訊視頻將AI技術應用于內容推薦、智能剪輯、人臉識別、輿情監測等方面,為用戶提供更加個性化的服務。同時,騰訊視頻還積極探索VR、AR等新技術,為用戶提供更加豐富的視覺體驗。

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

3. 盈利模式

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

(1)會員收入:騰訊視頻吸引大量會員,截至2022年9月,騰訊視頻的會員總數已經達到1.2億,他們所交的會員費是一部分收入來源。

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

(3)其他收入:在騰訊視頻站內的一些其他收入,如超前點映、影視周邊等其他收入。

4. 產品更新頻次與平臺slogon

(1)產品更新頻次:更新頻次越高,說明產品更新換代速度越快,適應市場變化的能力越強,企業的發展就越有保障。根據點點數據提供的app更新頻次數據的顯示,騰訊視頻的更新頻次為:1周/次。從數據可看出騰訊視頻的更新頻率還是非常不錯的。

(2)平臺slogon:對于一個企業、一個產品和一個網站來說,slogan都非常重要。廣告口號是一種較長時期內反復使用的特定的商業用語,它所強調的是一家公司和它的產品最為突出的特點,以下為騰訊視頻的slogon。

騰訊視頻:不負好時光

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

二、界面拆解

1. 內容結構

作為視頻內容平臺,通過對騰訊視頻APP的結構梳理,發現產品內大部分的內容都是圍繞視頻來進行拓展,整體框架分為:首頁、短視頻、VIP會員、熱議、我的這幾個模塊。本次我們主要針對于首頁與播放器這兩個場景進行重點分析。

2. 首頁

首頁作為騰訊視頻的首個場景,主要以視頻內容推廣為主,主要內容有如下:頂部操作區、內容推薦區、各分區推薦頁等。

2.1 頂部操作區

頂部操作區一般集合著大量的操作入口,主要功能如下:

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

2.1.1 產品亮點:加追與預約功能

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

2.1.2 設計誤區:加追功能關閉交互

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

2.1.3 設計亮點:滑動屏幕頂導隱藏與出現交互

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

2.1.4 設計亮點:頂部背景跟隨banner顏色進行變化

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

2.1.5 設計亮點:下拉刷新新玩法

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

2.2 內容推薦區

內容推薦區主要以推薦視頻內容為主,主要功能分為:

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

2.2.1 設計亮點:Banner切換的創新交互方式

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

2.2.2 產品亮點:雙瀑布流推薦機制

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

2.2.3 產品亮點:視頻大卡片推薦

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

2.2.4 設計亮點:不一樣的定制化分區內容頁

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

2.2.5 設計誤區:分區中的入口icon設計

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

3. 播放器相關

播放器作為視頻產品的核心使用場景,其中的功能非常龐大,騰訊視頻的播放器內容主要分為:豎屏播放頁與橫屏播放器。

3.1 豎屏播放頁

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

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

3.1.1 設計亮點:定制化的視頻播放器

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

3.1.2 產品亮點:底部操作區功能

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

3.2 橫屏播放器

橫屏播放器是大家在使用產品中最高頻的操作,這里騰訊視頻也是下了很大的成本,也有不少的細節,界面的主要功能有:

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

3.2.1 設計亮點:定制化進度條與標記糖點

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

3.2.2 產品亮點:發電功能為自己支持的CP上分

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

3.2.3 產品亮點:討論功能-邊看熱議邊追劇

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

3.2.4 產品亮點:振動彩蛋與高能彈幕

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

3.2.5 設計亮點:定制表情與動態表情

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

3.2.6 設計亮點:漸變色音量條

騰訊視頻在調節音量時,音量條是一個從藍色到紅色的漸變,配色正好與品牌色進行呼應,但其實還有一個其他的小細節,當音量低時采用藍綠色給人舒適的感受,當音量變高時變為紅色給用戶警示的效果,讓用戶更直觀的感受音量變化,通過細節來提升用戶體驗。

3.2.7 產品思考:長按快進功能

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

3.2.8 設計亮點:倒流彈幕玩法

最近在觀看電視劇時,發現當視頻處于回憶片段時,彈幕就會變為從左到右的逆向出現,當劇情變為現實世界時彈幕又會回歸正常的出現場景,這樣的交互形式跟劇情進行了很好的融合,給用戶帶來沉浸的觀影體驗。

此次主要分析了騰訊視頻的首頁、播放器功能,當然產品中還有很多其他模塊,如果大家感興趣的話,小編也會抓緊整理,給大家帶來第二期分析與研究~

三、總結

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

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

本文由 @不是作家 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash ,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 講的好好,學到了學到了,原來一個app的設計會有這么多的小細節

    來自廣東 回復
  2. 6啊,基本上主要功能都分析到了,尤其是3.2.8 設計亮點:倒流彈幕玩法,讓人眼前一亮,請教作者大大,是否準備寫分析 B站 的文章,尤其是彈幕功能,我曾經仔細看過,彈幕功能比任一一家都復雜,已經成為小破站重要的文化了

    來自浙江 回復