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

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

Zomato

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

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

细节描述

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

8.526人评分
收藏 5
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「江南百景图」:加载进度条如何进行文字包装?
江南百景图

文案「江南百景图」:加载进度条如何进行文字包装?

猎人 - 洛糊糊8.0

长时间的Loading常常会让人感知到等待的乏味,因此许多游戏都会对Loading界面进行包装,比较常规的就是在界面随机滚动播放游戏的小窍门或小故事。而「江南百景图」选择了将...

查看详情

#情感化设计#文案#江南百景图

来自二次元的生日祝福打开方式
Bilibili

设计彩蛋来自二次元的生日祝福打开方式

猎人 - AmberDu小白9.5

「bilibili」的开屏页面会在用户生日当天变为以该用户星座为主题的生日祝福动画,并且每年都会有全新的有趣设计,很有「二次元」的仪式感。将App最重要的宣传位——「开屏页」...

查看详情

#Bilibili#二次元#开屏页

百度地图端午节彩蛋,让我重新思考节庆营销的正确打开方式
百度地图

设计彩蛋百度地图端午节彩蛋,让我重新思考节庆营销的正确打开方式

猎人 - 龙爪槐守望者9.3

端午假期开车出门,堵在路口等红灯是再平常不过的事儿了。这时候盯着导航看倒计时,加剧等待时的焦躁感。百度地图这次在端午节的设计真的很用心,把原本普通的红绿灯圆形包装成了粽子的形状。

查看详情

#地图#导航#情感化设计