大廠案例!順豐路由圖標(biāo)情感化設(shè)計

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

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

更多順豐設(shè)計案例:

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

確認(rèn)按照信息精度強化、情感共鳴設(shè)計、渠道視效優(yōu)化三個目標(biāo)方向來推動需求的實現(xiàn),同步梳理需求優(yōu)先級、管理需求迭代,敏捷滿足功能訴求。

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

1. 信息精度強化

通過梳理線下現(xiàn)有收轉(zhuǎn)運派等全流程操作場景,針對性處理、展示對應(yīng)運輸工具元素,突顯順豐多樣場景、多式聯(lián)運的運輸優(yōu)勢。

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

拉通多關(guān)聯(lián)系統(tǒng)順利完成數(shù)據(jù)流轉(zhuǎn),納入包括順豐小哥/順豐大哥/同城騎士上報的快遞員位置、陸運系統(tǒng)等上報的貨車位置,輔以里程數(shù)等高精度信息完成展示。

2. 圖標(biāo)應(yīng)用延展

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

3. 新年圖標(biāo)

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

色彩:俯視插畫風(fēng)格配合高飽和色彩,活潑氛圍加上新春元素體現(xiàn)趣味性。

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

4. 傳統(tǒng)節(jié)日圖標(biāo)

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

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

5. 圣誕節(jié)圖標(biāo)

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

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

6. 食品類圖標(biāo)

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

7. 常用收寄物品圖標(biāo)

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

1. 設(shè)計亮點

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

2. 用戶反饋

為保護(hù)用戶隱私,只截取評論部分內(nèi)容

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

3. 數(shù)據(jù)價值

改版后進(jìn)行客戶滿意度調(diào)研,留意或關(guān)注地圖路由的客戶占總體有效調(diào)研客戶占總體有效調(diào)研客戶有所提升;對于地圖功能的整體滿意度也相當(dāng)高??蛻粼诟P(guān)注查單頁面的同時滿意度顯著提高。

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

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

大廠案例!順豐路由圖標(biāo)情感化設(shè)計

“以用戶為中心,以需求為導(dǎo)向,以體驗為根本”的產(chǎn)品設(shè)計思維,從客戶應(yīng)用場景出發(fā),想客戶之所想,加強用戶查單體驗的同時管理客戶預(yù)期,有效維護(hù)順豐品牌形象。

收藏 96
點贊 75

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。