大廠案例!順豐路由圖標情感化設計

大廠案例!順豐路由圖標情感化設計

客戶端的查單詳情功能日均使用量達千萬級別。隨著公司業務的不斷增長,查單訴求也隨之增加。

大廠案例!順豐路由圖標情感化設計

大廠案例!順豐路由圖標情感化設計

結合功能體驗、業務需求等方面的調研與了解,得出以上地圖路由可解決的四個主要痛點。通過軌跡稀釋與動態采樣、底層數據歸集、生動化視效、元素動態運營等手段,提升快遞路由信息在地圖上傳達的透明度與豐富性,方便用戶自助查詢快遞位置等內容,管理客戶預期,同時加強用戶對功能忠誠度、將客戶留存在順豐的平臺上。

更多順豐設計案例:

大廠案例!順豐路由圖標情感化設計

大廠案例!順豐路由圖標情感化設計

確認按照信息精度強化、情感共鳴設計、渠道視效優化三個目標方向來推動需求的實現,同步梳理需求優先級、管理需求迭代,敏捷滿足功能訴求。

大廠案例!順豐路由圖標情感化設計

1. 信息精度強化

通過梳理線下現有收轉運派等全流程操作場景,針對性處理、展示對應運輸工具元素,突顯順豐多樣場景、多式聯運的運輸優勢。

大廠案例!順豐路由圖標情感化設計

拉通多關聯系統順利完成數據流轉,納入包括順豐小哥/順豐大哥/同城騎士上報的快遞員位置、陸運系統等上報的貨車位置,輔以里程數等高精度信息完成展示。

2. 圖標應用延展

大廠案例!順豐路由圖標情感化設計

3. 新年圖標

造型:以新年元素老虎,兔子延展,直觀的反映新年氣息,瑞獅迎新。飛機掛上中國結和小兔子開飛機突出新春的喜慶氛圍。小哥派件圖標給小哥戴上瑞獅/兔子帽子,增加年味,寓意小哥給大家送福了。

色彩:俯視插畫風格配合高飽和色彩,活潑氛圍加上新春元素體現趣味性。

執行難點:由于圖標尺寸很小,需要顧及圖標的精美豐富程度,但也不能畫得過于復雜繁瑣,在精簡與精美的中間做一個良好的平衡。

大廠案例!順豐路由圖標情感化設計

4. 傳統節日圖標

造型:由于勞動節是個嚴肅的節日,需要高舉勞動的旗幟, 不分貧富貴賤,愿大家努力齊進取。所以在貨車和飛機后面飄著鮮艷的紅旗,上面標著“勞動光榮”字樣。小哥派件圖標后面帶著一個麥穗滿滿的袋子,寓意共同努力就會得到豐收的成果。端午是“飛龍在天”吉祥日,龍和龍舟文化始終貫穿在端午節的傳承歷史中,所以我們以龍舟為載具,用卡通的形式簡化龍舟繁雜的造型,讓用戶一看就能產生共鳴。另外飛機及小哥的圖像中就加上粽子,清晰明了傳達出端午送安康的信息。

色彩:勞動節俯視插畫風格配合溫暖的色彩,突出勞動節的光榮與奮斗的熱情。端午節以黃綠色為主,用較為溫暖的顏色體現整體的趣味性。

大廠案例!順豐路由圖標情感化設計

5. 圣誕節圖標

造型:以圣誕老人拉鹿車為原型,改成圣誕老人拉順豐貨車及順豐飛機給大家送禮物。將平淡的路由圖標變得更具有趣味性,并更有場景氛圍。小哥圖標也改成小哥拉著圣誕老人的禮物袋給大家送禮物的模樣,頗有圣誕氣氛。

色彩:以代表圣誕的大紅為主,讓用戶一看就感受到濃烈的節日氛圍。

大廠案例!順豐路由圖標情感化設計

6. 食品類圖標

造型:以時令水果或當下節日特定食品作為圖標,用寫實的手法繪制出精美的圖標,讓用戶收到相應的禮品的同時也能看到相應的路由圖標向他靠近,使用戶更能感覺到順豐的品質感及貼心感。依據快件的托寄物類別進行圖標樣式映射處理。

大廠案例!順豐路由圖標情感化設計

7. 常用收寄物品圖標

造型:以常寄類別作為分類,以寫實的手法繪制出具體類別的代表性圖標。讓用戶收件的時候更能明確自己收到的物品信息,增強用戶的體驗感。

大廠案例!順豐路由圖標情感化設計

大廠案例!順豐路由圖標情感化設計

大廠案例!順豐路由圖標情感化設計

1. 設計亮點

改版功能已全面覆蓋順豐速運+小程序、順豐速運 app 等關鍵渠道的全運單狀態場景。查單詳情及運單瀏覽量都有大幅度的提升。說明客戶對查件功能的粘性有所加強。

2. 用戶反饋

為保護用戶隱私,只截取評論部分內容

大廠案例!順豐路由圖標情感化設計

3. 數據價值

改版后進行客戶滿意度調研,留意或關注地圖路由的客戶占總體有效調研客戶占總體有效調研客戶有所提升;對于地圖功能的整體滿意度也相當高。客戶在更關注查單頁面的同時滿意度顯著提高。

以路由圖標動態節慶化運營為例,在圣誕節、春節、端午節等節日/節慶期間進行里有圖標的運營配置,獲得了廣大用戶的驚喜稱贊與普遍好評、以及自發性的公眾平臺宣傳。

大廠案例!順豐路由圖標情感化設計

大廠案例!順豐路由圖標情感化設計

“以用戶為中心,以需求為導向,以體驗為根本”的產品設計思維,從客戶應用場景出發,想客戶之所想,加強用戶查單體驗的同時管理客戶預期,有效維護順豐品牌形象。

收藏 94
點贊 75

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。