百度網(wǎng)盤會員中心體驗設(shè)計升級

7 評論 11883 瀏覽 63 收藏 12 分鐘

編輯導(dǎo)讀:本文作者從項目背景出發(fā),對百度網(wǎng)盤會員中心體驗設(shè)計升級的全過程進(jìn)行了詳細(xì)梳理,并分析總結(jié)了過程中需要注意的相關(guān)問題和方法經(jīng)驗,供大家一同參考和學(xué)習(xí)。

01 項目背景

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

本次項目的目標(biāo)不僅是用戶體驗的優(yōu)化,還需要兼顧商業(yè)轉(zhuǎn)化。接下來將從確定目標(biāo)、會員中心框架重構(gòu)、視覺語言升級、沉淀通用組件等方面,跟大家分享下改版背后的設(shè)計思考。

02 設(shè)計思路探索

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

  1. 打造分層布局;
  2. 強(qiáng)化關(guān)鍵信息;
  3. 縮短支付步長;
  4. 智能化推薦。

1. 打造分層布局

進(jìn)入會員中心的用戶,根據(jù)會員成長周期可被劃分為:歷史未付費(fèi)用戶、會員開通中用戶、會員即將過期用戶、會員已過期用戶。

因此,在這次框架設(shè)計中,我們根據(jù)身份、動機(jī)、行為的差異進(jìn)行分層布局。改變以往的“多人一面”的布局架構(gòu),打造出新的“多人多面”的靈活分層頁面布局。

2. 強(qiáng)化關(guān)鍵信息

關(guān)鍵信息也是用戶更為“關(guān)心”的信息,通過調(diào)研發(fā)現(xiàn),網(wǎng)盤用戶更加關(guān)注會員優(yōu)惠活動信息、服務(wù)到期提醒以及會員之間的差異性,因此在本次升級中,我們對用戶所關(guān)心的決策信息進(jìn)行強(qiáng)化,恰如其分地展示便于用戶決策,同時提升用戶的付費(fèi)意愿。

(1)新增運(yùn)營渠道

通過用戶訪談,了解到很多用戶總是錯過網(wǎng)盤的福利活動,不知道在哪里能接受到一手信息。因此,本次升級我們在會員中心中新增了運(yùn)營位,增加用戶關(guān)注的優(yōu)惠活動的曝光。

(2)服務(wù)到期提醒

針對即將過期或已過期的用戶,我們會展示用戶常用特權(quán)功能的即將到期的信息,避免用戶特權(quán)功能到期后,給用戶日常使用帶來困擾。

(3)強(qiáng)化特權(quán)的差異對比

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

3. 縮短支付步長

采用浮層收銀臺的方式,減少用戶在頁面間跳轉(zhuǎn)而帶來的流失。縮短決策步長,配合更醒目的價格標(biāo)簽和對比,加速用戶決策轉(zhuǎn)化。

4. 智能化推薦

嘗試采用更加擬人化、對話感的方式觸達(dá)用戶,推送給用戶更為關(guān)注的信息,精細(xì)化地探索多樣的運(yùn)營場景。

比如:針對已付費(fèi)用戶,結(jié)合用戶使用場景,如“周末看視頻,倍速/2K/極速加載缺一不可”;

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

當(dāng)我們上會員新特權(quán)的時候,會及時告知用戶,讓他們享受更加豐富的權(quán)益。

03 設(shè)計語言升級

本次對會員中心的視覺呈現(xiàn)也做了全新升級,不僅凸顯會員的尊享感、情感化,同時兼顧用戶的識別效率及后續(xù)拓展性,針對這一目標(biāo),我們做了以下優(yōu)化:

  1. 卡面升級,提升身份感;
  2. 品牌色優(yōu)化,確保拓展性;
  3. icon重塑,強(qiáng)化識別性;
  4. 驚喜彩蛋,提升情感化。

1. 卡片升級,提升身份感

會員身份卡片是用戶直觀感受身份變化的第一步。本次卡片設(shè)計中,在卡片比例上,盡可能接近于實物卡片,并在卡面肌理表達(dá)上,采用磨砂質(zhì)地,更貼合用戶自然認(rèn)知,卡片顏色結(jié)合會員品牌色進(jìn)行設(shè)計。同時結(jié)合網(wǎng)盤品牌基因中的logo的“云”,提升品牌差異化。

當(dāng)用戶進(jìn)入會員中心時,采用光影動效,同時描繪“云”型,提升視覺層次感,同時加深用戶認(rèn)知。

2. 品牌色優(yōu)化,確保拓展性

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

3. icon重塑,強(qiáng)化識別性

在特權(quán)icon設(shè)計中,強(qiáng)化識別性是本次優(yōu)化的重點,因為圖標(biāo)的目的是用來輔助用戶識別,幫助用戶做決策的。

4. 驚喜彩蛋,提升情感化

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

04 通用組件沉淀

1. 支付模塊

支付模塊承載了會員類商品信息的展示,會在多個場景出現(xiàn),比如:浮層收銀臺、會員中心頁面、全端收銀臺,以及會員類運(yùn)營活動。為了保證支付體驗的一致性,我們優(yōu)先對支付模塊進(jìn)行統(tǒng)一和規(guī)范,包括其中的商品展示、優(yōu)惠展示、以及支付按鈕的規(guī)范化。

2. 特權(quán)展示模塊

對于特權(quán)展示模塊進(jìn)行特權(quán)展示的優(yōu)化,針對以往特權(quán)數(shù)量多占用空間大,以及特權(quán)展示信息過少用戶看不懂的問題,不再采用平鋪的方式,而是采用利用橫向空間的側(cè)滑方式展示,節(jié)省更多空間;不再采用原有的特權(quán)圖標(biāo)+特權(quán)名稱的方式,而是同時展示輔助特權(quán)信息,便于用戶更加了解特權(quán)內(nèi)容。

總結(jié)

以上就是本次會員中心改版項目的全過程,從前期用戶調(diào)研、目標(biāo)確定,到通過多維度地將目標(biāo)落地,不僅優(yōu)化了體驗、提高了效率,也對付費(fèi)轉(zhuǎn)化率有所提升。

本次會員中心改版,上線后,實際數(shù)據(jù)效果非常正向,也收到來自用戶的正向反饋。這是會員中心提供給用戶更多選擇、更高效率、更多服務(wù)的第一步,我們還會繼續(xù)深耕,努力經(jīng)營更懂用戶、提供多元服務(wù)的聚集地。希望在此項目中的思考和工作方法能夠?qū)Υ蠹议_展類似的項目有所幫助。

 

作者:百度MEUX,百度移動生態(tài)用戶體驗設(shè)計中心,負(fù)責(zé)百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗設(shè)計。

本文由@百度MEUX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 對于普通用戶來說,下載速度才是王道

    來自四川 回復(fù)
  2. 大牙,我知道是你

    來自上海 回復(fù)
  3. 百度網(wǎng)盤的問題不在界面上,具體是什么?等阿里的網(wǎng)盤公測通過了就知道了

    來自河南 回復(fù)
    1. 說得對

      來自廣東 回復(fù)
    2. 說的沒錯

      來自北京 回復(fù)
    3. 哈哈哈哈 看大家都吐槽的是什么

      來自遼寧 回復(fù)
    4. 哈哈哈 下載100kb,眾生平等

      來自吉林 回復(fù)