滴滴出行App在5.0版本進(jìn)行了產(chǎn)品設(shè)計的大改造景殷，整體使用體驗有了較大提升离福。滴滴CDC團(tuán)隊為這次改版專門寫了一篇長文杖狼，從交互框架、視覺表現(xiàn)术徊、品牌層面闡述其設(shè)計理念本刽。正如鄰桌產(chǎn)品總監(jiān)說的“滴滴有錢有人鲸湃，又有了喘息時間赠涮，可以處理下用戶體驗的問題了”子寓。通過最近的使用，我認(rèn)為滴滴本次改版亮點(diǎn)很多笋除，但最大的提升在于改善了“層次感”斜友。
“層次感”的概念
互聯(lián)網(wǎng)產(chǎn)品設(shè)計師面對需求如何開始設(shè)計，我學(xué)到的一個基礎(chǔ)而又重要的方法就是從“層次感”入手：先確定信息層次垃它，誰重要鲜屏、誰次要、哪些需要分組在一起国拇，然后據(jù)此洛史，利用留白、顏色酱吝、圖形也殖、字體、材質(zhì)务热、動效等界面元素來展現(xiàn)他們忆嗜。好用的產(chǎn)品設(shè)計不是靠靈感，不是靠抄襲競品崎岂，它有內(nèi)在的邏輯：產(chǎn)品的視覺展現(xiàn)服務(wù)于信息層次捆毫。
最新的iOS10人機(jī)交互指南中，把最重要的三個原則中的Clarity調(diào)整了順序冲甘，放在了第一位绩卤，有興趣的同學(xué)可以翻看下，“層次”的概念和iOS設(shè)計指南中關(guān)于Clarity的解釋是類似的损合。
滴滴出行5.0實(shí)例
滴滴出行最核心的業(yè)務(wù)在于用車流程省艳，即“首頁-發(fā)單-等待匹配-等待服務(wù)-服務(wù)中-服務(wù)結(jié)束-支付評價”，我們選擇其中“發(fā)單”為例嫁审。
（如上是兩個版本的發(fā)單頁面對比跋炕，僅從直觀感受，我們就能發(fā)現(xiàn)律适，4.x版本的頁面信息層級區(qū)分不明顯辐烂，沒有明顯的視覺焦點(diǎn)，而5.x版本則清晰明確很多）
用我們剛提到的理論做分析捂贿，分兩步走
第一步：信息層次的區(qū)分是否合理纠修？（先確定信息層次，誰重要厂僧、誰次要扣草、哪些需要分組在一起）
第二步：信息層次的展現(xiàn)是否有效？（用留白、顏色辰妙、圖形鹰祸、字體、材質(zhì)密浑、動效等界面元素來展現(xiàn)信息層次）
信息層次區(qū)分是否合理蛙婴？
用戶在首頁選擇了出發(fā)地和目的地后，進(jìn)入發(fā)單頁尔破，在這里可執(zhí)行的操作和需要展示的信息我們可以由重要到次要梳理如下（也許這就是我們做產(chǎn)品設(shè)計時街图，產(chǎn)品經(jīng)理給的需求）：
A.價格信息/B.叫車按鈕/C.切換用車時間/D.更改目的地出發(fā)地/E.更改用車類型
把梳理出來的信息層次和4.x版本的發(fā)單頁對比，我們發(fā)現(xiàn)懒构，4.x版本存在的問題是：
1.最吸引視線的是叫車按鈕餐济，但用戶最先需要看到的是價格信息
2.更改目的地出發(fā)地這個信息層級不太高的內(nèi)容和最重要的價格信息放在了一個層級上
3.切換用車時間和更改目的地出發(fā)地兩個層級的信息被無端融合在一起，容易引起困惑
而5.x版本則沒有這樣的問題胆剧，信息層次的區(qū)分和用戶需求是吻合的颤介。
信息層次的展現(xiàn)是否有效？
5.x版本更重要的升級在于信息層次的展現(xiàn)上
1.采用了深色填充叫車按鈕赞赖，既保證了清晰度滚朵，又不至于太搶眼
2.把價格信息組重新排版，弱化價格外的其他信息前域，適時的隱藏不必要的信息辕近，排除干擾
3.把出發(fā)地目的地在地圖上弱化展示，與價格信息完全區(qū)分開來
4.頂部車型更換采用了更“輕”的處理方式匿垄，被選中的車型文本僅變換顏色移宅，取消了表示選中狀態(tài)的“卡片”
即：5.x版本比4.x版本更好的做到了“該強(qiáng)化的強(qiáng)化，該弱化的弱化”椿疗，相信這一定經(jīng)歷了一番痛苦的討論漏峰，但用戶使用起來會覺得爽多了。
除“發(fā)單頁”外届榄，滴滴出行5.0版本的大多數(shù)頁面都對信息層級做了更好的區(qū)分浅乔，比如側(cè)導(dǎo)航加重了選項圖標(biāo)的顏色，與下方次要信息更好區(qū)分層次铝条；我的行程頁把行程信息做了更合理的區(qū)分和展示靖苇。這些"層次感"分明的頁面共同構(gòu)成了滴滴出行5.0優(yōu)秀的用戶體驗。
總結(jié)補(bǔ)充
在平面設(shè)計中班缰，通過對“對齊/對比/分組/重復(fù)”這樣的設(shè)計基礎(chǔ)原理層面的調(diào)整常常能使普通的設(shè)計作品大幅提高質(zhì)感贤壁。在互聯(lián)網(wǎng)產(chǎn)品設(shè)計中應(yīng)該也一樣，通過對“層次感”的梳理和展現(xiàn)埠忘，也能給產(chǎn)品用戶體驗帶來一次大的提升脾拆。
