創意APP設計案例！滴滴順風車設計總結

順風車項目初期，產品GM反復和我們強調業務使命，私家車出行在滴滴體系中的角色，私家車市場規模，業務模式概述，業務模式關鍵詞，目標體系.

使得我們很快明確了順風車的產品定義，目標用戶，主要功能，產品場景，產品特色和競品的差異化以及未來順風車的產品走向.

未來它將是一個每天改變千萬人次出行的產品，它能讓共享私家車成為一種連接人與人的生活方式.

我在網上收集資料，對順風車已經有了一定的了解，當時國內的拼車APP已經有一些但還不成熟，我下了一些競品軟件，把每個產品的頁面截圖拼湊成流程圖，觀察總結它們的核心功能及業務流程，體驗好和不好的地方都記錄在筆記上.收集問題之后，對問題進行分析，最終聚焦在核心的問題，并將分析的結果展示給團隊.

研究思考競品的主要功能，業務流程和信息布局，以及網上和現實中車主乘客對順風出行的一些痛點，從用戶意見中提煉用戶最本質的需求，需要改善的地方.

設計階段初期，因為沒有數據和用戶反饋做依靠，我們在和PM做需求分析的時候追求本心，理解用戶核心問題和解決方案，勇敢做.腦暴大膽嘗試了很多種業務方案.

項目初期在和產品討論如果沒有一套整體的流程圖是很難和產品以及技術溝通進展的，于是我們花了1天時間的討論，把主要功能及業務流程快速梳理了一遍，搭建了一套順風車業務流程圖.

流程圖分為3個部分，1 乘客流程（乘客發單－呼叫等待－車主接單－支付評價），2 車主流程（車主選單－車主搶單－送達乘客－等待支付－評價乘客），3 公共部分（個人主頁，個人余額，實名認證，車主認證，接單設置等），這樣我們在討論的時候就方便很多.前期隨著每天的討論增加刪減功能都要確保每天的流程圖更新一遍，讓大家的信息能夠及時同步，看著挺麻煩，其實當中大部分時間都花在產品討論上了，白天產品和設計一起討論，晚上修改更新郵件.

在項目前期沒有交互，這時候產品設計就要充當交互的職責，緊跟產品，關于產品討論的會議都要去參加，積極的去參與，腦暴，在過程中，展現自己的專業度，獲得產品的信任，過程中得到產品等同事的認可，有利于方案的執行。多數人已經認可的方案，少數人在否定方案時會非常慎重。和產品在項目前期在目標上達成一致，避免在設計方案上發散性討論.由于前期的產品討論，每天產出的流程圖都會有變化，低保真流程圖不需要出到特別細致的階段，只要把產品思路表達正確即可.

注意流程圖不要覆蓋，按time line保存，這樣方便之后的升級改版review之前的想法及功能點.

當我們把整個的產品流程都梳理完成，產品確定之后.就要開始細化頁面了，我們要保證的是順風車上線產出高質量的設計，重要的頁面要著重去想去設計，多做嘗試，讓用戶體驗做到最優,同時要和滴滴打車平臺的設計風格保持一致，GUI保持一致.本次開發周期非常短，細化所有端上效果圖的時間僅有一周的時間，雖然時間很短，但是前期鋪墊時間很長，我們對這個產品流程已經非常熟悉，一切還算順利.

拿首頁為例，當用戶第一次進入順風車最先進入的就是首頁，主要功能會在首頁展示，所以這里考慮的比較多,我們在首頁的嘗試飛機稿不下10張，經過謹慎的考慮，我們采用了現在端上的效果.

制作高保真效果圖的時候這里會思考以下幾點:

1 與滴滴打車平臺整體設計氣質保持一致.相同的功能控件沿用平臺.

2 一個頁面一個核心功能，信息層級，強弱關系的處理.

3 輕便，適當的留白，易于操作

4 視覺規范的統一性與一致性.

5 各個分辨率的適配問題，小尺寸要做單獨的處理.

6 Android和iOS的差異性思考.

7 不做跳度特大的頁面，整體保持平穩.讓用戶好理解.

設計的預期：

1 車主使用順風車，能夠清楚的找到乘客和車主在哪里切換.

2 保持視覺交互平穩，使用過程中輕松流暢并且高效.

當我們把所有頁面高保真都做完之后，我的習慣還是拼成視覺流程圖.

有幾點好處:

1 查看有沒有遺漏的頁面.比如:異常狀態，浮層提醒一類.

2 查看有沒有視覺該統一的地方沒有統一，比如:文字大小，顏色，按鈕大小，間距都需要整體review.

3 平臺的控件開發可以復用的標記.

4 順風車的控件樣式在頁面可以復用的標記.

5 開發和測試看起來一目了然，溝通起來節省成本.

6 制作順風車規范的時候方便查看.

當然這個方法只適合在新產品業務上線，大版本更新以及新功能流程使用.

畢竟小版本的一些視覺改動，如果一期迭代是10天，每個版本都出一份視覺流程圖并保證是最新的太浪費成本了.

大小版本的改動只做視覺規范的更新就好.

開發環節我認為在產品設計里算是最關鍵的一部了，用戶不可能直接拿著你制作的設計稿去進行使用，你的設計是需要經過開發實現之后才會到達用戶手中，所以設計和開發的對接，溝通尤為關鍵.這個時候的設計要跟進開發環節，保證產出物和設計一致，交互邏輯及動畫展示保持一致.

好多設計師抱怨明明設計的很好，可實際線上效果卻不理想，相差太大.

問題出在哪里？

1 標注圖及切圖質量不達標

2 和開發沒有直接溝通，把產出交給開發之后就不管了

3 最后開發完成沒有進行視覺走查.

(編輯：小酷)