視頻網站產品設計秘籍 | 標識導引系統
用戶進入網站首先看到的第一個完整屏幕稱為首屏。在這個幾乎所有東西都供大于求的時代,用戶有太多選擇了,他們總是很容易就能找到替代品,鼠標一點,就離開了。所有的網站都想要抓住用戶,首屏是抓住用戶的關鍵。首屏就是一個網站的顏值,臉不好,之后很難引起用戶的興趣。
1 用卡諾模型分析網站需求
網站首屏是用戶進入一個網站首先接觸的界面,70%的點擊和停留時間就在首屏。能否留住用戶,關鍵就看你的網站首屏的吸引力了。
一個網站從0開始搭建,你會面臨無數的需求;需求一多,你自己都很難分清楚需求的優先級了,有時候純粹一拍腦袋就開始做的網站,最后死的概率極大。做產品前,需要仔細思考一下你的目的是什么,想清楚需求后,后面的產品設計工作才能提高效率。之前寫過一篇文章介紹卡諾模型(需求分析神器 | 卡諾模型),下面就用卡諾模型分析一個視頻網站的需求品質。
一個視頻網站可能有的品質點:播放區、暫停/播放按鈕、音量調節、清晰度調節、全屏、聊天、彈幕、視頻編排目錄、訂閱、下載視頻(離線觀看)、評價系統(贊/踩)、分享、收藏、意見反饋、相關內容推薦、評論、關燈觀看效果、觀看記錄、上傳、內容導航、內容搜索、用戶社區、標簽系統、會員功能、用戶活躍系統、幫助、熱度排行等。
參照上面的圖片,對于一個從0開始搭建的視頻網站,以上各需求的分類如下:
- 必要品質(Must-be):播放區、暫停/播放按鈕、音量調節、全屏、收藏、意見反饋、觀看記錄、內容導航、內容搜索
- 一維品質(One-dimensional):視頻編排目錄、評價系統(贊/踩)、相關內容推薦、用戶活躍系統
- 魅力品質(Attractive):清晰度調節、聊天、彈幕、訂閱、下載視頻(離線觀看)、分享、關燈觀看效果、標簽系統、會員功能、上傳、熱度排行、用戶社區
- 無差異品質(Indifference):評論
經過分類后,你就能明確之后的產品設計重點:必要品質一定要做好(至少90分);一維品質優先級沒那么高,但如果有時間做的話,一定要做好,不然反而有不良效果;魅力品質能夠提升產品的吸引力,如果時間不是非常趕的話,應該酌情做幾個魅力品質,有時候某些魅力品質優先級甚至高于一些一維品質;砍掉無差異品質。
2 全局導航欄
我們知道,用戶平均停留在一個網站的時間不超過3分鐘,首屏能夠占有70%的頁面點擊和瀏覽時間,精心設計首屏能夠有效地抓住用戶。在首屏中,需要加入“標識導引”系統,能夠有效幫助用戶找到他們想要的東西。遍歷各大主流網站,Glen發現,位于網站頂部的全局導航欄最適合作為“標識導引系統”的載體。
標識導引系統:
- 用戶身在何處?
- 用戶尋找的東西在哪里?
- 用戶如何得到所搜尋的東西?
- 用戶已經搜尋過哪些地方?
頂部全局導航欄:位于屏幕頂部常駐的導航欄,當用戶切換各頁面時,頂部全局導航欄常駐不變。
(1)用戶身在何處?
頂部全局導航欄的第一個作用是告訴用戶“這個網站是什么”:一般會在頂部欄的左側放上網站的品牌logo。
頂部全局導航欄的第二個作用是告訴用戶“你目前在哪里”:一般頂部欄會放若干個入口標簽,用戶點擊一個標簽,該標簽會變顏色,標識用戶目前處于該頁面。下圖為蘋果Apple Watch頁面,能夠很好地展示上述效果:
(2)用戶尋找的東西在哪里?
一些視頻網站的頂部欄會加入精心編排的內容導航,方便用戶通過一些通用的標簽進入二級菜單、三級菜單…選擇自己喜歡的視頻節目。下圖為騰訊視頻的內容導航:
內容導航屬于分類搜索,幾乎所有的視頻網站還會提供關鍵詞搜索內容功能(搜索的兩大分支分類搜索和關鍵詞搜索),這樣就能確保用戶能夠通過至少兩種方式找到他們感興趣的內容。
(3)用戶如何得到所搜尋的東西?
無論用戶使用分類搜索還是關鍵詞搜索,他們得到的答案都必須是可以點擊的結果,鼠標移到搜索結果上要顯示可點擊的鼠標樣式。做得好的搜索工具,還會推薦相關內容給用戶。
(4)用戶已經搜尋過哪些地方?
一個好的視頻網站,應該能夠記錄用戶的搜索關鍵詞,除非用戶的瀏覽cookie被清理了。同時需要在很明顯的地方讓用戶找到視頻播放記錄,最好就放在全局導航欄上。
綜合國內外幾大網站,位于頂部的全局導航欄,可能需要包含的內容如下:品牌logo、內容導航、關鍵詞搜索(推薦內容)、播放記錄、用戶個人信息。
先用卡諾模型分析一下視頻網站的需求,再將優先級最高的需求放在最重要的位置。首屏內容太多,一篇文章搞不定,后面會盡快更新的,敬請期待。
#專欄作家#
Glen,微信公眾號:JiGlen,人人都是產品經理專欄作家。愛看書、喜歡碼字、愿意走出去看世界。產品路上剛起步的新人,不喜歡嚴肅、高冷的氛圍,喜歡在幽默中完成任務,力圖成為史上最幽默產品經理,歡迎交流。
本文原創發布于人人都是產品經理,未經許可,不得轉載。
你的文章都十分簡潔 ??
很不錯 ??