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

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

Zomato

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「Trello」不要再点人家啦!是拖动啦!
Trello

设计逻辑「Trello」不要再点人家啦!是拖动啦!

猎人 - 海的格尔0.0

将网页作为资料收藏到线上协作软件「Trello」 的看板上时,需要将「发送到 Trello」的链接拖到书签栏进行收藏。为了更明显的反馈拖动链接至书签栏的操作成功的状态,避免用...

查看详情

#Trello#即时反馈#情感化设计

这个CRM网站的动画,让我瞬间理解了什么叫「混沌到清晰」
Operate

信息可视化这个CRM网站的动画,让我瞬间理解了什么叫「混沌到清晰」

猎人 - 龙爪槐守望者9.0

Operate 是一款专为创始人设计的 CRM 工具,别的先不说,网站设计非常酷!整个页面背景是绿色的网格,像一张精密的蓝图或者老式电脑的显示界面,科技感和复古感并存。最吸引...

查看详情

#信息可视化#动效#情感化设计

「高德地图」上线可可爱爱的儿童节彩蛋
高德地图

设计彩蛋「高德地图」上线可可爱爱的儿童节彩蛋

猎人 - AmberDu小白0.0

「高德地图」在六一儿童节期间再次上线了节日彩蛋。将首页地图通过手指缩放调整至中国版图范围,可看到散落在地图上的各地的可可爱爱的童年玩具。大风车、泡泡糖、东西南北、游戏卡带,这...

查看详情

#情怀#情感化设计#惊喜