2020-1-3 資深UI設(shè)計(jì)者
本文分享國際化司機(jī)端首頁改版完整思考過程，化繁為簡提升司機(jī)使用效率，提升產(chǎn)品用戶體驗(yàn)。
隨著滴滴國際化業(yè)務(wù)腳步不斷加快，司機(jī)端始終是作為承載全球化業(yè)務(wù)運(yùn)力的基礎(chǔ)保障。
同時(shí)，在移動通信技術(shù)高速發(fā)展的背景下，不同國家間的傳輸速度與硬件設(shè)備差距正在不斷縮小，用戶對應(yīng)用產(chǎn)品的期望由基礎(chǔ)的可接受、可使用、功能齊全，向更易用、簡約、更為專注的產(chǎn)品使用體驗(yàn)上轉(zhuǎn)變。
在新階段下，「為全球司機(jī)用戶提供一個(gè)「克制」「可依賴」的產(chǎn)品使用體驗(yàn)」、「為業(yè)務(wù)拓展提供有力的體驗(yàn)支撐」是體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)在新的階段下提出的目標(biāo)。
2018 年 9 月我們與產(chǎn)品同學(xué)深入拉美當(dāng)?shù)貙λ緳C(jī)側(cè)進(jìn)行為期 2 周的產(chǎn)品體驗(yàn)調(diào)研。雖然在當(dāng)?shù)氐臅r(shí)間較為短暫，但是我們依舊感受到了拉美國家的習(xí)俗文化和人文特點(diǎn)。
相比中國人的含蓄內(nèi)斂，巴西與墨西哥人顯然更加熱情隨和。
在巴西，這個(gè)世界上假期最多的國家，處處體現(xiàn)著人們對生活的享受才是自始至終的追求。無論是世界杯一個(gè)月狂歡長假，還是周末下午兩點(diǎn)開門的商區(qū)，總會讓人羨慕的同時(shí)刷新你對享受生活的認(rèn)知。
而娛樂至上的墨西哥人，熱情友好，能歌善舞，我們常說的放飛自我在這里幾乎成為墨西哥人每天的生活常態(tài)。他們喜歡享受當(dāng)下，后天下之憂而憂。他們覺得工作賺錢就是為了更好的休息，大多數(shù)人每天都是開朗樂觀的處世態(tài)度。
同樣，落后的基礎(chǔ)建設(shè)、糟糕的交通狀況、教育水平低下、價(jià)格昂貴的電子產(chǎn)品以及相對不太穩(wěn)定的社會環(huán)境，也是它們共同存在的問題。
在當(dāng)?shù)兀覀兺ㄟ^實(shí)地調(diào)研與用戶訪談等方式，針對產(chǎn)品體驗(yàn)的問題與司機(jī)進(jìn)行面對面溝通。收集了很多寶貴的用研資料與司機(jī)訴求，如司機(jī)希望平臺為他們推薦訂單引導(dǎo)，司機(jī)希望獲得更多的實(shí)時(shí)動態(tài)訊息和司機(jī)每天都可以查看自己的收入狀況等，集中體現(xiàn)在效率、感知、體驗(yàn)這三大方面。
其次，伴隨著業(yè)務(wù)的不斷增長，越來越多的功能使得我們的產(chǎn)品變的更加復(fù)雜，舊版的框架布局早已是不堪重負(fù)，無論是現(xiàn)存的體驗(yàn)優(yōu)化問題，還是未來業(yè)務(wù)功能的拓展問題，舊的框架體系都是難以為繼，無法再通過簡單的修補(bǔ)來滿足用戶和業(yè)務(wù)未來的訴求。
改版升級對產(chǎn)品本身來說是一件非常重要的事情，需要對多方因素進(jìn)行慎重考慮。經(jīng)過多次的溝通討論，權(quán)衡改版對產(chǎn)品可能產(chǎn)生的利弊關(guān)系，采用小步快跑，快速試錯(cuò)，分階段分模塊的方式進(jìn)行。
首頁既作為承載核心功能（發(fā)車）的載體又是其他重要板塊的分發(fā)的入口，在內(nèi)容呈現(xiàn)與用戶感知上都存在很大的體驗(yàn)提升空間；我們通過拆解業(yè)務(wù)中長遠(yuǎn)需求規(guī)劃得知，大多數(shù)重點(diǎn)需求依賴于首頁框架布局，而現(xiàn)存首頁框架無法滿足業(yè)務(wù)訴求；在競品的改版中首頁的變化最大，并在司機(jī)群體中取得比較正向的反饋；通過上述分析，決定率先對首頁進(jìn)行優(yōu)化改造。
首先我們與產(chǎn)品、運(yùn)營側(cè)進(jìn)行深入討論，結(jié)合用戶訪談?wù)淼挠脩粼V求，對此次首頁改版的目標(biāo)達(dá)成一致。
在舊版的框架體系中，大量信息在首頁呈現(xiàn)，功能層級復(fù)雜，重點(diǎn)功能難以突破和查找，關(guān)聯(lián)較弱的信息架構(gòu)嚴(yán)重影響和分散了司機(jī)的關(guān)注點(diǎn)。隨著業(yè)務(wù)模式不斷擴(kuò)展，首頁新需求類型逐漸增多，一套更加具備靈活的拓展能力和管理能力的首頁框架尤為重要。
首先我們將舊版的首頁布局打破重建，對現(xiàn)有模塊進(jìn)行整理。功能相似、定義模糊、司機(jī)操作相對低頻的模塊進(jìn)行合并、刪減。
對司機(jī)高頻操作模板進(jìn)行場景劃分，將相關(guān)信息進(jìn)行聚合處理，通過對入口的強(qiáng)化，來明確司機(jī)對不同模塊的認(rèn)知。
出車管理
將與出車相關(guān)信息進(jìn)行組織聚合，結(jié)合司機(jī)不同的使用場景，將功能與模塊進(jìn)行結(jié)合，加強(qiáng)認(rèn)知，減少司機(jī)多余的思考與判斷，快速響應(yīng)，提升工作效率，同樣也為業(yè)務(wù)在有關(guān)出車功能方面提供靈活可拓展的組件框架。
收入管理
通過顯示司機(jī)最關(guān)注的今日收入信息，為司機(jī)提供方便快捷的查看功能，使司機(jī)更專注于工作本身。同時(shí)對收入管理入口起到了強(qiáng)化認(rèn)知作用。
信息管理
對關(guān)于個(gè)人相關(guān)的信息通知及功能操作進(jìn)行聚合，方便司機(jī)對個(gè)人信息進(jìn)行快速查看，提高查看效率。
通過對框架模塊的標(biāo)準(zhǔn)化定義，后續(xù)的業(yè)務(wù)需求便可以進(jìn)行歸類管理，根據(jù)不同需求的不同屬性，結(jié)合功能使用場景，選擇合適的模塊進(jìn)行展示，提高司機(jī)使用效率同時(shí)增加首頁的業(yè)務(wù)框架擴(kuò)展能力。
通過對框架的重構(gòu)，有效的解決了首頁信息承載壓力過大，功能層級復(fù)雜的問題，同時(shí)地圖的面積相比舊版首頁也大幅增加，信息呈現(xiàn)更加簡潔、輕量。
出車操作作為首頁的核心功能，通過調(diào)研得知，司機(jī)普遍反映在舊版首頁中存在出車操作感知弱、收出車狀態(tài)區(qū)分不明顯的問題，對司機(jī)的操作體驗(yàn)和感知體驗(yàn)造成了比較大困惑。
在首頁改版過程中我們著重對出車操作進(jìn)行了設(shè)計(jì)分析，基于對業(yè)務(wù)的了解和競品的分析，得出以下三個(gè)結(jié)論：
通過「兩強(qiáng)一弱」，減少司機(jī)困惑提升發(fā)單效率的同時(shí)，間接的延長司機(jī)的在線時(shí)長。
完成頁面設(shè)計(jì)后我們發(fā)現(xiàn)，操作按鈕通過靜態(tài)視覺角度去表達(dá)收出車空間位置關(guān)系是十分困難的，僅通過 Toast 提示會造成用戶理解的斷層，于是提出使用動效去進(jìn)行「搭線」串聯(lián)，搭線發(fā)車前按鈕的點(diǎn)擊和收納后的位置提醒進(jìn)行視覺體驗(yàn)上的串聯(lián)，從而達(dá)成感知增強(qiáng)，解決視覺體驗(yàn)層面不容易解決的問題。
豐富的訂單獎勵活動是我們與競品相比重要的競爭優(yōu)勢，司機(jī)在完成定量訂單的同時(shí)提供了更多的額外收入。查看每日獎勵活動，已成大多數(shù)司機(jī)每日上線必做的事情。
與舊版相比，在新版首頁中通過提升獎勵入口層級，縮短了查看獎勵活動操作路徑，從而方便司機(jī)快速查看。
通過首頁透傳的獎勵卡片，司機(jī)在首頁即可獲取到推送的獎勵相關(guān)信息，及時(shí)獲取到獎勵預(yù)告和進(jìn)度，提升了司機(jī)工作效率的同時(shí)加強(qiáng)了司機(jī)對獎勵活動的感知。
在經(jīng)歷了快速奔跑的粗放階段，我們也在思考司機(jī)端產(chǎn)品究竟以怎樣的品牌氣質(zhì)傳遞給海外的司機(jī)群體。
在當(dāng)?shù)?，我們在司機(jī)心目中更像是合作伙伴，憑借真誠互利的態(tài)度贏得了當(dāng)?shù)厮緳C(jī)的用戶。
真誠、熱情與融合我想這就是我們想要傳達(dá)的核心品牌情感，而克制、可依賴將作為產(chǎn)品體驗(yàn)的設(shè)計(jì)原則貫穿始終。
顏色系統(tǒng)
司機(jī)端顏色系統(tǒng)在基于現(xiàn)有品牌色基礎(chǔ)上，結(jié)合不同國家顏色文化的理解，新增加符合本地化的輔助色系，以提升產(chǎn)品的親和力，傳遞品牌情感。
文字系統(tǒng)
針對司機(jī)用戶的操作使用場景，對文字字號梯度進(jìn)行提升，通過文字粗細(xì)、顏色、大小加強(qiáng)信息對比度，使司機(jī)在更多復(fù)雜場景下可快速獲取重要信息，提升閱讀體驗(yàn)。
在此次改版中新引入 Barlow 與 DIN Alternate 字族作為模式數(shù)字展示字體，兩款字體分別為 Android 及 iOS 系統(tǒng)下默認(rèn)包含字體，相比 Roboto 與 SF Pro text 兩款字族，在數(shù)字展示上更為明確、識別性更強(qiáng)，同時(shí)因?yàn)樽陨怼咐w瘦」的特性，在屏幕橫向面積上節(jié)省更多空間。
業(yè)務(wù)在不同的階段有不同的側(cè)重方向及打法，設(shè)計(jì)側(cè)根據(jù)業(yè)務(wù)所處階段應(yīng)及時(shí)的調(diào)整自身的目標(biāo)定位，快速響應(yīng)，積極探索設(shè)計(jì)的機(jī)會和突破點(diǎn)，在不同的階段發(fā)揮自身價(jià)值，助力業(yè)務(wù)達(dá)成共同目標(biāo)，為用戶創(chuàng)造更便捷的產(chǎn)品使用體驗(yàn)。
首頁改版從立項(xiàng)到設(shè)計(jì)再到研發(fā)，多部門同學(xué)緊密配合，在有限的時(shí)間內(nèi)最大化的完成預(yù)期上線效果。
全量上線后，通過問卷對首頁改版進(jìn)行滿意度收集，司機(jī)對新版首頁的滿意度平均值高達(dá) 93%。取得的成績離不開每一位參與改版的同學(xué)支持，也得益于國際化團(tuán)隊(duì)自始至終對產(chǎn)品體驗(yàn)的重視與認(rèn)同。
作為司機(jī)端體驗(yàn)升級的第一步，首頁改版只是一個(gè)開始，希望通過不斷的打磨優(yōu)化，秉持初心，為全球司機(jī)提供更克制、可依賴的出行平臺。
文章來源：優(yōu)設(shè)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com