用戶進(jìn)入網(wǎng)站首先看到的第一個(gè)完整屏幕稱為首屏。在這個(gè)幾乎所有東西都供大于求的時(shí)代，用戶有太多選擇了，他們總是很容易就能找到替代品，鼠標(biāo)一點(diǎn)，就離開了。所有的網(wǎng)站都想要抓住用戶，首屏是抓住用戶的關(guān)鍵。首屏就是一個(gè)網(wǎng)站的顏值，臉不好，之后很難引起用戶的興趣。

1 用卡諾模型分析網(wǎng)站需求

網(wǎng)站首屏是用戶進(jìn)入一個(gè)網(wǎng)站首先接觸的界面，70%的點(diǎn)擊和停留時(shí)間就在首屏。能否留住用戶，關(guān)鍵就看你的網(wǎng)站首屏的吸引力了。

一個(gè)網(wǎng)站從0開始搭建，你會(huì)面臨無(wú)數(shù)的需求；需求一多，你自己都很難分清楚需求的優(yōu)先級(jí)了，有時(shí)候純粹一拍腦袋就開始做的網(wǎng)站，最后死的概率極大。做產(chǎn)品前，需要仔細(xì)思考一下你的目的是什么，想清楚需求后，后面的產(chǎn)品設(shè)計(jì)工作才能提高效率。之前寫過一篇文章介紹卡諾模型（需求分析神器 | 卡諾模型），下面就用卡諾模型分析一個(gè)視頻網(wǎng)站的需求品質(zhì)。

一個(gè)視頻網(wǎng)站可能有的品質(zhì)點(diǎn)：播放區(qū)、暫停/播放按鈕、音量調(diào)節(jié)、清晰度調(diào)節(jié)、全屏、聊天、彈幕、視頻編排目錄、訂閱、下載視頻（離線觀看）、評(píng)價(jià)系統(tǒng)（贊/踩）、分享、收藏、意見反饋、相關(guān)內(nèi)容推薦、評(píng)論、關(guān)燈觀看效果、觀看記錄、上傳、內(nèi)容導(dǎo)航、內(nèi)容搜索、用戶社區(qū)、標(biāo)簽系統(tǒng)、會(huì)員功能、用戶活躍系統(tǒng)、幫助、熱度排行等。

參照上面的圖片，對(duì)于一個(gè)從0開始搭建的視頻網(wǎng)站，以上各需求的分類如下：

• 必要品質(zhì)（Must-be）：播放區(qū)、暫停/播放按鈕、音量調(diào)節(jié)、全屏、收藏、意見反饋、觀看記錄、內(nèi)容導(dǎo)航、內(nèi)容搜索
• 一維品質(zhì)（One-dimensional）：視頻編排目錄、評(píng)價(jià)系統(tǒng)（贊/踩）、相關(guān)內(nèi)容推薦、用戶活躍系統(tǒng)
• 魅力品質(zhì)（Attractive）：清晰度調(diào)節(jié)、聊天、彈幕、訂閱、下載視頻（離線觀看）、分享、關(guān)燈觀看效果、標(biāo)簽系統(tǒng)、會(huì)員功能、上傳、熱度排行、用戶社區(qū)
• 無(wú)差異品質(zhì)（Indifference）：評(píng)論

經(jīng)過分類后，你就能明確之后的產(chǎn)品設(shè)計(jì)重點(diǎn)：必要品質(zhì)一定要做好（至少90分）；一維品質(zhì)優(yōu)先級(jí)沒那么高，但如果有時(shí)間做的話，一定要做好，不然反而有不良效果；魅力品質(zhì)能夠提升產(chǎn)品的吸引力，如果時(shí)間不是非常趕的話，應(yīng)該酌情做幾個(gè)魅力品質(zhì)，有時(shí)候某些魅力品質(zhì)優(yōu)先級(jí)甚至高于一些一維品質(zhì)；砍掉無(wú)差異品質(zhì)。

2 全局導(dǎo)航欄

我們知道，用戶平均停留在一個(gè)網(wǎng)站的時(shí)間不超過3分鐘，首屏能夠占有70%的頁(yè)面點(diǎn)擊和瀏覽時(shí)間，精心設(shè)計(jì)首屏能夠有效地抓住用戶。在首屏中，需要加入“標(biāo)識(shí)導(dǎo)引”系統(tǒng)，能夠有效幫助用戶找到他們想要的東西。遍歷各大主流網(wǎng)站，Glen發(fā)現(xiàn)，位于網(wǎng)站頂部的全局導(dǎo)航欄最適合作為“標(biāo)識(shí)導(dǎo)引系統(tǒng)”的載體。

標(biāo)識(shí)導(dǎo)引系統(tǒng)：

1. 用戶身在何處？
2. 用戶尋找的東西在哪里？
3. 用戶如何得到所搜尋的東西？
4. 用戶已經(jīng)搜尋過哪些地方？

頂部全局導(dǎo)航欄：位于屏幕頂部常駐的導(dǎo)航欄，當(dāng)用戶切換各頁(yè)面時(shí)，頂部全局導(dǎo)航欄常駐不變。

（1）用戶身在何處？

頂部全局導(dǎo)航欄的第一個(gè)作用是告訴用戶“這個(gè)網(wǎng)站是什么”：一般會(huì)在頂部欄的左側(cè)放上網(wǎng)站的品牌logo。

頂部全局導(dǎo)航欄的第二個(gè)作用是告訴用戶“你目前在哪里”：一般頂部欄會(huì)放若干個(gè)入口標(biāo)簽，用戶點(diǎn)擊一個(gè)標(biāo)簽，該標(biāo)簽會(huì)變顏色，標(biāo)識(shí)用戶目前處于該頁(yè)面。下圖為蘋果Apple Watch頁(yè)面，能夠很好地展示上述效果：

（2）用戶尋找的東西在哪里？

一些視頻網(wǎng)站的頂部欄會(huì)加入精心編排的內(nèi)容導(dǎo)航，方便用戶通過一些通用的標(biāo)簽進(jìn)入二級(jí)菜單、三級(jí)菜單…選擇自己喜歡的視頻節(jié)目。下圖為騰訊視頻的內(nèi)容導(dǎo)航：

內(nèi)容導(dǎo)航屬于分類搜索，幾乎所有的視頻網(wǎng)站還會(huì)提供關(guān)鍵詞搜索內(nèi)容功能（搜索的兩大分支分類搜索和關(guān)鍵詞搜索），這樣就能確保用戶能夠通過至少兩種方式找到他們感興趣的內(nèi)容。

（3）用戶如何得到所搜尋的東西？

無(wú)論用戶使用分類搜索還是關(guān)鍵詞搜索，他們得到的答案都必須是可以點(diǎn)擊的結(jié)果，鼠標(biāo)移到搜索結(jié)果上要顯示可點(diǎn)擊的鼠標(biāo)樣式。做得好的搜索工具，還會(huì)推薦相關(guān)內(nèi)容給用戶。

（4）用戶已經(jīng)搜尋過哪些地方？

一個(gè)好的視頻網(wǎng)站，應(yīng)該能夠記錄用戶的搜索關(guān)鍵詞，除非用戶的瀏覽cookie被清理了。同時(shí)需要在很明顯的地方讓用戶找到視頻播放記錄，最好就放在全局導(dǎo)航欄上。

綜合國(guó)內(nèi)外幾大網(wǎng)站，位于頂部的全局導(dǎo)航欄，可能需要包含的內(nèi)容如下：品牌logo、內(nèi)容導(dǎo)航、關(guān)鍵詞搜索（推薦內(nèi)容）、播放記錄、用戶個(gè)人信息。

先用卡諾模型分析一下視頻網(wǎng)站的需求，再將優(yōu)先級(jí)最高的需求放在最重要的位置。首屏內(nèi)容太多，一篇文章搞不定，后面會(huì)盡快更新的，敬請(qǐng)期待。

#專欄作家#

Glen，微信公眾號(hào)：JiGlen，人人都是產(chǎn)品經(jīng)理專欄作家。愛看書、喜歡碼字、愿意走出去看世界。產(chǎn)品路上剛起步的新人，不喜歡嚴(yán)肅、高冷的氛圍，喜歡在幽默中完成任務(wù)，力圖成為史上最幽默產(chǎn)品經(jīng)理，歡迎交流。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。