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

产品: Zomato猎人: 智行ZXD设计中心观众: 4.2k人 时间: 2天前

阅读量飙升

Zomato

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

Florence:一款在情人节当天上线的失恋游戏
Florence

好物推荐Florence:一款在情人节当天上线的失恋游戏

猎人 - AmberDu小白8.5

「Florence」是一款恋爱互动物语游戏,用30分钟简短的故事让你体会到爱情的深意。由「纪念碑谷」的首席设计师设计,具有很强的艺术感和互动性。游戏的交互方式让人耳目一新,细...

查看详情

#Florence#互动#交互手势

已经很晚了,要不要降低视频音量再播放呢?
大片

用户体验已经很晚了,要不要降低视频音量再播放呢?

猎人 - AmberDu小白0.0

「大片」是一款极具个性与时尚感的短视频分享平台,它的视频内容展示逻辑与「抖音」相似,都是打开应用就可以直接获取内容,在入口就自动播放编辑推荐的优质内容。这样的内容展示形式缩短...

查看详情

#声音#大片#弹窗

快和2233娘一起坐小电视火箭返回地表吧!
Bilibili

微交互快和2233娘一起坐小电视火箭返回地表吧!

猎人 - 404NTFounD9.0

在B站的「个人主页」滑动高于一屏的内容,会出现可快速返回顶部的按钮。图标是B站的吉祥物2233娘坐在小电视上的样子,点击图标还会出现小电视变成火箭往上升的动画效果。区别于普通...

查看详情

#Bilibili#微交互#快捷操作