技能分享：用六步總結首頁改版

零基礎學產品，BAT產品總監帶，2天線下集訓+1年在線課程，全面掌握優秀產品經理必備技能。了解詳情

授人以魚，不如授人以漁。本文主要是分享關於首頁改版總結的一些方法，與大家一起共勉。

1） 首頁改版一般由以下幾種原因引起：

業務策略變化
品牌升級
年久失修，體驗變差
換了老闆

2） 首頁改版一般想要達到的目標：

業務策略變化引起的內容變化，從而為用戶提供更加豐富、更加精準的內容和服務。
品牌升級引起的內容變化，從而在原有用戶的體感上新增品牌增益的內容。
年久失修導致用戶流失嚴重，通過內容和服務的變化提升用戶的留存和轉化。

3） 感受：

換個品牌LOGO，改個頁面不是真正的品牌升級，品牌是用戶賦予品牌的第一印象（用戶體感），所以品牌升級的本質是——用戶對品牌認知的升級（用戶體感變化）。

4） 首頁改版的一般考核的指標：

一般考核的指標會分成：業務指標和體驗指標，邏輯上需要遵循體驗指標的變化，要能夠引起業務指標的變化。

業務指標一般是指：整個業務在財年需要達成的指標，這個指標來源於集團對BU的業務大指標分拆下來的，由該業務來完成的。所以對於電商來講業務指標更多的情況是——新增用戶量和GMV。

首頁作為業務門面和流量分流的關鍵節點，在新用戶吸引和轉化上起到非常重要的作用。

所以，一般情況下，首頁的體驗指標往往是：用戶的跳失率和一跳轉化率（從首頁-下游核心頁面的轉化率）。那麼對於設計師來講的體驗指標邏輯是——降低用戶跳失率，提升首頁-下游核心頁面的轉化率。

以上是對於大部分導購類首頁改版都適應的通用分析，那麼接下來講的是針對服務市場首頁改版的。

案例：服務市場首頁改版項目

簡介：這是一個為電商從業者提供、第三方電商服務支持的阿里巴巴官方服務平台，電商從業者可以訂購平台中的第三方服務，來解決在電商經營的過程中遇到的任何問題。比如：裝修、運營、推廣、訂單、倉儲管理等問題。

背景：

契機一：是服務市場從原始野蠻生長到正規軍介入深度運營。
契機二：是服務市場從業務策略上進行了調整升級，從全盤服務運營到精品服務運營，為商家提供精品服務。
契機三：是通過對服務市場的用戶進行全面的調研，結論是：服務市場在用戶中只有模糊的、簡單的概念，沒有形成統一的清晰的認知。
契機四：是從數據層面上發現，整個服務市場前台導購頁面的跳失率普遍較高，首頁的跳失率超過50%，也說明首頁的吸引度存在一定的問題。

那麼接下來就是設計師如何去做改版了。

第一步：先來看看首頁在整個鏈路中的位置及作用

基於整個鏈路來思考體驗問題，即：用戶從進入到離開的使用產品的過程體驗。所以體驗的核心是：關鍵節點提供的內容和用戶預期的匹配度，匹配度越高用戶使用體感越好。

從鏈路上我們能夠看出：首頁對於用戶來說——核心是了解用戶價值及玩法（如何獲取的方法）。所以首頁傳遞的內容和方式的用戶的匹配度，決定了首頁設計的使用體感。

第二步：分析推導首頁的設計目標和策略

這一步重點是用戶價值的具像化，並推導出實現用戶價值的設計目標和策略。

1.技巧 ：設計目標 = 用【某設計策略】給目標用戶帶來【某價值】，以助力【某變現方式】

2.用戶價值 ：首頁的用戶價值是用戶知道如何選擇服務？用戶知道什麼服務能夠更有效解決問題？如何更高效的觸達內容？

3.變現方式 ：這個是指商業訴求。通過首頁，商業希望服務市場首頁成為更高效的服務分發起點站，從而提升整體服務導購的效率和精準度。

4.設計策略 ：服務導購的顯性化、服務能力的差異化、瀏覽路徑和推薦內容的匹配度、內容的視覺層次設計。

5.推導步驟 ：

第三步：分屏設計聚焦內容框架

設計策略中有一條瀏覽路徑和推薦內容的匹配度，所以按分屏來設計，能夠更好的保證用戶信息的觸達和轉化效率。

通過分屏能夠幫助我們更了解用戶的需求並進行拆解，分屏設計中需要注意的是：每屏都需要定義清楚1～3個核心的用戶訴求，從而能夠有效的匹配相應的內容。

1.首屏：

這個相當於用戶到了一個商場的門口，對於B類用戶就是到了一個線下批發市場的門口，那麼這個時候用戶最想獲得的是什麼信息呢？

問題一：這個市場有什麼，按照什麼形式進行佈局的？
問題二：我該如何去尋找，有沒有路標導購？

2.第二屏：

通過首屏能夠幫助用戶了解市場的大概情況，所以第二屏是幫助用戶了解細節。比如：市場中哪些店熱門、哪些貨不錯等、對應線下場景，相當於用戶已經走到市場大廳中，看中央大屏在播放的信息。

問題一：這個市場的優勢是什麼？
問題二：這個市場在主推什麼？

3.第三屏及以下：

通過前兩屏的內容用戶已經基本了解了市場，第三屏及以下更多的是平台給予用戶的價值。比如：促銷、優惠、交流學習，更多的是在用戶的成長上給予幫助。

問題一：市場中有優惠、促銷等服務可以嘗試嗎？
問題二：我想看看其他人在怎麼玩。

通過分屏設計，信息框架就基本上出來了：

第四步：內容的表達及創新

內容的表達和創新是設計價值體現的非常重要的一部分，設計策略的實施能夠達成設計目標，更多的是在這部分來體現。

1.設計策略1：服務導購的顯性化

從內容層上，服務導購分成：類目導購、功能導購、活動導購、內容導購，這塊作為用戶了解首頁框架最重要的一部份。
設計原則上，採用遵循用戶認知習慣、以高效信息觸達和識別作為設計手法來設計。

2.設計策略2：服務能力的差異化

服務能力的差異在3個方面：

第一個是通過平台規則把服務能力進行分層，分成：精選服務、常規服務。
第二個是通過購買者的主觀評價。
第三個是通過訂購者的客觀使用數據。

所以如何在首頁上推薦具體服務，就應該按照這3個方面來設計展示樣式，通過在不同的位置考慮不同的展示方式。

但是這裡遇到一個問題——就是如何把整個分類樓層的服務做能力差異化？這個從線下市場獲得的靈感，市場中採購行為頻繁、採購的服務能力好的說明這個分類樓層的服務能力就強。

3.設計策略3：內容的視覺層次設計

按照頁面的中內容的重要程度，通過輔助元素或者明顯的色塊，進行內容的視覺層次的差異化。

第五步：分屏指標的監控

指標主要分成：整體指標和分屏指標。

整體指標是指：整個頁面的內容吸引度，所以只需要監控頁面的跳失率就行。
分屏指標是指：導分屏內容的調整，為後續的迭代提供數據的參考。

分屏指標主要是2個：

指標 1：分屏中的內容的點擊 PV 分佈：主要目的是——監控該分屏中內容的吸引度。
指標 2：分屏中的內容到下游的頁面 PV 佔比：主要目的是——監控該分屏到下游核心頁面的轉化率。

第六步：框架及內容的迭代優化

這步是第五步的延續，通過監控數據能夠給後續的迭代優化提供數據依據。

由於分屏已經進行監控，所以對於分屏中的需要新上的內容或功能可以做小範圍的測試。

寫在最後：

一張圖說明6步方法：

在項目時間比較緊的情況下，去掉了設計前的各種分析（競品分析、數據分析、用戶問題收集等等）能夠極大提升出方案效率。但是往往會出現巨大的風險點，設計的過程中往往會被業務方牽著鼻子走，想要啥就往裡加，要是最終設計方案上線後結果變差，往往就是設計師來背鍋。

所以這個方法能夠幫助設計師盡量做出一個正確的設計方案，甚至可以在局部做出創新的亮點，能夠最大限度的保證最終的結果往好的方向發展。

授人以魚不如授人以漁，希望與大家一起共勉

作者：阿里巴巴國際UED 徐國錦（禪修）

來源：http://www.zcool.com.cn/article/ZNjM0NDQ4.html

題圖來自 Unsplash ，基於 CC0 協議