四步拆解:喜馬拉雅FM主播等級體系設計

2 評論 15928 瀏覽 42 收藏 7 分鐘

喜馬拉雅主播等級體系算是喜馬各業務線中資歷比較老的一員了,主要服務于主播用戶查看自身等級,以及特權享受,這次整理了近期關于主播等級線現存問題的改版。

1. 產品背景

1.1 產品層面

這次迭代的目的:

  • 把流量分發的核心參考點“專輯質量分”作為主播等級主要評判標準之一;
  • 讓主播能夠清楚的認知自己在平臺的地位/影響力;
  • 給主播升級目標,促進升級。

通過溝通我們知道產品希望通過這次迭代來引起用戶注意,增加主播用戶

和產品之間的互動,而提升頁面日活以及次日留存

1.2 設計層面

設計師的基本出發點是需要設計出不低于競品且更加精致的稿件,能夠更加有效傳達品牌理念和視覺延展性,進而理解產品與競品之間的差異化,增強用戶認知。

1.3 用戶層面

此次迭代需要考慮到主播用戶的教育成本和接受程度,能否讓用戶感受到產品的差異性,能否讓用戶在第一時間看到我們希望用戶關注的東西

2. 設計前期分析

通過溝通我們明確了產品需求點,接下來需要針對需求進行分析,我們從競品視覺分析、設計關鍵詞提煉兩點來進行設計決策。

2.1 視覺競品分析

針對性的通過對VIP、等級等屬性的頁面進行視覺收集

2.2 設計關鍵詞提煉

主播等級頁面的服務理念是為主播用戶提供更加清晰的等級提升指引。區別于喜馬其他等級線,整個流程中除了滿足等級查看的基本需求和特權展示的標準化流程,更多的差異是對目標用戶需求的洞察和挖掘,我們從目標用戶需求定義了主播等級線設計差異化的關鍵詞。

3.?設計執行

通過與產品溝通需求點,我們了解到視覺層面需要滿足或改進的內容;通過視覺競品分析我們獲取產品未來的設計趨勢以及具有前瞻性的設計概念;接下來在稿件輸出的過程中我們就可以打散原有頁面的信息層級并進行重新分組,分析所有層級信息字段的屬性,然后整理出不可變動信息、可變動信息、可增加的信息、可變的布局樣式,不斷嘗試重組信息結構,找出合適的視覺決策點。

針對設計稿件,開展設計內部視覺評審,針對視覺稿件還邀請了產品以及交互進行意見收集,最終選擇方案一作為主播等級迭代方案。

4. 業務線視覺延展

在主頁面色彩偏好、功能布局定稿之后,為了在關鍵轉化點給用戶帶來統一有趣的視覺體驗,以主頁面視覺為參考以動效、ICON、插畫三個維度進行設計延展,保證與競品的品牌差異性以及設計的統一性。

4.1 特權ICON

為了達到設計稿件色彩傾向、品牌差異設計貫穿用戶每一個關鍵轉化點保持特權ICON視覺語言統一,并增加趣味性拉開與競品的差異,提升用戶點擊轉化率。

4.2 插畫延伸

針對產品等級攻略個性化需求的訴求點,圍繞等級提升的不同要求繪制場景化插畫,并保持視覺層面的輸出配套,通過十字交叉分析有針對性的進行精準推送。

4.3 動效延伸

圍繞溫暖、成就感兩個關鍵進行延展,在用戶點擊等級主頁入口的第一時間感受到等級提升的成就感以及統一色彩傾向帶來的重視感,通過特權展示達到所見即所得的直接觀感受。

結語

設計并非一念間的靈感迸發,設計師對整個業務需要有清晰的理解,明白產品定位并通過前期設計分析奠定設計理念而進行設計產出。

設計是一個逐漸嶄露頭角的過程,而我理解的設計師則應該是快樂的戰士而不是輕言放棄的賭徒,還是那句話:每個人都有屬于自己的一片森林。一點工作總結希望對大家有多裨益,同時歡迎各位大佬加入喜馬拉雅FM。

 

作者:二十二兩,喜馬拉雅XUED(ID:ximalaya_XUED)

本文由 @二十二兩 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來源于網絡

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. Good

    來自上海 回復
  2. 很不錯,再慢慢看。

    回復