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

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

Zomato

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「大麦网」如何用个性化文案提升产品记忆点?
大麦网

微文案「大麦网」如何用个性化文案提升产品记忆点?

猎人 - AmberDu小白9.0

在「大麦网」App选择日期来查看演出信息时,可以看到日历页除了呈现时间,也会展示每月对应的星座事宜。虽然不涉及功能体验的优化提升,但趣味信息的展示可以为产品增添情绪、营造产品...

查看详情

#信息呈现#大麦网#情感化设计

发现了!为什么小红书私信比微信更让人想回复
小红书

动效设计发现了!为什么小红书私信比微信更让人想回复

猎人 - 龙爪槐守望者7.8

咱们平时跟朋友聊天,肯定没少互相「安利」好东西吧?不管是刷到一篇超赞的旅行攻略,还是一个让人流口水的美食探店,第一反应就是「转发给我的饭搭子/旅行搭子」。对方收到后,你肯定也...

查看详情

#动效#希克定律#情感化设计

APP空状态只能放灰色图标吗?看看Brink的趣味交互
Brink

动效设计APP空状态只能放灰色图标吗?看看Brink的趣味交互

猎人 - 龙爪槐守望者7.5

Brink播客在用户过去一周没有任何节目更新时,把空状态的灰色文件夹做成了长满小虫子的动态效果。这里用的是情境化的幽默隐喻。长久没人光顾的荒凉角落会生虫,这个物理常识被巧妙迁...

查看详情

#动效#情感化设计#物理隐喻