作者：易優(yōu)小編

編者按：

滴滴專車經(jīng)過兩年的發(fā)展，從一個可以滿足基本出行的服務(wù)工具已經(jīng)逐步升級到一個可以滿足大多出行場景以及定制化服務(wù)的產(chǎn)品。

2017 年 5 月，滴滴專車進(jìn)行了一次服務(wù)升級，專車會員正式上線。其中包含了 4 個會員級別「銀卡、金卡、白金、黑金」及 10 項(xiàng)會員權(quán)益。本文的兩位作者蘇天宇和陳超然分別是滴滴CDX專車團(tuán)隊(duì)的UI和UE，他們從設(shè)計(jì)的視角復(fù)盤了整個滴滴專車會員項(xiàng)目的設(shè)計(jì)優(yōu)化，文末還闡述了他們在項(xiàng)目敏捷開發(fā)模式下的心得體會，歡迎閱讀。

專車會員二期項(xiàng)目背景

 

專車會員一期上線之后，用戶總體反饋較為不錯，底部下拉升起的控件對比頂部消息位控件用戶感知方面提升了7%，并通過會員體系促進(jìn)專車整體發(fā)單提升了16%。

我們通過一期專車會員的用戶反饋，及數(shù)據(jù)分析，提取出了核心問題進(jìn)行優(yōu)化，希望在會員二期能夠讓更多的用戶了解專車會員體系，對專車會員有個獨(dú)特的認(rèn)知。

通過設(shè)計(jì)希望能夠兼顧新老用戶，讓新用戶感知到專車會員權(quán)益帶來的益處，促進(jìn)新用戶發(fā)單成為專車會員。而專車的高頻老用戶通過增加權(quán)益的告知讓他們清晰的知道會員所帶來的權(quán)益服務(wù)好在哪里。

一期會員問題

一期會員主要針對會員關(guān)鍵頁面進(jìn)行優(yōu)化，其中包含會員卡片入口頁、會員詳情頁.我們將核心頁面的問題進(jìn)行了梳理，希望在二期設(shè)計(jì)上進(jìn)行改善，其中包含用戶感知層面和信息結(jié)構(gòu)層面

用戶感知層面問題

1、信息入口頁并沒有傳遞給用戶會員的概念，在設(shè)計(jì)上用戶沒有明顯感知。

2、根據(jù)數(shù)據(jù)統(tǒng)計(jì)普通用戶占絕大多數(shù)，上滑到信息入口頁時，發(fā)現(xiàn) 10 個權(quán)益全部是失效狀態(tài)，沒有傳達(dá)給用戶如何升級，以及升級之后將帶來哪些增值服務(wù)，普通用戶參與感低，造成無再次拉起動作。

信息結(jié)構(gòu)層面

1、信息結(jié)構(gòu)及入口較為分散且重要層級未做區(qū)分，除了權(quán)益功能介紹還有兩個主要入口，分別是里程兌換和會員詳情，兩個入口的點(diǎn)擊量基本相同，里程兌換目前只推出了CIP快速服務(wù)，用戶點(diǎn)擊進(jìn)去兌換率過低，我們希望用戶更多關(guān)注的是會員權(quán)益.權(quán)益頁會給用戶帶來更大的收益。

2、會員詳情頁在信息上整體并不吸引用戶，用戶感知不到當(dāng)前等級以及各等級的會員都有哪些權(quán)益。只從會員卡片入口頁的權(quán)益點(diǎn)擊進(jìn)入成本太高，且沒有對比性，感知不到高級會員的收益在哪里。

二期會員設(shè)計(jì)目標(biāo)

通過會員一期的用戶反饋（微博、公眾號、用戶訪問）及數(shù)據(jù)分析在設(shè)計(jì)上我們希望通過會員概念、優(yōu)化信息這 2 個關(guān)鍵點(diǎn)進(jìn)行二期設(shè)計(jì)的主要目標(biāo)方向。

希望通過更合理的交互，會員信息的梳理優(yōu)化把更為核心的內(nèi)容展示給用戶并且讓用戶感知與個人相關(guān)的會員身份和品質(zhì).通過有效的信息讓用戶得到更大的收益。從而發(fā)揮出專車會員的價值。

會員概念上，我們希望用戶能在最短的流程里對專車會員概念有快速的感知，以及每一等級所對應(yīng)的權(quán)益，需要將這個概念在視覺層面上強(qiáng)調(diào)出來，目的是為了讓用戶清晰的知道每一會員等級對應(yīng)的權(quán)益以及下一等級對應(yīng)的權(quán)益。

優(yōu)化信息上，我們希望用戶在有限的時間里可以將注意力更集中在專車會員想體現(xiàn)的信息上。

會員信息入口頁優(yōu)化

在會員二期的設(shè)計(jì)上，我們加入了情感化思考，希望能夠在視覺傳達(dá)上抓住用戶注意力，使其有情緒化反映，首先用戶拉起首頁控件先傳達(dá)給用戶一張會員卡的概念，再通過會員卡不同的等級對應(yīng)不同顏色的卡片和權(quán)益，讓用戶感知到目前的等級及擁有的權(quán)益。

據(jù)視覺研究報(bào)告的數(shù)據(jù)可知，人類對事物的辨認(rèn)首先是色彩感覺，其次才是對形的辨認(rèn).比如在最初接觸的 20 秒內(nèi)，對色彩的感受度為80%左右，形體感受度僅為20%；在 20 秒至 3 分鐘內(nèi)，色彩感遞減為60%，形體感遞增為40%由此可見色彩的感知力是非常強(qiáng)的?！刚訟UX設(shè)計(jì)團(tuán)隊(duì)」

這里我們主要針對一期的設(shè)計(jì)優(yōu)化了如下幾點(diǎn)問題：

用戶感知層面

1、加入了會員卡片的概念，讓用戶通過視覺感知到會員卡所包含的會員權(quán)益。

2、普通用戶占絕大多數(shù)，因此我們在設(shè)計(jì)普通用戶的卡片的時候沒有做的樣式看著好像失效，而是讓卡片稍微有一些質(zhì)感，以及還差多少公里可以成為會員，成為會員后可以享受到的權(quán)益全部展示了出來，通過最少的信息量讓用戶在最開始就可以快速的有一個整體的認(rèn)識，而不是需要再通過點(diǎn)擊去找去看。

3、我們將不同級別對應(yīng)的卡片及icon都單獨(dú)做了設(shè)計(jì)，讓用戶首先在升級上有明顯感知，其次做了樣式的區(qū)分及權(quán)益的鎖定解鎖狀態(tài)刺激用戶去升級以及有預(yù)期下一等級對應(yīng)的權(quán)益。

4、為了讓用戶與平臺會員中心區(qū)分，在專車會員沒有會員品牌的時候加入專車logo，讓用戶有感知這個是專車獨(dú)有會員。

信息結(jié)構(gòu)層面

1、權(quán)益欄最多只展示 5 個權(quán)益，所以這里只放出 5 個核心權(quán)益，用戶未獲得的權(quán)益通過一把鎖的狀態(tài)展示，既解決了可以查看下一會員所能帶來的權(quán)益又可以補(bǔ)充信息統(tǒng)一的完整性。

2、將會員詳情與里程兌換的入口全部放入會員詳情里，讓用戶點(diǎn)進(jìn)去首先看到會員及權(quán)益詳細(xì)，重點(diǎn)信息優(yōu)先展示 。

會員詳情頁優(yōu)化

會員詳情頁上，我們優(yōu)化了會員卡對應(yīng)的會員權(quán)益，左右滑動可以看到每一等級對應(yīng)的權(quán)益，讓用戶可以比較直觀的感受到專車會員不同等級所帶來的增值服務(wù)。在框架上，我們做成了feed流的樣式.這樣方便會員后期的擴(kuò)展。

用戶感知層面

1、信息整體優(yōu)化，將最重要的會員卡對應(yīng)到會員權(quán)益，讓用戶最先看到核心會員權(quán)益。

2、增加了當(dāng)前級別對應(yīng)的權(quán)益，向右滑動可看到下一等級所擁有的權(quán)益，讓用戶有預(yù)期每一等級所能獲得的權(quán)益。

信息結(jié)構(gòu)扁平化

1、將有效信息前置，信息層級扁平處理，用顏色和模塊區(qū)分信息強(qiáng)弱。

2、頁面信息架構(gòu)以卡片來區(qū)隔，后期方便以卡片的形式擴(kuò)展。

二期會員上線之后

多數(shù)用戶反饋專車會員整體品質(zhì)感提升。

數(shù)據(jù)統(tǒng)計(jì)上拉會員卡片數(shù)據(jù)基本持平，會員信息入口頁的點(diǎn)擊之前兩個按鈕（會員詳情、里程兌換）共同的點(diǎn)擊和二期一個按鈕（里程兌換）基本持平， 2 期卡片點(diǎn)擊增加5%，數(shù)據(jù)上升不明顯，但其實(shí)收益非常大，因?yàn)橹暗狞c(diǎn)擊是分給兩個入口且有一半的用戶是到里程兌換里，進(jìn)入之后并沒有什么轉(zhuǎn)化。
寫在最后

在會員一期上線之后，我們發(fā)現(xiàn)了一些設(shè)計(jì)問題但已經(jīng)來不及修改，團(tuán)隊(duì)復(fù)盤了整個一期的設(shè)計(jì)，我們總結(jié)了如下幾點(diǎn)會在以后的項(xiàng)目中注意，這里也分享出來希望對大家有所幫助：

1、在設(shè)計(jì)內(nèi)部多人協(xié)同辦公的時候，或是項(xiàng)目交接的時候，能夠有完成的設(shè)計(jì)文檔，包含整體的設(shè)計(jì)源文件，項(xiàng)目背景，目標(biāo)，設(shè)計(jì)方案。

2、制定設(shè)計(jì)owner，定目標(biāo)，追過程，拿結(jié)果。主動跟進(jìn)推動項(xiàng)目的落地，對結(jié)果負(fù)責(zé)。

3、在項(xiàng)目的關(guān)鍵節(jié)點(diǎn)上（交互最終方案與視覺最終方案）有郵件同步，周知組內(nèi)設(shè)計(jì)人員與關(guān)鍵產(chǎn)品相關(guān)人員。

4、建立評審機(jī)制，根據(jù)項(xiàng)目大小建立設(shè)計(jì)內(nèi)部項(xiàng)目評審與小范圍可用性測試收集意見反饋.由項(xiàng)目owner主動發(fā)起。

在滴滴，設(shè)計(jì)師對接需求時，更多的是使用敏捷開發(fā)模式，深入?yún)⑴c到產(chǎn)品當(dāng)中與不同需求方共同討論需求，對比傳統(tǒng)的瀑布流模式，這樣會幫助設(shè)計(jì)師更好的去了解需求，關(guān)注數(shù)據(jù)與目標(biāo)，與需求方達(dá)成一致，并嚴(yán)格把控設(shè)計(jì)方案的產(chǎn)出是否合理。

來專車一年的時間了，在這里感受成長最多的就是設(shè)計(jì)目標(biāo)與數(shù)據(jù)的結(jié)合，設(shè)計(jì)師在業(yè)務(wù)線能為業(yè)務(wù)方提供的價值，設(shè)計(jì)因素占到的一定比例。抓住設(shè)計(jì)關(guān)鍵點(diǎn)幫助業(yè)務(wù)數(shù)據(jù)有所提升。