5

顺丰碳能量体验设计复盘-经验/观点-UICN用户体验设计平台

 2 years ago
source link: https://www.ui.cn/detail/633063.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

顺丰碳能量体验设计复盘-经验/观点-UICN用户体验设计平台

顺丰碳能量体验设计复盘
44.5°

2022-08-15 | 原创文章 / 经验/观点 / | 举报

|

6732 75 274 5



快来看看如何进行碳能量体验设计吧~



4206370.png

在日常生活中,我们的许多行为都会产生CO²。但同时,我们也可以通过日常的一些小举动,减少碳排放。

少开空调1小时≈减碳排621g

少用一度电≈减碳排785g

少坐一层电梯≈减碳排218g

但你知道吗,在使用顺丰快递的服务时,也可以减少碳排放噢~

4206371.png

多年以来,顺丰一直通过科技创新,在快递的容器包装、运输、转运等多层面融入了绿色理念,以此提升自身的资源利用率,降低碳排放和能源消耗,践行环保社会责任。

4206372.jpg

此次,为了给予广大顺丰用户更直观的感知,也为了让更多的人能够参与到顺丰的减碳行动中来,我们把使用顺丰快递服务过程中用户可以参与的减碳行为,进行了梳理,并实现线上化。

大家可以根据需要在寄收件中,选择减碳的服务,来获得和记录属于自己的碳能量,一起共建绿色家园。

使用循环包装,最高可减少760g碳排放

使用同城急送,每一次可减少526g碳排放

使用电子回单,每一次可减少561g碳排放

使用拍照回传,每一次可减少561g碳排放

4206374.png
4206375.png
4206376.png

通过对业务诉求和产品诉求的拆解,明确此次的设计目标与策略。

业务诉求:有效传递低碳理念,快速建立用户对顺丰低碳产品/服务的认知,引导和鼓励用户使用服务。

产品诉求:快速建立用户认知,同时需考虑功能的拓展性,后期会增加更多的获取能量和使用能量的方式,以及用户的成就也会升级和进化,在设计上需预留产品迭代空间。

设计目标与策略:

高效传达顺丰低碳行为的理念与方式;

构建低碳视觉符号,强化和固化认知;

打造可进化的绿色家园,兼顾后期的可拓展性。

4206377.png
4206380.png

一、简化布局 高效传达信息

在一屏内,集合收取、获取、使用碳能量的信息,快速建立对碳能量的了解与获取方式的认知。整个产品设计图文并茂,布局简化,高效传达信息,降低理解成本。

收取:在主视觉区域,构建一个绿色家园,通过碳能量的收取,感受家园的变化,同支持后期的家园升级和迭代,可扩展性强;

获取:直观展示获取碳能量的方式,进行前期的教育和引导,培养用户在寄件过程使用低碳服务;

使用能量:进一步奖励用户低碳行为,用户不仅能获得能量,感受到为环保事业贡献的力量,同时也可获得顺丰的奖励,整体形成一个良性的循环。

4206381.png

二、结合场景 打造可进化的家园

设计目标:打造一个初始的、有趣味性的、可升级的家园场景。

设计思考:整体场景外观的造型使用快递箱正方形状,融入品牌元素。其次,作为初级场景,构图元素不宜过于丰富,需考虑后续的场景升级。

基于此输出了AB两个方案,最终选择工厂方向的A方案,为后期的家园升级提供更多的空间。

4206382.png

针对A方案,从造型、色彩、动效、后续升级场景视觉方向出发,做进一步的细化和渲染。

造型:弱化污染概念,加入品牌元素,构造一个概念性的卡通包裹工厂;

色彩:2.5d插画风格搭配高饱和色彩,活泼氛围体现趣味性;

动效:收取能量时加入动效的反馈,绿色植物元素的烟花从烟囱出现,强化绿色概念;

后续方向:保持外观正方形一致,更换场景内容,不同主题,场景趣味化,建筑风格化。

4206383.png
4206385.gif

三、图文结合 传递低碳服务

使用扁平插画,通过黑白形式对比,展示使用低碳服务和不使用低碳服务的场景,让用户直观感知两者之间的差距,增强用户对获取碳能量的理解,引导用户使用顺丰的低碳产品、服务。

4206386.png

四、统一视觉符号 强化对碳能量的认知

从视觉元素色彩选择、图标绘制、字体设计等出发,强化用户对碳能量的认知,加强用户对产品的感知。

色彩:环保、低碳联想到是绿色相关植物,是潜意识颜色,所以选用了黄绿渐变做为主色。黄绿色传达美好、希望...

4206387.png

图标:主色+辅助色组合,主色点缀保持页面的统一性、同时不会过于单一,采用2.5D风格,更直观表达对应产品属性。

4206388.png
4206390.png
4206391.png
4206392.jpg
4206393.png

碳能量,作为顺丰集团打造行业领先绿色物料战略规划的重要部分,直面顺丰C端用户,打造低碳服务推广——低碳服务使用——奖励碳能量奖励——使用碳能量的闭环链路,未来将持续拓展更多低碳场景及用户交互,提升用户对顺丰绿色物流服务的感知。因此,我们也将继续在碳中和设计中做更多的探索与创新。

以上,是我们从参与流程、设计目标、设计策略出发,与大家分享我们在快递产品设计中对低碳服务领域的探索,感谢您的阅览。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK