动效设计1个支付界面细节,让用户从心疼钱包到狂欢庆祝

产品: Zomato猎人: 智行ZXD设计中心观众: 5.9k人 时间: 2025-07-23

Zomato

与「Zomato」有关的细节还有 1查看全部

我也有新发现 我要投稿
1个支付界面细节,让用户从心疼钱包到狂欢庆祝1个支付界面细节,让用户从心疼钱包到狂欢庆祝

细节描述

智行ZXD设计中心: 当你掏出手机准备用Zomato付款。输入金额的那一刻,你心里还在默默计算这顿饭花了多少钱,突然屏幕上出现了优惠金额,原价被划掉,新价格跳了出来,还有小礼花在屏幕上绽放。这种从「心疼钱包」到「意外惊喜」的情绪转换,就是优秀交互设计的魅力所在。很多支付应用在处理优惠显示时往往过于平淡,用户可能根本意识不到自己省了钱,白白浪费了增强用户满意度的绝佳机会。 Zomato整个设计非常用心。用户输入支付金额后,页面不是生硬地跳转,而是通过原金额数字的平滑过渡来承接下一个页面。原价以划线的动效形式逐渐缩小并弱化显示,同时优惠后的价格自然凸显出来。更巧妙的是,页面还加入了庆祝丝带和礼花喷洒的动画效果,配合上方的庆祝emoji微动画,整个界面充满了节日般的喜悦氛围。这一系列动效衔接得天衣无缝,从数字输入到优惠展示的整个流程都显得特别流畅。把一个简单的支付动作包装成了一个值得庆祝的小胜利。

8.529人评分
收藏 6
分享细节海报

发表评论 为下方 3 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

B 站的「静音播放提醒」,让用户的每个操作行为都有反馈
Bilibili

用户体验B 站的「静音播放提醒」,让用户的每个操作行为都有反馈

猎人 - AmberDu小白9.0

有时候随手打开视频App点开一部剧集播放却许久没有声音,仔细检查才发现是自己忘了之前已将手机调到了静音模式。这是一个生活中再寻常不过的使用场景,但贴心如B站针对此小情景为用户...

查看详情

#Bilibili#人性化#即时反馈

你是母胎solo还是在等TA出现呢?
即刻

文案你是母胎solo还是在等TA出现呢?

猎人 - AmberDu小白0.0

「即刻」6.0更新,在视觉与交互体验上都有不小的变化。一个被大家津津乐道的细节改变是:在用户「个人中心」的资料编辑里,多了感情状况的选择。无论是「母胎solo」「今日单身」「...

查看详情

#互动#信息呈现#即刻

你发现优设网的收藏功能变得超有趣了吗?来看优设鸡的夸奖!
优设

情感化设计你发现优设网的收藏功能变得超有趣了吗?来看优设鸡的夸奖!

猎人 - 龙爪槐守望者7.5

有没有发现最近优设网的收藏功能变得超有趣了!现在每当你轻轻一点收藏,不是简单的确认提示,而是突然跳出个浮窗动效,可爱的优设鸡竖起大拇指夸你「果然慧眼识珠」,简直萌翻天!收藏夹...

查看详情

#IP形象#优设#分类