【滴滴平台体验设计研究】首度揭秘!滴滴地图小车春节变身记(1)

来源:网络   作者:热心网友   发布时间:2018-03-27    浏览次数:92


『 前言 』


文章分为两部分:1.介绍地图小车换装的由来;2.以春节小车设计为例,沉淀创意 icon 设计的标准化流程。



『 地图小车换装回顾 』


滴滴出行 App 中除了常规地图小车,类似春节舞狮的 icon 换装设计已经做过很多次了。在重大节日或发生热点新闻时,通过icon 换装的形式来配合运营活动烘托活动气氛。

圣诞节的时候,小车变成了圣诞老人,驾着驯鹿雪橇带着满满的礼物飞奔在地图上;奥运会火炬传递的时候,小车成了高举火炬奔跑的火炬手,传递着奥运精神;北京市7月暴雨的那天,小车成了一艘艘小船,帮助需要出行的人们航行在城市道路上……


今年的春节 icon 设计就是文章开头看到的舞狮了。做了多次的换装设计后积累了一些方法和经验,现在借新年伊始大吉大利的时机,以本次春节舞狮设计为例,和大家一起聊聊一个换装 icon 设计是怎样一步步炼成的。



『地图小车换装设计全流程 』


换装 icon 的设计过程分为7个阶段,是不断地发散、聚合、再发散的过程。

首先从活动运营方接到需求,分析审核需求是否存在不合理或难以产出设计的部分。通过这一步,为后续设计的顺利执行奠定基础,前期的需求分析沟通也能让项目的上下游快速达成一致,避免后续产生疑问导致设计的反复影响进度。


需求确定后,根据活动主题发散关联元素,进行头脑风暴寻找创意点,这也是整个阶段里最疯狂的部分。发散的目的是增大创意的可能性,正如莱纳斯·鲍林所说“为了有个好主意,必须要先有很多想法。”


然后结合设计的最终输出环境,明确执行挑战有哪些,将发散的创意点一一通过这些挑战进行筛选,决策设计方案方向。随后就是细化方案反复推敲,达到高质量的输出标准。


由于滴滴出行多业务形态的模式,设计方案需从一个方案延展至多条业务线,并保障所有业务线方案既整体统一又符合业务特性。方案确定后输出切图元素,推动落地发布上线,并进行跟踪反馈。


整个设计的过程就是发散和聚合的规律交替,每个重复的过程与前一次相比都会更聚焦,也更关注细节。在发散阶段,新选择会出现,在聚合阶段则恰恰相反,要淘汰选项保留最合适的选择。这种设计流程可普遍适用于创意类的设计需求。


接下来就对7个阶段一一详细介绍。



1.分析活动需求


换装设计需求通常是由市场运营活动或实事热点活动发起,希望通过 icon 烘托活动气氛,吸引用户关注。曾经也由设计师发起过换装需求,目的是通过 icon 的视觉变化营造节日气氛,增加产品的情感化表达拉近与用户的距离。


但很快我们发现,纯视觉的 icon 变化在产品使用中是断层的,强烈吸引了用户注意,没有活动解释,没有后续操作,且不能为用户带来实际收益,这反而引发一些用户的疑惑,也让我们思考如何体现换装设计的价值,于是制定了需求审核标准。

首先,需求要有多维度的运营活动背景,icon 换装作为线上展示的活动部分,通常还会有运营对话框,运营卡片等对活动进行解释,引导用户操作。其次,设计需求的执行性强,不破坏地图小车本身的功能属性。第三,活动均为正向情绪的表达,并为用户普遍认知事件。只有需求满足了这三点才可进行下一步。


换装需求分为4类,热点类、天气类、节日类、商业类。每一类对设计的要求也不太一样。


时事热点类,要求设计师能够快速产出设计方案,精准匹配新闻发生的时间段。

天气类需求在时间上具有不确定性,比如不确定今年的初雪是哪一天,要结合运营策略提前准备预案,避免临时设计时间不足。

节日类需求时间固定,且较常规,可根据运营活动排期提前2-3周准备。本次春节舞狮 icon 设计,就属于节日类换装设计。

商业类是商业合作往来,具有直接的商业收益,但商业需求要和滴滴的品牌气质高度契合度才可。



2.寻找最佳创意


这一步是整个设计流程最关键的步骤,我们希望用户看到换装 icon 时能够快速感知 其代表的活动寓意。


从活动主题出发,不断在网络上和脑海中搜集提炼春节相关的关键元素,发散搜集需要多反复几次,查找资料并和身边的朋友交流沟通,尽可能全面多角度的进行列举,然后对其分类整理。此次我们搜集与整理了这些关键元素:

立体物体:灯笼、寿桃、元宝、祥云、葫芦、布老虎、财神、门神、龙、凤凰、生肖、年兽、舞狮、寿星、鱼

平面物体:对联、福字、年画、贺卡、窗花、脸谱

代表颜色:红色、金色

装饰纹样:传统花纹、象征符号、祥云


不同类别的关键元素之间还可以进行关联组合,比如金色带传统花纹的元宝。



12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7154.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通