幾何

背景

國際化業務在拉美地區高速發展,離不開每一位滴滴司機的辛勤付出。而司機端作為運力的承載,賦能創收的基礎保障,是我們與司機群體關系緊密無間的紐帶。錢包作為司機收入的容器,是司機最為關心的問題。

在業務探索期,錢包滿足了業務方和司機群體的基本訴求,2019年隨著開通區域的增加,更需要的是精細化運營和差異化的定位從而占領用戶心智,并且通過擴大市場規模,讓產品發展的更好,在這樣的背景之下,如何通過一套“克制”“可依賴”的設計語言去同時適配多個國家,這要求作為體驗設計師的我們,膽大心細,一切從實際出發。

 

挑戰與機遇

拉美司機群體所處的環境非常特殊,與國內司機群體有很大的差異。如果照搬國內司機錢包的經驗和設計,只會造成水土不服。我們需要對用戶的差異性進行判斷,為后續尋找增長的爆破點打下基礎。

通過對當地用戶的多輪調研,我們得到了用戶畫像,并對特征進行了沉淀,得知司機群體多為男性,他們是家庭收入的主要來源。會同時使用競品和滴滴進行接單服務。絕大部分的司機接單時長在8-12小時,平均車輛擁有數是1輛,使用安卓系統手機作為接單手機。

 

探索錢包定位和改進方向

明確了挑戰和機會后,我們對錢包的定位也有了更加清晰的認知。錢包作為司機日常收支模塊,與司機日常的工作息息相關。對于司機群體來說,錢包是賬單核對工具,是收入的容器,也是獎勵/活動創收的來源。對于滴滴來說,錢包是運營增長的聚合入口,是推行本地化政策的發力點,通過錢包拉進與司機的距離,最終形成雙贏的局面。

 

新版錢包方案

完成了對用戶的調研和分析,我們得到了錢包價值和定位,根據結論我們有步驟的進行了改版,改版首先從架構的調整開始,直至細節。

1.框架重構

我們從調整錢包架構開始,優化功能布局,增加查詢的維度,從司機最關心的“收入”入手。

老版本的司機端像是一個常規的APP,而錢包則像一個為了存放收入的模塊,沒有基于司機的需要進行很好的優化。司機對于錢包的易用性和金額追溯性訴求其實是非常強烈的。在新版本的司機端,司機首頁透傳了今日的收入,便于司機查看。點擊今日收入進入錢包首頁,我們將錢包首頁根據司機使用的頻率和最關心的內容進行了分層,將高頻的操作放在了頂部,將聚合的入口放在了底部,提高司機的操作效率。

調整架構后的司機錢包支持多維度的查詢,司機既可以通過今日收入前往每日收入頁面,查看當天的所有明細情況。也可以通過下方的柱狀圖來了解每周的數據情況,大到每一周小到每天的收入都一目了然,同時以周維度展示也符合司機的使用習慣(本地化后和銀行合作的借記卡可以做到每周自動提現)周收入和借記卡則做到了很好的聯動。

以上的兩種方式基于收入的視角去查詢,我們同時也支持司機以“訂單列表”這個維度去查詢。不同的篩選維度下透傳的關鍵字段將會不同:在收入模式下的查詢,關鍵信息是錢+類型;在訂單列表下,乘客的信息,出發地/目的地將是司機參考的維度。三種查詢訂單方式的出現,多維度司機的篩選場景,不管從哪個入口進入,最終會落在同一個詳情頁頁面。詳情頁則會根據入口不同,依靠組件堆疊的方式前置司機關心的首要信息,從一而終符合司機多維度查詢的訴求,提高司機的信任度和查看效率。

 

2.組件化-通用設計理論

國際化業務迅猛發展,橫向業務線的增加以及未來針對越來越多城市的空投,對于設計的人效和設計質量來說是個不小的挑戰。如何在不增加人力的基礎上,通過組件化設計語言來對業務進行強有力的支撐和快速響應是業務發展中設計側避免不了的問題。

錢包作為對賬工具,信息字段種類繁多,自然也是上述問題的重災區?;谟脩舻膱鼍皝砜?,司機無論是日常核對賬單,檢查流水,還是通過訂單查詢,都存在大量的字段的復用。組件化的存在則很好的規避了不同設計師對業務理解不同造成產出設計側差異的問題,也為開發在代碼層面的復用帶來了便利。

組件后的錢包頁面,在信息羅列方面遵循著統一規則。在這個規則之下,舊有的信息會按照規律組合在一起,而新追加的字段則會根據規則進行有序的追加,從而在不同模塊下,相同字段內容中處于設計語言上的統一,從而達到組件化的目的。在賬單頁面存在解耦/非解耦,置頂,折疊信息等情況出現,根據業務的訴求不同,我們將組件靈活的堆疊,既保證了設計側的語言統一,也滿足了業務側的訴求。

 

3. 獎勵體系優化

如果說錢包是與收入關系最為緊密的功能模塊,那獎勵一定是這個功能模塊中司機最關注的功能點之一。獎勵列表作為司機收入提高的助推器,既可以提高司機的在線收入,增加司機活躍度,為我們的運力保駕護航,也是將搖擺司機拉回己方陣營的重要抓手。

 

A.強化鏈路感知,增加獎勵信息透傳

老版本的獎勵處于錢包模塊下,司機查看獎勵活動需要通過前往錢包模塊,再進入獎勵列表,操作路徑較長。除了首頁的消息提醒,彈窗通知以外,缺少與錢包進行很好聯動的能力。司機在工作中絕大多數時間處于主流程上,對于其他模塊信息感知弱,模塊與模塊之間割裂的設計影響了司機對重要信息的感知,降低了司機的觸達效率。在新版本的滴滴錢包中,存在多條數據鏈路:

  • 1.收入信息透傳
  • 2.獎勵詳情鏈路信息透傳

在架構調整的位置我們已經提到了今日收入這條鏈路的透傳,這里我來說說獎勵的鏈路。

活動和獎勵是我們提高司機活躍,為司機創收,將搖擺司機拉回己方陣營的重要手段,也是乘客與司機,司機與司機線下之間宣傳我們的重要抓手。

讓我們圍繞司機接單場景去思考,司機在持續接單的情況下,最關注的不一定是下一個即將開始的時間和活動類型,而是當前獎勵進度的提醒。針對這種情況,我們增加了對獎勵進度的透傳,司機每完成一單都能夠清晰知道當前活動所處的進度以及下一階段的要求,并且對于完成的獎勵也會進行提醒,方便司機對于活動的掌控,從而省去了前往詳情頁的步驟。

新版本的獎勵將會基于司機的使用場景去設計,在首頁下司機不再需要通過進入錢包模塊再進入列表,通過點擊活動icon能直接進入獎勵列表,直接瀏覽今日活動。獎勵列表頁經過重新設計,采用了更加直觀的可視化表達方式,方便司機在接單過程中快速理解和識別。司機每完成一單,在播單的時候都會進行進度的透傳,獎勵的提醒,方便司機查看。

對于希望了解活動詳情的司機和希望對今日活動進行對比篩選的司機我們分別設置了不同的入口。通過banner,司機能夠查看對應獎勵的詳情,而通過點擊獎勵icon司機則可以進入今日的獎勵列表,方便司機對照。

 

B.獎勵列表活動狀態分類,數據可視化加強

我們觀察了司機的工作場景和與手機交互的過程。在司機接單過程中,司機通常是將手機放置在手機支架上,眼睛距離屏幕20-30公分左右的距離,司機在開車過程中很難對細小的文字進行快速識別。而老版本的獎勵信息冗余,沒有對關鍵信息進行提核,缺少視覺焦點,于是我們對詳情頁和列表進行了降噪處理。

獎勵列表頁面:

司機的使用場景大致可以分為以下三段:

  • 1.對于過去已完成的獎勵活動的結果去查詢
  • 2.對于可執行的活動進行篩選,選出對自己最為有利的活動
  • 3.對于未來的活動進行規劃

 

針對這三種場景我們將獎勵分成了三個模塊,“過去”、“今日”、“未來”。

在“過去”的活動場景多半是第二天發車之前(獎勵下發是在第二天的0點),因此透傳的重要信息是得到獎勵的狀態和最終得到獎勵的數量。

在“今日”活動中,司機的場景更多是接單前/中去查詢,司機更多的訴求是查看哪些活動是自己要去做的,是否有圍欄限制,分別是在哪個時間段,每個階段要達到什么條件,最終自己完成在哪個階段,以及如何將自己的獎勵最大化。

在“未來”的分欄下,司機更多的是關注的是獎勵的地點時間和什么獎勵。

我們改變了獎勵卡片的結構。通過字號,字重,大小,顏色,圖形,間距讓它的可讀性更強。我們將活動卡片左邊單獨留出一列專門放置時間,方便司機快速匹配自己的工作時間。右上角通過圖形去區分不同的活動,方便司機快速篩選??梢暬顒舆M度,通過放大關鍵核心數字對頁面進行降噪處理,條件文案搭配進度條展示,讓司機在接單場景中快速了解自己所處當前的活動進度,是這次改版的P0訴求。通過對視覺的優化,調整原有的視覺路徑,為司機獲取關鍵信息提效。

 

C.結構模塊化,強化司機認知

說完了獎勵列表的設計,我們再來說說詳情頁。獎勵列表為了滿足用戶的快速查詢和篩選,詳情頁則是完整活動信息的承載,將信息歸納整理,逐級透傳,引導用戶,達成業務目標是設計解決問題的基礎能力。我們將詳情頁拆分成5個模塊,基礎獎勵信息模塊,指標區域,進度詳情,活動規則,活動QA。

通過頭部模塊->讓司機快速了解活動信息,指標透傳 -> 告訴司機獎勵達成進度以外,獎勵參考硬性指標,進度詳情 -> 方便司機快速掌握所處進度 -> 其他非重要信息補充 -> QA,規則答疑。

通過這4個模塊,司機逐級加深認知。當活動結束以后,結論卡片會直接展現在活動信息處,保證結論在第一屏展

聊完了錢包架構的調整,組件的復用和數據的透傳優化,我們將設計體驗的顆粒度進行細化,聊聊改進的細節。

 

4.設計樣式優化

A.沉浸式設計,弱化非必要層級

舊版的導航采用了大色塊進行分割,造成導航視覺層級突出,但是導航卻沒有承載有效內容。在新版的錢包當中,我們通過弱化導航層級,幫助司機更好的聚焦核心內容,從而提升用戶的使用效率。

 
B.優化界面布局,巧用視覺動線

錢包模塊中,存在大量金額數字和相關注釋。人們在閱讀成片的文字內容區域時,視覺動線呈現“F”型,而西文采用居中對齊的情況下會出現多次折行的效果,且每行長短不一,折行瀏覽缺少對齊預期,導致司機閱讀效率的降低。居左對齊的方式更加符合司機的閱讀節奏。

 

C.優化字體梯度
舊版本的錢包字體梯度差距不夠凸顯,相鄰梯度間隔單位為2pt,在一個頁面中,2級標題與正文內容即使采用間隔梯度,很難第一時間突出標題的重心。新版本的錢包為了提高不同重要層級文案的可讀性,將字體梯度擴大1倍,變成4pt為基礎單位,同時拉開字重提高閱讀的可讀性。而對于核心數據的展示則采用特殊規則,加大加粗的同時采用了一個新的字體負責數字的展示,方便用戶快速瀏覽識別。
除了以上的改進我們還通過增加一些差異化的設計以及微交互,方便司機的日常使用:

  • 1.支付差異化設計
  • 2.微交互

 

總結與思考

錢包作為司機使用的一個高頻功能,在這個項目中伴隨著諸多其他側業務的訴求,我深刻的認識到了好的設計必須深入業務,只有將業務場景摸清楚了,將用戶的習慣了解透徹,才能更好的去解決問題。

對于自我認知,設計更像是一場修行,知易行難。作為體驗設計師,不要紙上談兵,只在乎視覺層面的感知。應該走進司機這一群體,深入了解司機的生活習慣,了解司機使用場景。從用戶和業務的角度去研究司機群體。只有站在更加全面的角度去思考問題,才能更好地服務司機群體。

未來已來,將至已至。讓我們以更好的產品服務更多的用戶,以嶄新的姿態去迎接滴滴國際化的星辰大海。

 

原文地址:CDX創意設計中心(公眾號)

作者:國際化體驗設計組

 

轉載請注明:學UI網 » 國際化司機端錢包改版探索之旅

登錄收藏
 
你可能喜歡的:
帶有運營思維的設計師是怎么做設計的?帶有運營思維的設計師是怎么做設計的?
設計驅動商業 | PUPU讀書改版設計驅動商業 | PUPU讀書改版
用設計化解用戶的負面情緒(下)用設計化解用戶的負面情緒(下)
設計沉思錄|資訊產品設計之道設計沉思錄|資訊產品設計之道
語音用戶界面設計 - 對話式體驗設計原則語音用戶界面設計 – 對話式體驗設計原則
一張給英雄們的情書.JPG一張給英雄們的情書.JPG
滴滴國際化司機端-首頁改版總結滴滴國際化司機端-首頁改版總結
用設計化解用戶的負面情緒(上)用設計化解用戶的負面情緒(上)
滴滴網約車安全設計語言探索滴滴網約車安全設計語言探索
產品功能中的稀缺性&連續包月的商業正反面 | 從心理層面打造產品功能產品功能中的稀缺性&連續包月的商業正反面 | 從心理層面打造產品功能
?
天津十一选五app