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

編者按：

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

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

專車會員二期項目背景

 

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

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

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

一期會員問題

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

用戶感知層面問題

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

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

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

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

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

二期會員設計目標

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

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

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

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

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

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

據(jù)視覺研究報告的數(shù)據(jù)可知，人類對事物的辨認首先是色彩感覺，其次才是對形的辨認.比如在最初接觸的 20 秒內(nèi)，對色彩的感受度為80%左右，形體感受度僅為20%；在 20 秒至 3 分鐘內(nèi)，色彩感遞減為60%，形體感遞增為40%由此可見色彩的感知力是非常強的。「摘自AUX設計團隊」

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

用戶感知層面

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

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

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

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

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

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

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

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

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

用戶感知層面

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

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

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

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

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

二期會員上線之后

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

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

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

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

2、制定設計owner，定目標，追過程，拿結(jié)果。主動跟進推動項目的落地，對結(jié)果負責。

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

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

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

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