中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文主要針對(duì)愛奇藝、優(yōu)酷、騰訊視頻的網(wǎng)頁(yè)版首頁(yè)部分進(jìn)行分析，希望通過競(jìng)品分析發(fā)現(xiàn)同類產(chǎn)品的功能亮點(diǎn)，發(fā)現(xiàn)其傳遞品牌文化和產(chǎn)品理念的方式。

研究對(duì)象：騰訊視頻、愛奇藝、優(yōu)酷網(wǎng)頁(yè)版首頁(yè)。

研究?jī)?nèi)容：

• 功能模塊導(dǎo)航
• 版塊布局
• 互動(dòng)體驗(yàn)
• 設(shè)計(jì)風(fēng)格
• 界面架構(gòu)

用戶人群畫像：

主流視頻網(wǎng)站近期百度指數(shù)

通過百度指數(shù)可以發(fā)現(xiàn)視頻類產(chǎn)品用戶主要分布的南方地區(qū)，中年男性居多

這些元素在設(shè)計(jì)上可以借鑒的是：

1. 網(wǎng)站的文字、圖片可以適當(dāng)偏大些；
2. 頁(yè)面結(jié)構(gòu)更加清晰；
3. 可以推出衛(wèi)視同步模塊，吸引部分通過電視端播放吸引過來的中老年用戶。

焦點(diǎn)圖部分對(duì)比

圓形標(biāo)注表示差異點(diǎn)，矩形表示相同部分。

（1）騰訊視頻

騰訊視頻焦點(diǎn)圖適配對(duì)比

焦點(diǎn)圖：

1. “大家都在看”模塊共展示16張圖
2. “重磅推薦”模塊共展示9張圖
3. 焦點(diǎn)圖文案部分始終靠右側(cè)

文案：

1. 文案簡(jiǎn)短
2. 選中狀態(tài)橫向展示出描述文案

分類：

1. 大屏?xí)r顯示分類圖標(biāo)、應(yīng)用中心入口
2. 展示更多的熱門分類
3. 頂部顯示VIP影院入口

可借鑒的地方：

1. 適配規(guī)律；
2. 頻道分類清晰明確；
3. 焦點(diǎn)圖文案精簡(jiǎn)便于快速理解；
4. 大屏?xí)r出現(xiàn)主要頻道分類的icon，頁(yè)面更加精致。

（2）愛奇藝視頻

愛奇藝 焦點(diǎn)圖.png

焦點(diǎn)圖：

1. 共10張
2. 大屏?xí)r背景漸變?yōu)楹谏?/li>

文案：

1. 主副標(biāo)題在一行顯示，文案過長(zhǎng)；
2. 選中狀態(tài)變成兩行。

分類：?小屏?xí)r顯示為三行，大屏?xí)r變成兩行。

頂部按鈕： 小屏?xí)r只顯示圖標(biāo)，大屏?xí)r顯示圖標(biāo)跟文案。

可借鑒的地方：小屏幕時(shí)，只顯示圖標(biāo)，大屏?xí)r顯示圖標(biāo)跟文案。

（3）優(yōu)酷視頻

優(yōu)酷 焦點(diǎn)圖.png

焦點(diǎn)圖：共7張，選中狀態(tài)顯示兩行。

可借鑒的地方：

1. 大屏?xí)r顯示更多的圖標(biāo)入口；
2. 適配規(guī)則。

自適應(yīng)效果對(duì)比

優(yōu)酷：

最小寬度：1292px

最大寬度：1830px

焦點(diǎn)圖：左右和上面加蒙版

導(dǎo)航：增加減少內(nèi)容、入口

縮略圖：大小變化、增加內(nèi)容

廣告：通欄廣告寬度變化，多廣告位大小變化

騰訊視頻：

最小寬度：1280px

最大寬度：1790px

焦點(diǎn)圖：左右和上面加蒙版

導(dǎo)航：增加較少內(nèi)容，小屏?xí)r不限時(shí)分類圖標(biāo)

縮略圖：大小變化、增加內(nèi)容

廣告：通欄廣告右側(cè)增加廣告位，且有比例變化

愛奇藝：

最小寬度：1055px

最大寬度：1765px

焦點(diǎn)圖：左右加蒙版

導(dǎo)航：內(nèi)容不增減，小屏?xí)r三行展示，寬屏?xí)r兩行

縮略圖：大小變化、增加內(nèi)容

廣告：通欄廣告寬度變化、多廣告位大小變化，規(guī)則同縮略圖

頭部導(dǎo)航欄的功能變化

3個(gè)網(wǎng)站的大致相同，均為L(zhǎng)OGO、搜索、個(gè)人中心入口及功能、下載客戶端等功能。

頂部導(dǎo)航欄對(duì)比.png

騰訊視頻：

1. 顯示主要分類；
2. 顯示全部分類入口；
3. 搜索框內(nèi)有關(guān)鍵詞，有“排行榜熱搜”入口，且圖標(biāo)明顯；
4. 適配時(shí)分類變多；
5. 適配時(shí)增加VIP日寇歐；
6. 點(diǎn)亮“精選”，首頁(yè)即精選，突出首頁(yè)的內(nèi)容。

愛奇藝：

1. 顯示主要分類；
2. 顯示全部分類入口；
3. 搜索框內(nèi)有關(guān)鍵詞，有“排行榜熱搜”入口，入口圖標(biāo)懸浮點(diǎn)亮；
4. 適配時(shí)分類變多；
5. 適配時(shí)增加圖標(biāo)底部文案。

優(yōu)酷：

1. 顯示主要分類
2. 顯示全部分類入口歐
3. 搜索框內(nèi)無關(guān)鍵詞
4. 適配時(shí)分類變多
5. 適配時(shí)增加，訂閱入口

可借鑒的地方：

1. 首頁(yè)即精選，跟其他分類區(qū)別，有選中狀態(tài)；
2. 搜索框內(nèi)有默認(rèn)關(guān)鍵詞，增加明顯的“排行榜”入口。

頻道入口對(duì)比

騰訊、優(yōu)酷、愛奇藝均做了分類，選擇時(shí)更清晰，騰訊視頻在一級(jí)頻道后增加了二級(jí)標(biāo)簽，層級(jí)更加清晰。 且3個(gè)網(wǎng)站在頻道入口鼠標(biāo)懸浮狀態(tài)時(shí)會(huì)出現(xiàn)頻道下的熱門推薦，愛奇藝用了圖片+標(biāo)題的展示形式，但只能展示4個(gè)內(nèi)容，騰訊和優(yōu)酷用標(biāo)題展示，可展示較多信息。

頂部分類展開.png

頂部浮層對(duì)比

頂部浮層.png

可借鑒的地方：

1. 未登入也顯示部分播放記錄，相比單一的空白頁(yè)更清楚明白；
2. 顯示產(chǎn)生播放記錄的設(shè)備，移動(dòng)端/電腦端，便于查找播放記錄。

主要模塊對(duì)比

騰訊視頻首頁(yè)特色模塊.png

騰訊視頻首頁(yè)特色模塊

可借鑒的地方：

1. 標(biāo)出可翻頁(yè)的頁(yè)數(shù)，更直觀顯示內(nèi)容多少；
2. 將主推的自媒體賬號(hào)放到分類標(biāo)題處；
3. 將自媒體頭像提取出來；
4. 將分類的排行榜外置，結(jié)構(gòu)清晰。

愛奇藝首頁(yè)特色模塊.png

愛奇藝視頻首頁(yè)特色模塊：

可借鑒的地方： 第一個(gè)視頻位可翻頁(yè)，可展示更多信息。

優(yōu)酷視頻首頁(yè)特色模塊.png

優(yōu)酷首頁(yè)特色模塊：

可借鑒的地方：

1. 優(yōu)酷的分類標(biāo)簽部分更注重互動(dòng)的友好性，鼠標(biāo)滑過自動(dòng)切換，在一個(gè)頁(yè)面即時(shí)互動(dòng)；
2. 音樂分類模塊對(duì)應(yīng)有音樂排行榜入口
3. 分類標(biāo)題上同時(shí)有兩個(gè)入口。

卡片樣式對(duì)比

騰訊視頻 卡片樣式.png

（1）騰訊視頻

卡片樣式多樣化，多視頻可以快速預(yù)覽（9張圖），影片介紹有更多分類：金馬獎(jiǎng)、豆瓣高分等標(biāo)簽，綜藝相關(guān)短視頻還會(huì)出現(xiàn)內(nèi)容海報(bào)（通過短視頻帶動(dòng)長(zhǎng)視頻）。

可借鑒的地方：

1. 短視頻部分可以同時(shí)顯示視頻內(nèi)容跟海報(bào)；
2. 懸浮后直接播放視頻；
3. 視頻分類標(biāo)簽比較豐富。

愛奇藝 卡片樣式.png

（2）愛奇藝

卡片樣式上有更多可以交互的部分：可以頂、踩來進(jìn)行交互，操作簡(jiǎn)單容易，在用戶使用的時(shí)候看到曾經(jīng)看過但是不好看的片子可以順手踩一下 在卡片上遇到喜歡的劇集可以直接收藏，喜歡的自媒體賬號(hào)也可以直接關(guān)注 用戶有更多互動(dòng)的機(jī)會(huì)，感覺參與度、自主權(quán)更高一些。

可借鑒的地方：

1. 突出收藏按鈕；
2. 自媒體部分可以直接關(guān)注；
3. 頂、踩的操作簡(jiǎn)單，可以促進(jìn)用戶進(jìn)行互動(dòng)，也更好了解用戶的喜好，同時(shí)促進(jìn)用戶主動(dòng)登錄。

優(yōu)酷 卡片樣式.png

（3）優(yōu)酷

可借鑒的地方：?優(yōu)酷視頻的優(yōu)勢(shì)就是，可以直接切換tab展示，快速瀏覽。

排行榜對(duì)比

排行榜對(duì)比.png

可借鑒的地方：可加入對(duì)應(yīng)的圖片。

右側(cè)快捷按鈕對(duì)比

右側(cè)功能欄：功能方便，不同的產(chǎn)品，有不同的功能，均以意見反饋和回到頂部為主。

右側(cè)快捷鍵.png

頁(yè)面底部模塊對(duì)比

網(wǎng)頁(yè)底部模塊.png

愛奇藝的頁(yè)面底部模塊，讓用戶感到被挽留。

可借鑒的地方：

1. 結(jié)構(gòu)清晰的顯示 不同客戶端的下載入口
2. 最后一個(gè)模塊可以顯示 為你推薦
3. 有更多精彩入口引導(dǎo)

網(wǎng)站宣傳語對(duì)比

網(wǎng)站宣傳語.png

1. 騰訊視頻-中國(guó)領(lǐng)先的在線視頻媒體平臺(tái)，海量高清視頻在線觀看
2. 愛奇藝-在線視頻網(wǎng)站-海量正版高清視頻在線觀看
3. 優(yōu)酷-這世界很酷
4. 嗶哩嗶哩( ゜- ゜)つロ 干杯～bilibili
5. 芒果TV-看見好時(shí)光
6. 搜狐視頻-中國(guó)領(lǐng)先的綜合視頻網(wǎng)站，正版高清視頻在線觀看，原創(chuàng)視頻上傳，全網(wǎng)視頻搜索

對(duì)比可發(fā)現(xiàn)，優(yōu)酷的宣傳語是帶聲音的，而且朗朗上口，很容易給人留下印象；嗶哩嗶哩的宣傳語很適合產(chǎn)品的定位，讓用戶有歸宿感。

可借鑒的地方：宣傳語簡(jiǎn)短、容易記憶、體現(xiàn)品牌定位

頁(yè)面布局對(duì)比

嘗試通過頁(yè)面布局、內(nèi)容分布，反推產(chǎn)品的定位。

• 騰訊：以“不負(fù)好時(shí)光”為產(chǎn)品slogan，主打原創(chuàng)短視頻、自制綜藝；
• 愛奇藝：以“悅享品質(zhì)”為產(chǎn)品slogan，主打娛樂、綜藝、網(wǎng)??；
• 優(yōu)酷：沒有slogan，主打電視劇、網(wǎng)劇。

模塊對(duì)比.png

騰訊視頻：結(jié)構(gòu)清晰，不同模塊類型穿插，樣式不單一

愛奇藝：圖片間距近，信息量巨大，圖片顏色多，相對(duì)艷麗一些

優(yōu)酷：圖片比較大，樣式相對(duì)單一，但是能看出品牌色-藍(lán)色、紅色更為突出

可借鑒的地方：

1. 結(jié)構(gòu)清晰
2. 模塊多樣化
3. 每個(gè)模塊有自己的色系，類似騰訊的綜藝模塊、愛奇藝的兒童模塊、優(yōu)酷的娛樂模塊。

視頻網(wǎng)站圖片很重要，如果視頻截圖選擇的更好，視覺效果會(huì)有更大的提升。

下面是同一部劇集不同網(wǎng)站的對(duì)比圖：

頭圖效果對(duì)比.png

頭圖效果對(duì)比2.png

同一個(gè)片子，每家的圖片色系都不同 騰訊更有質(zhì)感、愛奇藝飽和度高，偏紫色、優(yōu)酷偏冷色（藍(lán)色），都在偏向自家的主題色。

對(duì)比可以看出，優(yōu)酷的圖片更清晰、飽和度更高。

新的可能性

目前主流的視頻網(wǎng)站在設(shè)計(jì)上逐漸趨同，如果可以把移動(dòng)端的沉浸式+瀑布流的概念引入到網(wǎng)頁(yè)端，可能會(huì)帶來更好的觀影體驗(yàn)。

于是有了以下一些想法：

1. 定制首屏，只推薦我感興趣的內(nèi)容，例如：新聞、電影、動(dòng)漫之類，可以飄著彈幕；
2. 只顯示圖片，滿屏的圖片信息可供選擇（瀑布流顯示信息，一屏顯示，可以不斷刷新）。

概念稿 01.png

概念稿 02.png

概念稿 03.png

這次只是初步的分析，都是浮于表面現(xiàn)象，接下來會(huì)針對(duì)局部的功能進(jìn)行更深入的分析，敬請(qǐng)期待~

本文由 @趙星星愛冒險(xiǎn) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議