百度網盤會員中心體驗設計升級

編輯導讀:本文作者從項目背景出發,對百度網盤會員中心體驗設計升級的全過程進行了詳細梳理,並分析總結了過程中需要注意的相關問題和方法經驗,供大家一同參考和學習。

百度網盤會員中心體驗設計升級
01 項目背景

會員中心是承載產品增值權益展示、購買、管理的“集合地”。自2016年起推出會員和超級會員兩項增值服務至今已有4年時間。而今,用户對網盤會員的訴求越來越多樣,會員中心已經變成用户獲取福利信息和尊享感受的載體。這便是本次會員中心改版項目的背景。

本次項目的目標不僅是用户體驗的優化,還需要兼顧商業轉化。接下來將從確定目標、會員中心框架重構、視覺語言升級、沉澱通用組件等方面,跟大家分享下改版背後的設計思考。

百度網盤會員中心體驗設計升級
02 設計思路探索

我們本次框架重構的關鍵詞就是“懂你所想”,只有更瞭解用户,才能提供更符合用户的選擇,從而提升用户決策效率。因此,我們在交互框架層面上,做了以下幾件事:

  1. 打造分層佈局;
  2. 強化關鍵信息;
  3. 縮短支付步長;
  4. 智能化推薦。
1. 打造分層佈局

進入會員中心的用户,根據會員成長週期可被劃分為:歷史未付費用户、會員開通中用户、會員即將過期用户、會員已過期用户。

因此,在這次框架設計中,我們根據身份、動機、行為的差異進行分層佈局。改變以往的“多人一面”的佈局架構,打造出新的“多人多面”的靈活分層頁面佈局。

百度網盤會員中心體驗設計升級
2. 強化關鍵信息

關鍵信息也是用户更為“關心”的信息,通過調研發現,網盤用户更加關注會員優惠活動信息、服務到期提醒以及會員之間的差異性,因此在本次升級中,我們對用户所關心的決策信息進行強化,恰如其分地展示便於用户決策,同時提升用户的付費意願。

(1)新增運營渠道

通過用户訪談,瞭解到很多用户總是錯過網盤的福利活動,不知道在哪裏能接受到一手信息。因此,本次升級我們在會員中心中新增了運營位,增加用户關注的優惠活動的曝光。

百度網盤會員中心體驗設計升級

(2)服務到期提醒

針對即將過期或已過期的用户,我們會展示用户常用特權功能的即將到期的信息,避免用户特權功能到期後,給用户日常使用帶來困擾。

百度網盤會員中心體驗設計升級

(3)強化特權的差異對比

通過表格對比視覺上強化了特權的差異,展示了普通用户、會員用户、超級會員用户擁有特權功能的差異性,讓用户直觀感受快速對比決策。

百度網盤會員中心體驗設計升級
3. 縮短支付步長

採用浮層收銀台的方式,減少用户在頁面間跳轉而帶來的流失。縮短決策步長,配合更醒目的價格標籤和對比,加速用户決策轉化。

百度網盤會員中心體驗設計升級
4. 智能化推薦

嘗試採用更加擬人化、對話感的方式觸達用户,推送給用户更為關注的信息,精細化地探索多樣的運營場景。

比如:針對已付費用户,結合用户使用場景,如“週末看視頻,倍速/2K/極速加載缺一不可”;

百度網盤會員中心體驗設計升級

針對辦公場景,我們會推送,:“PDF轉Word功能全新上線,可將PDF直接轉為可編輯的Word文檔”,讓用户發現更多有價值的功能。

百度網盤會員中心體驗設計升級

當我們上會員新特權的時候,會及時告知用户,讓他們享受更加豐富的權益。

百度網盤會員中心體驗設計升級
03 設計語言升級

本次對會員中心的視覺呈現也做了全新升級,不僅凸顯會員的尊享感、情感化,同時兼顧用户的識別效率及後續拓展性,針對這一目標,我們做了以下優化:

  1. 卡面升級,提升身份感;
  2. 品牌色優化,確保拓展性;
  3. icon重塑,強化識別性;
  4. 驚喜彩蛋,提升情感化。
百度網盤會員中心體驗設計升級
1. 卡片升級,提升身份感

會員身份卡片是用户直觀感受身份變化的第一步。本次卡片設計中,在卡片比例上,儘可能接近於實物卡片,並在卡面肌理表達上,採用磨砂質地,更貼合用户自然認知,卡片顏色結合會員品牌色進行設計。同時結合網盤品牌基因中的logo的“雲”,提升品牌差異化。

百度網盤會員中心體驗設計升級

當用户進入會員中心時,採用光影動效,同時描繪“雲”型,提升視覺層次感,同時加深用户認知。

百度網盤會員中心體驗設計升級
2. 品牌色優化,確保拓展性

我們還重新定義了會員體系的品牌色,超級會員選用黑金配色來突顯最高級別身份。主題色延續了網盤會員色系,超級會員為金色,會員為紅色,在此基礎上調整色彩明度。新配色在產品界面和運營活動上,能給用户帶來更加直觀的身份感知。

百度網盤會員中心體驗設計升級
3. icon重塑,強化識別性

在特權icon設計中,強化識別性是本次優化的重點,因為圖標的目的是用來輔助用户識別,幫助用户做決策的。

百度網盤會員中心體驗設計升級
百度網盤會員中心體驗設計升級
4. 驚喜彩蛋,提升情感化

尊享感,不僅體現在功能、視覺層面,還體現在情感化關懷,因此我們通過彩蛋式翻卡的觸發形式,採用對話的方式,展示互動文案。

百度網盤會員中心體驗設計升級
04 通用組件沉澱
百度網盤會員中心體驗設計升級
1. 支付模塊

支付模塊承載了會員類商品信息的展示,會在多個場景出現,比如:浮層收銀台、會員中心頁面、全端收銀台,以及會員類運營活動。為了保證支付體驗的一致性,我們優先對支付模塊進行統一和規範,包括其中的商品展示、優惠展示、以及支付按鈕的規範化。

2. 特權展示模塊

對於特權展示模塊進行特權展示的優化,針對以往特權數量多佔用空間大,以及特權展示信息過少用户看不懂的問題,不再採用平鋪的方式,而是採用利用橫向空間的側滑方式展示,節省更多空間;不再採用原有的特權圖標+特權名稱的方式,而是同時展示輔助特權信息,便於用户更加了解特權內容。

百度網盤會員中心體驗設計升級
總結

以上就是本次會員中心改版項目的全過程,從前期用户調研、目標確定,到通過多維度地將目標落地,不僅優化了體驗、提高了效率,也對付費轉化率有所提升。

百度網盤會員中心體驗設計升級

本次會員中心改版,上線後,實際數據效果非常正向,也收到來自用户的正向反饋。這是會員中心提供給用户更多選擇、更高效率、更多服務的第一步,我們還會繼續深耕,努力經營更懂用户、提供多元服務的聚集地。希望在此項目中的思考和工作方法能夠對大家開展類似的項目有所幫助。

作者:百度MEUX,百度移動生態用户體驗設計中心,負責百度移動生態體系的用户/商業產品的全鏈路體驗設計。

本文由@百度MEUX 原創發佈於人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash, 基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 2295 字。

轉載請註明: 百度網盤會員中心體驗設計升級 - 楠木軒