技术圈首页
程序员
解决方案
聚合短信
APP下载
登录
注册
首页
文章详情
我有一大堆红包,该怎么发出去呢?
淘宝设计
|
447
2021-05-23 10:34
0
0
0
“这样的红包,承载着真实的记忆和情感”
“哗!我拿到一个¥100惊喜红包”,想必大家都有热热闹闹过节时,用惊喜红包在淘宝购物的经验吧?
▲ 拿到一个100元购物惊喜红包
红包的红色代表活力、喜气与好运,里面的钱除了让人开心,更有着祝福的心意。在科技时代被转变并大肆发展起来,尤其在服务上亿人的电商平台,我们在想
用代码写出的虚拟红包如何让人感受到实体红包带来的开心愉快呢?
接下来,就给大家讲讲我们在红包设计上的一些持续探索和想法。
01
红包: 承载特别的情感
在生活中,发红包和收红包是国人在逢年过节、礼尚往来中必不可少的传统,从小记事开始,它在我们心目中就有着特别的仪式感。
▲ 红包在传统文化中的特意义
在电商场景中,红包和优惠券同为省钱福利,在获得优惠券的场景,会理性思考这个优惠是否是我需要的。
而获得红包后的场景,给人的感知是直接拿到了一笔钱,更容易刺激和激发我们的购买心理动机。因此设计上就存在了差异,
红包设计更注重用户情绪的引导。
▲ 红包与券的差异
如何让红包的体验更好?
首先是提升基础的体验
,优化红包设计,保证链路体验的一致性。
还需要强化情绪的引导
,通过场景感设计和情感化动效,产生共鸣和情绪的推动。
▲ 设计策略
02
基础体验: 与实体红包的呼应
人们对接触到的东西,大脑会本能的联想经历过的事物,形成对眼前事物的判断。
回想起来,我们收到红包后是不是有观察红包厚度猜猜多少钱的习惯,这都是生活中最真实的记忆。
如果红包的设计与我们真实生活的印象形成一些呼应,会更容易触发用户共鸣。
▲ 现实生活对红包的印象
结合我们生活中对红包的认知,我们定义闭合的红包是未知金额,等待用户去开启。而已经打开的红包是明确能知道金额的,因此它承载着金额、门槛、使用渠道等确定性的信息。
▲ 开口红包造型设定
▲ 闭合红包造型设定
在体验链路中,从识别、领取、获得红包的三个情绪梯度,定义红包组件,保证链路中不同容器下的体验一致性。
▲ 识别、领取、获得体验一致
在营销场景中,仅仅只做单个红包组件统一是无法满足氛围刺激和吸引力的,因此组建红包素材库即能满足多样性,也能提升设计的效率,快速输出上线。
▲ 红包素材库
03
场景化: 与现实场景呼应
生活中的传统节日、社交场合,以及对于特别的人都少不了发红包。在电商场合里也一样,通过对红包视觉氛围的塑造,
很快可以建立起用户的情感共鸣,提升用户的愉悦体验
。
▲ 生活中的红包场景
传统节日的呼应
:以春节场景为例,在电商的设计中可以将我们熟知的福字、年年有鱼等过年的印象融入到新年红包氛围中。
▲ 我们对新年的记忆
▲ 红包春节氛围
社交场合的呼应:
以开业店庆场景为例,在电商场景中也有我们熟悉的双11大促,将天猫和大促氛围元素融入红包,可以很好的传递大促品牌心智。
▲ 双11大促红包
特别人物的呼应:
以生活中银行尊贵的客户为例,在电商设计中,我们送给尊贵的88VIP一个金光闪闪的红包,来表达对用户特殊身份的礼赠祝福。
▲ 88VIP专属红包
04
情感化: 与用户心理的呼应
记忆里我们每次从长辈手里接过红包的时候,都会非常好奇捏一捏感受里面钱的厚度,偷偷跑去角落拆开数钱,然后暗暗窃喜小心收好。
▲ 拿到红包后的心理
我们把生活中这些记忆通过动效的方式加入到红包中,增加红包获得时喜悦的情绪。
比如获得红包后,通过3D和动效的技术,来呼应我们试探红包厚度、数钱,和获得的愉悦心理。
▲ 获得后边试探厚度
▲ 数字滚动模拟数钱心理
▲ 获得了钱的愉悦情绪再推动
05
结语
红包是亚洲文化有别于西方国家的独特仪式感,承载着人与人之间交流的情感。因此红包的设计除了从理性角度满足业务的诉求之上,我们后续还会在红包给用户带来的刺激与触动上做持续探索,通过场景化、情感化的突破,相信用户更愿意去领去用,
也进一步提升用户对平台的整体粘性与购物满意度
。
编辑:夏意耘
文案:夏意耘 hales
//////
END
//////
淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。
欢迎加入我们,公众号后台回复“招聘”,了解最新招聘信息。
0
赞
0
收藏
×
添加附言
附加内容, 使用此功能的话, 会给所有参加过讨论的人发送提醒.
回复数量:
0
暂无评论~~
请注意单词拼写,以及中英文排版,
参考此页
支持 Markdown 格式,
**粗体**
、~~删除线~~、
`单行代码`
, 更多语法请见这里
Markdown 语法
支持表情,见
Emoji cheat sheet
@name 会链接到用户页面,并会通知他
上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jp(e)g, png, gif
Ctrl+Enter
下载APP
淘宝设计
101
文章
1
获赞
关注TA
NEW
相关文章推荐
送抖音200亿“嫁妆”,京东亏不亏?
电商后台:商品管理系统的那些事儿
黄光裕盯上万亿家装
模仿“利路修式反内卷”失败,我决定……
万达清盘AMC;深圳皇庭广场被申请查封;呷哺呷哺总裁被解任;fudi亮相叫板山姆|联商周报
腾讯又进军电商了
即时消费,618被低估的主场
2021抖音电商商家经营方法论白皮书