酷播亮新聞
授人以魚，不如授人以漁。 本文主要是分享關於首頁改版總結的一些方法，與大家一起共勉。
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 協議