百度網(wǎng)盤會員中心體驗設(shè)計升級
編輯導(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)鍵詞就是“懂你所想”,只有更了解用戶,才能提供更符合用戶的選擇,從而提升用戶決策效率。因此,我們在交互框架層面上,做了以下幾件事:
- 打造分層布局;
- 強(qiáng)化關(guān)鍵信息;
- 縮短支付步長;
- 智能化推薦。
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)化:
- 卡面升級,提升身份感;
- 品牌色優(yōu)化,確保拓展性;
- icon重塑,強(qiáng)化識別性;
- 驚喜彩蛋,提升情感化。
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é)議
對于普通用戶來說,下載速度才是王道
大牙,我知道是你
百度網(wǎng)盤的問題不在界面上,具體是什么?等阿里的網(wǎng)盤公測通過了就知道了
說得對
說的沒錯
哈哈哈哈 看大家都吐槽的是什么
哈哈哈 下載100kb,眾生平等