国产成在线人视频免费视频-国产成综合-国产床上视频-国产大臿蕉香蕉大视频女-国产大尺度pr社18福利在线

看似簡單的喜馬拉雅FM主播等級體系,是如何做改版設計的?

2018-6-20    資深UI設計者

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

一、產品背景

1. 產品層面

這次迭代的目的是:

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

通過溝通我們知道產品希望通過這次迭代來引起用戶注意,增加主播用戶和產品之間的互動,而提升頁面日活以及次日留存。

2. 設計層面

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

3. 用戶層面

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

二、設計前期分析

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

1. 視覺競品分析

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

2. 設計關鍵詞提煉

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

三、設計執行

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

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

四、業務線視覺延展

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

1. 特權ICON

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

2. 插畫延伸

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

3. 動效延伸

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

結語

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://www.z1277.cn

存檔

主站蜘蛛池模板: 国产又黄又潮娇喘视频免费 | 国产精品免费看香蕉 | 日韩中文在线播放 | 久草视频在线免费看 | 天天影视综合网色综合国产 | 国产日韩线路一线路二 | 亚洲制服在线观看 | 日本福利视频一区 | 伊人狠狠色j香婷婷综合 | 一级大片网站 | 国内精品久久久久影院薰衣草 | 午夜成a人片在线观看 | 亚洲国产色婷婷精品综合在线观看 | 免费国产视频在线观看 | 免费在线观看小视频 | 欧美日韩性大片 | 国产又色又爽的视频免费 | 麻豆精品传媒成人精品 | 五月婷婷久久综合 | 亚洲国产精品久久久久秋霞66 | 黄色观看 | 久久受www免费人成看片 | 日本特级爽毛片叫声 | 欧美亚洲一区二区三区在线 | 国产一级片儿 | 国产h视频在线观看高清 | 131美女爱做免费高清视频 | 成年性午夜免费视频网站不卡 | 色婷婷狠狠 | 在线免费观看黄视频 | 久久精品免费电影 | 久久视频精品36线视频在线观看 | 一 级 黄 中国色 片 | 亚洲一级毛片欧美一级说乱 | 亚洲成人黄色网 | 国产精品青草久久久久婷婷 | 国产精品自在线拍国产 | 亚洲一区二区视频在线观看 | 亚洲国产精品午夜电影 | 国语自产偷拍精品视频偷最新 | 性色a按摩videos |