顺丰路由图标情感化设计

2023-09-08 18:30:26 


   文章来源:优设
大厂案例!顺丰路由图标情感化设计

客户端的查单详情功能日均使用量达千万级别。随着公司业务的不断增长,查单诉求也随之增加。

大厂案例!顺丰路由图标情感化设计

大厂案例!顺丰路由图标情感化设计

结合功能体验、业务需求等方面的调研与了解,得出以上地图路由可解决的四个主要痛点。通过轨迹稀释与动态采样、底层数据归集、生动化视效、元素动态运营等手段,提升快递路由信息在地图上传达的透明度与丰富性,方便用户自助查询快递位置等内容,管理客户预期,同时加强用户对功能忠诚度、将客户留存在顺丰的平台上。

更多顺丰设计案例:


大厂案例!顺丰路由图标情感化设计

大厂案例!顺丰路由图标情感化设计

确认按照信息精度强化、情感共鸣设计、渠道视效优化三个目标方向来推动需求的实现,同步梳理需求优先级、管理需求迭代,敏捷满足功能诉求。

大厂案例!顺丰路由图标情感化设计

1. 信息精度强化

通过梳理线下现有收转运派等全流程操作场景,针对性处理、展示对应运输工具元素,突显顺丰多样场景、多式联运的运输优势。

大厂案例!顺丰路由图标情感化设计

拉通多关联系统顺利完成数据流转,纳入包括顺丰小哥/顺丰大哥/同城骑士上报的快递员位置、陆运系统等上报的货车位置,辅以里程数等高精度信息完成展示。

2. 图标应用延展

大厂案例!顺丰路由图标情感化设计

3. 新年图标

造型:以新年元素老虎,兔子延展,直观的反映新年气息,瑞狮迎新。飞机挂上中国结和小兔子开飞机突出新春的喜庆氛围。小哥派件图标给小哥戴上瑞狮/兔子帽子,增加年味,寓意小哥给大家送福了。

色彩:俯视插画风格配合高饱和色彩,活泼氛围加上新春元素体现趣味性。

执行难点:由于图标尺寸很小,需要顾及图标的精美丰富程度,但也不能画得过于复杂繁琐,在精简与精美的中间做一个良好的平衡。

大厂案例!顺丰路由图标情感化设计

4. 传统节日图标

造型:由于劳动节是个严肃的节日,需要高举劳动的旗帜, 不分贫富贵贱,愿大家努力齐进取。所以在货车和飞机后面飘着鲜艳的红旗,上面标着“劳动光荣”字样。小哥派件图标后面带着一个麦穗满满的袋子,寓意共同努力就会得到丰收的成果。端午是“飞龙在天”吉祥日,龙和龙舟文化始终贯穿在端午节的传承历史中,所以我们以龙舟为载具,用卡通的形式简化龙舟繁杂的造型,让用户一看就能产生共鸣。另外飞机及小哥的图像中就加上粽子,清晰明了传达出端午送安康的信息。

色彩:劳动节俯视插画风格配合温暖的色彩,突出劳动节的光荣与奋斗的热情。端午节以黄绿色为主,用较为温暖的颜色体现整体的趣味性。

大厂案例!顺丰路由图标情感化设计

5. 圣诞节图标

造型:以圣诞老人拉鹿车为原型,改成圣诞老人拉顺丰货车及顺丰飞机给大家送礼物。将平淡的路由图标变得更具有趣味性,并更有场景氛围。小哥图标也改成小哥拉着圣诞老人的礼物袋给大家送礼物的模样,颇有圣诞气氛。

色彩:以代表圣诞的大红为主,让用户一看就感受到浓烈的节日氛围。

大厂案例!顺丰路由图标情感化设计

6. 食品类图标

造型:以时令水果或当下节日特定食品作为图标,用写实的手法绘制出精美的图标,让用户收到相应的礼品的同时也能看到相应的路由图标向他靠近,使用户更能感觉到顺丰的品质感及贴心感。依据快件的托寄物类别进行图标样式映射处理。

大厂案例!顺丰路由图标情感化设计

7. 常用收寄物品图标

造型:以常寄类别作为分类,以写实的手法绘制出具体类别的代表性图标。让用户收件的时候更能明确自己收到的物品信息,增强用户的体验感。

大厂案例!顺丰路由图标情感化设计

大厂案例!顺丰路由图标情感化设计

大厂案例!顺丰路由图标情感化设计

1. 设计亮点

改版功能已全面覆盖顺丰速运+小程序、顺丰速运 app 等关键渠道的全运单状态场景。查单详情及运单浏览量都有大幅度的提升。说明客户对查件功能的粘性有所加强。

2. 用户反馈

为保护用户隐私,只截取评论部分内容

大厂案例!顺丰路由图标情感化设计

3. 数据价值

改版后进行客户满意度调研,留意或关注地图路由的客户占总体有效调研客户占总体有效调研客户有所提升;对于地图功能的整体满意度也相当高。客户在更关注查单页面的同时满意度显著提高。

以路由图标动态节庆化运营为例,在圣诞节、春节、端午节等节日/节庆期间进行里有图标的运营配置,获得了广大用户的惊喜称赞与普遍好评、以及自发性的公众平台宣传。

大厂案例!顺丰路由图标情感化设计

大厂案例!顺丰路由图标情感化设计

“以用户为中心,以需求为导向,以体验为根本”的产品设计思维,从客户应用场景出发,想客户之所想,加强用户查单体验的同时管理客户预期,有效维护顺丰品牌形象。