作者：蘇天宇、陳超然 滴滴cdx專車團隊 產品設計師
編者按：
滴滴專車經過兩年的發展，從乙個可以滿足基本出行的服務工具已經逐步公升級到乙個可以滿足大多出行場景以及定製化服務的產品。
2017 年 5 月，滴滴專車進行了一次服務公升級，專車會員正式上線。其中包含了 4 個會員級別「銀卡、金程式設計客棧卡、白金、黑金」及 10 項會員權益。本文的兩位作者蘇天宇和陳超然分別是滴滴cdx專車團隊的ui和ue，他們從設計的視角覆盤了整個滴滴專車會員專案的設計優化，文末還闡述了他們在專案敏捷開發模式下的心得體會，歡迎閱讀。
專車會員二期專案背景
專車會員一期上線之後，使用者總體反饋較為不錯，底部下拉公升起的控制項對比頂部訊息位控制項使用者感知方面提公升了7%，並通過會員體系促進專車整體發單提公升了16%。
我們通過一期專車會員的使用者反饋，及資料分析，提取出了核心問題進行優化，希望在會員二期能夠讓更多的使用者了解專車會員體系，對專車會員有個獨特的認知。
通過設計希望能夠兼顧新老使用者，讓新使用者感知到專車會員權益帶來的益處，促進新使用者發單成為專車會員。而專車的高頻老使用者通過增加權益的告知讓他們清晰的知道會員所帶來的權益服務好在**。
一期會員問題
一期會員主要針對會員關鍵頁面進行優化，其中包含會員卡片入口頁、會員詳情頁.我們將核心頁面的問題進行了梳理，希望在二期設計上進行改善，其中包含使用者感知層面和資訊結構層面
使用者感知層面問題
1、資訊入口頁並沒有傳遞給使用者會員的概念，在設計上使用者沒有明顯感知。
2、根據資料統計普通使用者佔絕大多數，上程式設計客棧滑到資訊入口頁時，發現 10 個權益全部是失效狀態，沒有傳達給使用者如何公升級，以及公升級之後將帶來哪些增值服務，普通使用者參與感低，造成無再次拉起動作。
資訊結構層面
1、資訊結構及入口較為分散且重要層級未做區分，除了權益功能介紹還有兩個主要入口，分別是里程兌換和會員詳情，兩個入口的點選量基本相同，里程兌換目前只推出了cip快速服務，使用者點選進去兌換率過低，我們希望使用者更多關注的是會員權益.權益頁會給使用者帶來更大的收益。
2、會員詳情頁在資訊上整體並不吸引使用者，使用者感知不到當前等級以及各等級的會員都有哪些權益。只從會員卡片入口頁的權益點選進入成本太高，且沒有對比性，感知不到高階會員的收益在**。
二期會員設計目標
通過會員一期的使用者反饋（微博、***、使用者訪問）及資料分析在設計上我們希望通過會員概念、優化資訊這 2 個關鍵點進行二期設計的主要目標方向。
希望通過更合理的互動，會員資訊的梳理優化把更為核心的內容展示給使用者並且讓使用者感知與個人相關的會員身份和品質.通過有效的資訊讓使用者得到更大的收益。從而發揮出專車會員的價值。
會員概念上，我們希望使用者能在最短的流程裡對專車會員概念有快速的感知，以及每一等級所對應的權益，需要將這個概念在視覺層面上強調出來，目的是為了讓使用者清晰的知道每一會員等級對應的權益以及下一等級對應的權益。
優化資訊上，我們希望使用者在有限的時間裡可以將注意力更集中在專車會員想體現的資訊上。
會員資訊入口頁優化
在會員二期的設計上，我們加入了情感化思考，希望能夠在視覺傳達上抓住使用者注意力，使其有情緒化反映，首先使用者拉起首頁控制項先傳達給使用者一張會員卡的概念，再通過會員卡不同的等級對應不同顏色的卡片和權益，讓使用者感知到目前的等級及擁有的權益。
據視覺研究報告的資料可知，人類對事物的辨認首先是色彩感覺，其次才是對形的辨認.比如在最初接觸的 20 秒內，對色彩的感受度為80%左右，形體感受度僅為20%；在 20 秒至 3 分鐘內，色彩感遞減為60%，形體感遞增為40%由此可見色彩的感知力是非常強的。「摘自aux設計團隊」
這裡我們主要針對一期的設計優化了如下幾點問題：
使用者感知層面
1、加入了會員卡片的概念，讓使用者通過視覺感知到會員卡所包含的會員權益。
2、普通使用者佔絕大多數，因此我們在設計普通使用者的卡片的時候沒有做的樣式看著好像失效，而是讓卡片稍微有一些質感，以及還差多少公里可以成為會員，成為會員後可以享受到的權益全部展示了出來，通過最少的資訊量讓使用者在最開始就可以快速的有乙個整體的認識，而不是需要再通過點選去找去看。
3、我們將不同級別對應的卡片及icon都單獨做了設計，讓使用者首先在公升級上有明顯感知，其次做了樣式的區分及權益的鎖定解鎖狀態刺激使用者去公升級以及有www.cppcns.com預期下一等級對應的權益。
4、為了讓使用者與平台會員中心區分，在專車會員沒有會員品牌的時候加入專車logo，讓使用者有感知這個是專車獨有會員。
資訊結構層面
1、權益欄最多隻展示 5 個權益，所以這裡只放出 5 個核心權益，使用者未獲得的權益通過一把鎖的狀態展示，既解決了可以檢視下一會員所能帶來的權益又可以補充資訊統一的完整性。
2、將會員詳情與里程兌換的入口全部放入會員詳情裡，讓使用者點進去首先看到會員及權益詳細，重點資訊優先展示 。
會員詳情頁優化
會員詳情頁上，我們優化了會員卡對應的會員權益，左右滑動可以看到每一等級myymprf對應的權益，讓使用者可以比較直觀的感受到專車會員不同等級所帶來的增值服務。在框架上，我們做成了feed流的樣式.這樣方便會員後期的擴充套件。
使用者感知層面
1、資訊整體優化，將最重要的會員卡對應到會員權益，讓使用者最先看到核心會員權益。
2、增加了當前級別對應的權益，向右滑動可看到下一等級所擁有的權益，讓使用者有預期每一等級所能獲得的權益。
資訊結構扁平化
1、將有效資訊前置，資訊層級扁平處理，用顏色和模組區分資訊強弱。
2、頁面資訊架構以卡片來區隔，後期方便以卡片的形式擴充套件。
二期會員上線之後
多數使用者反饋專車會員整體品質感提公升。
資料統計上拉會員卡片資料基本持平，會員資訊入口頁的點選之前兩個按鈕（會員詳情、里程兌換）共同的點選和二期乙個按鈕（里程兌換）基本持平， 2 期卡片點選增加5%，資料上公升不明顯，但其實收益非常大，因為之前的點選是分給兩個入口且有一半的使用者是到里程兌換裡，進入之後並沒有什麼轉化。
寫在最後
在會員一期上線之後，我們發現了一些設計問題但已經來不及修改，團隊覆盤了整個一期的設計，我們總結了如下幾點會在以後的項www.cppcns.com目中注意，這裡也分享出來希望對大家有所幫助：
1、在設計內部多人協同辦公的時候，或是專案交接的時候，能夠有完成的設計文件，包含整體的設計原始檔，專案背景，目標，設計方案。
2、制定設計owner，定目標，追過程，拿結果。主動跟進推動專案的落地，對結果負責。
3、在專案的關鍵節點上（互動最終方案與視覺最終方案）有郵件同步，周知組內設計人員與關鍵產品相關人員。
4、建立評審機制，根據專案大小建立設計內部專案評審與小範圍可用性測試收集意見反饋.由專案owner主動發起。
在滴滴，設計師對接需求時，更多的是使用敏捷開發模式，深入參與到產品當中與不同需求方共同討論需求，對比傳統的瀑布流模式，這樣會幫助設計師更好的去了解需求，關注資料與目標，與需求方達成一致，並嚴格把控設計方案的產出是否合理。
來專車一年的時間了，在這裡感受成長最多的就是設計目標與資料的結合，設計師在業務線能為業務方提供的價值，設計因素佔到的一定比例。抓住設計關鍵點幫助業務資料有所提公升。
本文位址:
覆盤 8月 第4周工作覆盤
本次覆盤任務大於意義 7月第3周目標 目的 智慧型運營平台開發工作 目標 1 智慧型運營平台開發 完成累計資料 web開發 7月第4周覆盤 目標完成進度檢查 1.智慧型運營平台工作發現的問題修復 完成 2.跟蹤處理kafka生產問題 完成 3.視客相伴預約導航協助終端聯調測試 完成 達成亮點分析 1...
重構如覆盤
這篇blog算是之前關於重構的乙個總結，導火索是上週花了不少時間把前一段寫的乙個功能模組做的乙個重構。事實 沒做之前，功能什麼的基本都對，有一些小bug和效率不是很好，問題最大的是我感覺這部分有點失控，心裡一種亂的不安全感，這個感覺很差。另外就是在處理bug，增加新的功能和用其他方案做優化的時候，可...
覆盤知識6
1 什麼情況下使用collections.defaultdict?當定義乙個字典時，某個鍵值不存在時會報錯，但是用collections.defaultdict初始化不會報錯，引數可以是int，表示value值是int型別，引數如果是list，表示value值是list列表。2 爬蟲內容 reque...