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.88yangsc.com