授人以魚不如授人以漁,希望與大家一起共勉。
首頁改版一般由以下幾種原因引起
- 業務策略變化
- 品牌升級
- 年久失修,體驗變差
- 換了老闆,嘿嘿
首頁改版一般想要達到的目標
- 業務策略變化引起的內容變化,從而為用戶提供更加豐富、更加精準的內容和服務
- 品牌升級引起的內容變化,從而在原有用戶的體感上新增品牌增益的內容
- 年久失修導致用戶流失嚴重,通過內容和服務的變化提升用戶的留存和轉化
感受:
換個品牌LOGO,改個頁面不是真正的品牌升級,品牌是用戶賦予品牌的第一印象(用戶體感),所以品牌升級的本質是用戶對品牌認知的升級(用戶體感變化)
首頁改版的一般考核的指標
一般考核的指標會分成業務指標和體驗指標,邏輯上需要遵循體驗指標的變化要能夠引起業務指標的變化。 業務指標一般是指整個業務在財年需要達成的指標,這個指標來源於集團對BU的業務大指標分拆下來的由該業務來完成的。 所以對於電商來講業務指標更多的情況是新增用戶量和GMV。
首頁作為業務門面和流量分流的關鍵節點,在新用戶吸引和轉化上起到非常重要的作用,所以一般情況下首頁的體驗指標往往是用戶的跳失率和一跳轉化率(從首頁- 下游核心頁面的轉化率)。 那麼對於設計師來講的體驗指標邏輯是 降低用戶跳失率,提升首頁-下游核心頁面的轉化率。
以上是對於大部分導購類首頁改版都適應的通用分析,那麼接下來講的是針對服務市場首頁改版的。
案例:服務市場首頁改版項目
簡介:這是一個為電商從業者提供第三方電商服務支持的阿里巴巴官方服務平台,電商從業者可以訂購平台中的第三方
服務來解決在電商經營的過程中遇到的任何問題,比如裝修、運營、推廣、訂單、倉儲管理等問題。
背景
- 契機一:是服務市場從原始野蠻生長到正規軍介入深度運營。
- 契機二:是服務市場從業務策略上進行了調整升級,從全盤服務運營到精品服務運營,為商家提供精品服務。
- 契機三:是通過對服務市場的用戶進行全面的調研,結論是服務市場在用戶中只有模糊的、簡單的概念,沒有形成統一的清晰的認知。
- 契機四:是從數據層面上發現整個服務市場前台導購頁面的跳失率普遍較高,首頁的跳失率超過50%,也說明首頁的吸引度存在一定的問題
那麼接下來就是設計師如何去做改版了:
第一步:先來看看首頁在整個鏈路中的位置及作用
基於整個鏈路來思考體驗問題,即用戶從進入到離開的使用產品的過程體驗,所以體驗的核心是 關鍵節點提供的內容和用戶預期的匹配度 ,匹配度越高用戶使用體感越好。
從鏈路上我們能夠看出,首頁對於用戶來說核心是了解用戶價值及玩法(如何獲取的方法),所以首頁傳遞的內容和方式的用戶匹配度決定了首頁設計的使用體感。
第二步:分析推導首頁的設計目標和策略
這一步重點是用戶價值的具像化,並推導出實現用戶價值的設計目標和策略。
- 技巧:設計目標 = 用【某設計策略】給目標用戶帶來【某價值】,以助力【某變現方式】
- 用戶價值: 首頁的用戶價值是用戶知道如何選擇服務,用戶知道什麼服務能夠更有效解決問題,如何更高效的觸達內容。
- 變現方式: 這個是指商業訴求,通過首頁,商業希望服務市場首頁成為更高效的服務分發起點站,從而提升整體服務導購的效率和精準度。
- 設計策略: 服務導購的顯性化、服務能力的差異化、瀏覽路徑和推薦內容的匹配度、內容的視覺層次設計
推導步驟:
第三步:分屏設計聚焦內容框架
設計策略中有一條瀏覽路徑和推薦內容的匹配度,所以按分屏來設計,能夠更好的保證用戶信息的觸達和轉化效率。
通過分屏能夠幫助我們更了解用戶的需求並進行拆解,分屏設計中需要注意的是每屏都需要定義清楚1~3個核心的用戶訴求,從而能夠有效的匹配相應的內容。
首屏:
這個相當於用戶到了一個商場的門口,對於B類用戶就是到了一個線下批發市場的門口,那麼這個時候用戶最想獲得的是什麼信息呢?
- 問題一:這個市場有什麼,按照什麼形式進行佈局的
- 問題二:我該如何去尋找,有沒有路標導購
第二屏:
通過首屏能夠幫助用戶了解市場的大概情況,所以第二屏是幫助用戶了解細節,比如市場中哪些店熱門,哪些貨不錯等,對應線下場景,相當於用戶已經走到市場大廳中,看 中央大屏在播放的信息。
- 問題一:這個市場的優勢是什麼
- 問題二:這個市場在主推什麼
第三屏及以下
通過前兩屏的內容用戶已經基本了解了市場,第三屏及以下更多的是平台給予用戶的價值,比如促銷、優惠、交流學習,更多的是在用戶的成長上給予幫助。
- 問題一:市場中有優惠、促銷等服務可以嘗試嗎
- 問題二:我想看看其他人在怎麼玩
通過分屏設計,信息框架就基本上出來了:
第四步:內容的表達及創新
內容的表達和創新是設計價值體現的非常重要的一部分,設計策略的實施能夠達成設計目標更多的是在這部分來體現。
設計策略1:服務導購的顯性化
從內容層上服務導購分層類目導購、功能導購、活動導購、內容導購,這塊作為用戶了解首頁框架最重要的一部份,
設計原則上採用遵循用戶認知習慣、以高效信息觸達和識別作為設計手法來設計。
設計策略2:服務能力的差異化
服務能力的差異在3個方面,一個是通過平台規則把服務能力進行分層,分成精選服務、常規服務,第二個是通過購買者的主觀評價,第三個是通過訂購者的客觀使用 數據。 所以如何在首頁上推薦具體服務就應該按照這3個方面來設計展示樣式,通過在不同的位置考慮不同的展示方式。
但是這裡遇到一個問題就是如何把整個分類樓層的服務做能力差異化,這個從線下市場獲得的靈感,市場中採購行為頻繁、採購的服務能力好的說明這個分類樓層的服務能力就強。
設計策略3:內容的視覺層次設計
按照頁面的中內容的重要程度,通過輔助元素或者明顯的色塊進行內容的視覺層次的差異化。
第五步:分屏指標的監控
指標主要分成整體指標和分屏指標,整體指標是指整個頁面的內容吸引度,所以只需要監控頁面的 跳失率 就行。
分屏指標的目的是指導分屏內容的調整,為後續的迭代提供數據的參考。
分屏指標主要是2個:
- 指標1:分屏中的內容的點擊PV分佈 :主要目的是監控該分屏中內容的吸引度。
- 指標2:分屏中的內容到下游的頁面PV佔比 :主要目的是監控該分屏到下游核心頁面的轉化率。
第六步:框架及內容的迭代優化
這步是第五步的延續,通過監控數據能夠給後續的迭代優化提供數據依據。
由於分屏已經進行監控,所以對於分屏中的需要新上的內容或功能可以做小範圍的測試。
寫在最後
一張圖說明6步方法
在項目時間比較緊的情況下,去掉了設計前的各種分析(競品分析、數據分析、用戶問題收集等等)能夠極大提升出方案效率,但是往往會出現巨大的風險點,設計的 過程中往往會被業務方牽著鼻子走,想要啥就往裡加,要是最終設計方案上線後結果變差,往往就是設計師來背鍋。
所以這個方法能夠幫助設計師盡量做出一個正確的設計方案,甚至可以在局部做出創新的亮點,能夠最大限度的保證最終的結果往好的方向發展。
授人以魚不如授人以漁,希望與大家一起共勉。
作者:阿里巴巴國際UED 徐國錦(禪修)
來源: 阿里巴巴國際UED
題圖來自PEXELS,基於CC0協議