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

1 評論 9306 瀏覽 110 收藏 13 分鐘

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

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

  1. 業務策略變化
  2. 品牌升級
  3. 年久失修,體驗變差
  4. 換了老板

2)首頁改版一般想要達到的目標:

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

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:內容的視覺層次設計

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

第五步:分屏指標的監控

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

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

分屏指標主要是2個:

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

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

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

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

寫在最后:

一張圖說明6步方法:

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

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

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

 

作者:阿里巴巴國際UED?徐國錦(禪修)

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

題圖來自 Unsplash ,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!