本文分享國(guó)際化司機(jī)端首頁(yè)改版完整思考過(guò)程，化繁為簡(jiǎn)提升司機(jī)使用效率，提升產(chǎn)品用戶體驗(yàn)。

關(guān)于國(guó)際化司機(jī)端

隨著滴滴國(guó)際化業(yè)務(wù)腳步不斷加快，司機(jī)端始終是作為承載全球化業(yè)務(wù)運(yùn)力的基礎(chǔ)保障。

同時(shí)，在移動(dòng)通信技術(shù)高速發(fā)展的背景下，不同國(guó)家間的傳輸速度與硬件設(shè)備差距正在不斷縮小，用戶對(duì)應(yīng)用產(chǎn)品的期望由基礎(chǔ)的可接受、可使用、功能齊全，向更易用、簡(jiǎn)約、更為專注的產(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)。

現(xiàn)狀分析

2018 年 9 月我們與產(chǎn)品同學(xué)深入拉美當(dāng)?shù)貙?duì)司機(jī)側(cè)進(jìn)行為期 2 周的產(chǎn)品體驗(yàn)調(diào)研。雖然在當(dāng)?shù)氐臅r(shí)間較為短暫，但是我們依舊感受到了拉美國(guó)家的習(xí)俗文化和人文特點(diǎn)。

相比中國(guó)人的含蓄內(nèi)斂，巴西與墨西哥人顯然更加熱情隨和。

在巴西，這個(gè)世界上假期最多的國(guó)家，處處體現(xiàn)著人們對(duì)生活的享受才是自始至終的追求。無(wú)論是世界杯一個(gè)月狂歡長(zhǎng)假，還是周末下午兩點(diǎn)開(kāi)門(mén)的商區(qū)，總會(huì)讓人羨慕的同時(shí)刷新你對(duì)享受生活的認(rèn)知。

而娛樂(lè)至上的墨西哥人，熱情友好，能歌善舞，我們常說(shuō)的放飛自我在這里幾乎成為墨西哥人每天的生活常態(tài)。他們喜歡享受當(dāng)下，后天下之憂而憂。他們覺(jué)得工作賺錢(qián)就是為了更好的休息，大多數(shù)人每天都是開(kāi)朗樂(lè)觀的處世態(tài)度。

同樣，落后的基礎(chǔ)建設(shè)、糟糕的交通狀況、教育水平低下、價(jià)格昂貴的電子產(chǎn)品以及相對(duì)不太穩(wěn)定的社會(huì)環(huán)境，也是它們共同存在的問(wèn)題。

在當(dāng)?shù)?，我們通過(guò)實(shí)地調(diào)研與用戶訪談等方式，針對(duì)產(chǎn)品體驗(yàn)的問(wèn)題與司機(jī)進(jìn)行面對(duì)面溝通。收集了很多寶貴的用研資料與司機(jī)訴求，如司機(jī)希望平臺(tái)為他們推薦訂單引導(dǎo)，司機(jī)希望獲得更多的實(shí)時(shí)動(dòng)態(tài)訊息和司機(jī)每天都可以查看自己的收入狀況等，集中體現(xiàn)在效率、感知、體驗(yàn)這三大方面。

其次，伴隨著業(yè)務(wù)的不斷增長(zhǎng)，越來(lái)越多的功能使得我們的產(chǎn)品變的更加復(fù)雜，舊版的框架布局早已是不堪重負(fù)，無(wú)論是現(xiàn)存的體驗(yàn)優(yōu)化問(wèn)題，還是未來(lái)業(yè)務(wù)功能的拓展問(wèn)題，舊的框架體系都是難以為繼，無(wú)法再通過(guò)簡(jiǎn)單的修補(bǔ)來(lái)滿足用戶和業(yè)務(wù)未來(lái)的訴求。

明確改版及對(duì)應(yīng)目標(biāo)

改版升級(jí)對(duì)產(chǎn)品本身來(lái)說(shuō)是一件非常重要的事情，需要對(duì)多方因素進(jìn)行慎重考慮。經(jīng)過(guò)多次的溝通討論，權(quán)衡改版對(duì)產(chǎn)品可能產(chǎn)生的利弊關(guān)系，采用小步快跑，快速試錯(cuò)，分階段分模塊的方式進(jìn)行。

首頁(yè)既作為承載核心功能（發(fā)車）的載體又是其他重要板塊的分發(fā)的入口，在內(nèi)容呈現(xiàn)與用戶感知上都存在很大的體驗(yàn)提升空間；我們通過(guò)拆解業(yè)務(wù)中長(zhǎng)遠(yuǎn)需求規(guī)劃得知，大多數(shù)重點(diǎn)需求依賴于首頁(yè)框架布局，而現(xiàn)存首頁(yè)框架無(wú)法滿足業(yè)務(wù)訴求；在競(jìng)品的改版中首頁(yè)的變化最大，并在司機(jī)群體中取得比較正向的反饋；通過(guò)上述分析，決定率先對(duì)首頁(yè)進(jìn)行優(yōu)化改造。

首先我們與產(chǎn)品、運(yùn)營(yíng)側(cè)進(jìn)行深入討論，結(jié)合用戶訪談?wù)淼挠脩粼V求，對(duì)此次首頁(yè)改版的目標(biāo)達(dá)成一致。

聚焦核心訴求 提升首頁(yè)體驗(yàn)

1. 首頁(yè)框架具備較強(qiáng)的業(yè)務(wù)拓展與靈活配置特性

在舊版的框架體系中，大量信息在首頁(yè)呈現(xiàn)，功能層級(jí)復(fù)雜，重點(diǎn)功能難以突破和查找，關(guān)聯(lián)較弱的信息架構(gòu)嚴(yán)重影響和分散了司機(jī)的關(guān)注點(diǎn)。隨著業(yè)務(wù)模式不斷擴(kuò)展，首頁(yè)新需求類型逐漸增多，一套更加具備靈活的拓展能力和管理能力的首頁(yè)框架尤為重要。

首先我們將舊版的首頁(yè)布局打破重建，對(duì)現(xiàn)有模塊進(jìn)行整理。功能相似、定義模糊、司機(jī)操作相對(duì)低頻的模塊進(jìn)行合并、刪減。

對(duì)司機(jī)高頻操作模板進(jìn)行場(chǎng)景劃分，將相關(guān)信息進(jìn)行聚合處理，通過(guò)對(duì)入口的強(qiáng)化，來(lái)明確司機(jī)對(duì)不同模塊的認(rèn)知。

出車管理

將與出車相關(guān)信息進(jìn)行組織聚合，結(jié)合司機(jī)不同的使用場(chǎng)景，將功能與模塊進(jìn)行結(jié)合，加強(qiáng)認(rèn)知，減少司機(jī)多余的思考與判斷，快速響應(yīng)，提升工作效率，同樣也為業(yè)務(wù)在有關(guān)出車功能方面提供靈活可拓展的組件框架。

收入管理

通過(guò)顯示司機(jī)最關(guān)注的今日收入信息，為司機(jī)提供方便快捷的查看功能，使司機(jī)更專注于工作本身。同時(shí)對(duì)收入管理入口起到了強(qiáng)化認(rèn)知作用。

信息管理

對(duì)關(guān)于個(gè)人相關(guān)的信息通知及功能操作進(jìn)行聚合，方便司機(jī)對(duì)個(gè)人信息進(jìn)行快速查看，提高查看效率。

通過(guò)對(duì)框架模塊的標(biāo)準(zhǔn)化定義，后續(xù)的業(yè)務(wù)需求便可以進(jìn)行歸類管理，根據(jù)不同需求的不同屬性，結(jié)合功能使用場(chǎng)景，選擇合適的模塊進(jìn)行展示，提高司機(jī)使用效率同時(shí)增加首頁(yè)的業(yè)務(wù)框架擴(kuò)展能力。

2. 精簡(jiǎn)信息呈現(xiàn) 明確核心操作

通過(guò)對(duì)框架的重構(gòu)，有效的解決了首頁(yè)信息承載壓力過(guò)大，功能層級(jí)復(fù)雜的問(wèn)題，同時(shí)地圖的面積相比舊版首頁(yè)也大幅增加，信息呈現(xiàn)更加簡(jiǎn)潔、輕量。

出車操作作為首頁(yè)的核心功能，通過(guò)調(diào)研得知，司機(jī)普遍反映在舊版首頁(yè)中存在出車操作感知弱、收出車狀態(tài)區(qū)分不明顯的問(wèn)題，對(duì)司機(jī)的操作體驗(yàn)和感知體驗(yàn)造成了比較大困惑。

在首頁(yè)改版過(guò)程中我們著重對(duì)出車操作進(jìn)行了設(shè)計(jì)分析，基于對(duì)業(yè)務(wù)的了解和競(jìng)品的分析，得出以下三個(gè)結(jié)論：

• 強(qiáng)化發(fā)車按鈕。突出核心功能，鼓勵(lì)司機(jī)更多更主動(dòng)的發(fā)車。
• 強(qiáng)化接單中的狀態(tài)。增強(qiáng)司機(jī)對(duì)接單狀態(tài)的感知度，減少司機(jī)對(duì)于所處狀態(tài)的困惑。
• 弱化收車按鈕。對(duì)司機(jī)收車按鈕進(jìn)行收納，減少司機(jī)的誤操作的行為。

通過(guò)「兩強(qiáng)一弱」，減少司機(jī)困惑提升發(fā)單效率的同時(shí)，間接的延長(zhǎng)司機(jī)的在線時(shí)長(zhǎng)。

完成頁(yè)面設(shè)計(jì)后我們發(fā)現(xiàn)，操作按鈕通過(guò)靜態(tài)視覺(jué)角度去表達(dá)收出車空間位置關(guān)系是十分困難的，僅通過(guò) Toast 提示會(huì)造成用戶理解的斷層，于是提出使用動(dòng)效去進(jìn)行「搭線」串聯(lián)，搭線發(fā)車前按鈕的點(diǎn)擊和收納后的位置提醒進(jìn)行視覺(jué)體驗(yàn)上的串聯(lián)，從而達(dá)成感知增強(qiáng)，解決視覺(jué)體驗(yàn)層面不容易解決的問(wèn)題。

3. 增強(qiáng)獎(jiǎng)勵(lì)信息首頁(yè)曝光度及展示樣式 縮短查看獎(jiǎng)勵(lì)路徑

豐富的訂單獎(jiǎng)勵(lì)活動(dòng)是我們與競(jìng)品相比重要的競(jìng)爭(zhēng)優(yōu)勢(shì)，司機(jī)在完成定量訂單的同時(shí)提供了更多的額外收入。查看每日獎(jiǎng)勵(lì)活動(dòng)，已成大多數(shù)司機(jī)每日上線必做的事情。

與舊版相比，在新版首頁(yè)中通過(guò)提升獎(jiǎng)勵(lì)入口層級(jí)，縮短了查看獎(jiǎng)勵(lì)活動(dòng)操作路徑，從而方便司機(jī)快速查看。

通過(guò)首頁(yè)透?jìng)鞯莫?jiǎng)勵(lì)卡片，司機(jī)在首頁(yè)即可獲取到推送的獎(jiǎng)勵(lì)相關(guān)信息，及時(shí)獲取到獎(jiǎng)勵(lì)預(yù)告和進(jìn)度，提升了司機(jī)工作效率的同時(shí)加強(qiáng)了司機(jī)對(duì)獎(jiǎng)勵(lì)活動(dòng)的感知。

4. 設(shè)計(jì)語(yǔ)言升級(jí)

在經(jīng)歷了快速奔跑的粗放階段，我們也在思考司機(jī)端產(chǎn)品究竟以怎樣的品牌氣質(zhì)傳遞給海外的司機(jī)群體。

在當(dāng)?shù)兀覀冊(cè)谒緳C(jī)心目中更像是合作伙伴，憑借真誠(chéng)互利的態(tài)度贏得了當(dāng)?shù)厮緳C(jī)的用戶。

真誠(chéng)、熱情與融合我想這就是我們想要傳達(dá)的核心品牌情感，而克制、可依賴將作為產(chǎn)品體驗(yàn)的設(shè)計(jì)原則貫穿始終。

顏色系統(tǒng)

司機(jī)端顏色系統(tǒng)在基于現(xiàn)有品牌色基礎(chǔ)上，結(jié)合不同國(guó)家顏色文化的理解，新增加符合本地化的輔助色系，以提升產(chǎn)品的親和力，傳遞品牌情感。

文字系統(tǒng)

針對(duì)司機(jī)用戶的操作使用場(chǎng)景，對(duì)文字字號(hào)梯度進(jìn)行提升，通過(guò)文字粗細(xì)、顏色、大小加強(qiáng)信息對(duì)比度，使司機(jī)在更多復(fù)雜場(chǎng)景下可快速獲取重要信息，提升閱讀體驗(yàn)。

在此次改版中新引入 Barlow 與 DIN Alternate 字族作為模式數(shù)字展示字體，兩款字體分別為 Android 及 iOS 系統(tǒng)下默認(rèn)包含字體，相比 Roboto 與 SF Pro text 兩款字族，在數(shù)字展示上更為明確、識(shí)別性更強(qiáng)，同時(shí)因?yàn)樽陨怼咐w瘦」的特性，在屏幕橫向面積上節(jié)省更多空間。

結(jié)語(yǔ)

業(yè)務(wù)在不同的階段有不同的側(cè)重方向及打法，設(shè)計(jì)側(cè)根據(jù)業(yè)務(wù)所處階段應(yīng)及時(shí)的調(diào)整自身的目標(biāo)定位，快速響應(yīng)，積極探索設(shè)計(jì)的機(jī)會(huì)和突破點(diǎn)，在不同的階段發(fā)揮自身價(jià)值，助力業(yè)務(wù)達(dá)成共同目標(biāo)，為用戶創(chuàng)造更便捷的產(chǎn)品使用體驗(yàn)。

首頁(yè)改版從立項(xiàng)到設(shè)計(jì)再到研發(fā)，多部門(mén)同學(xué)緊密配合，在有限的時(shí)間內(nèi)最大化的完成預(yù)期上線效果。

全量上線后，通過(guò)問(wèn)卷對(duì)首頁(yè)改版進(jìn)行滿意度收集，司機(jī)對(duì)新版首頁(yè)的滿意度平均值高達(dá) 93%。取得的成績(jī)離不開(kāi)每一位參與改版的同學(xué)支持，也得益于國(guó)際化團(tuán)隊(duì)自始至終對(duì)產(chǎn)品體驗(yàn)的重視與認(rèn)同。

作為司機(jī)端體驗(yàn)升級(jí)的第一步，首頁(yè)改版只是一個(gè)開(kāi)始，希望通過(guò)不斷的打磨優(yōu)化，秉持初心，為全球司機(jī)提供更克制、可依賴的出行平臺(tái)。

文章來(lái)源：優(yōu)設(shè)