微交互在美团外卖看看吃啥,给美食比个心吧!

产品: 美团外卖猎人: 卷卷墩儿浪里个浪观众: 5.5k人 时间: 2023-03-23

美团外卖

与「美团外卖」有关的细节还有 23查看全部

我也有新发现 我要投稿
在美团外卖看看吃啥,给美食比个心吧!在美团外卖看看吃啥,给美食比个心吧!

细节描述

卷卷墩儿浪里个浪: 在「美团外卖」吃啥「推荐」专栏,浏览美食的时候,用户可以进入二级页面查看更多图片,并给喜欢的美食点赞,不同于常规点赞图标,「美团外卖」采用手指比心的形式。点赞后,除了图标状态变化(0赞时有「抢首赞」的提示引导),在屏幕中间会出现比心小动效,满满的小爱心不断向外冒出,表达着用户对美食的「爱意」。这种设计即符合年轻群体对于互联网流行文化的认知,又与普通点赞拉开差异,体现着产品对于满足用户情感化表达的用心,细节满满又有吸引力~

9.120人评分
收藏
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

那只被众多网站借鉴学习过的Readme蒙眼猫头鹰
Readme

微交互那只被众多网站借鉴学习过的Readme蒙眼猫头鹰

猎人 - AmberDu小白9.0

B站的2233娘在用户输入账号密码时会出现双手捂眼的小动画萌翻了很多用户的心,其实最早使用这个具有心理暗示作用动画效果的网站是Readme。在Readme的登录页,吉祥物小猫...

查看详情

#Readme#人性化#安全感

美团15分钟送达的小卡片是如何抓住我的注意力的?
美团外卖

引导设计美团15分钟送达的小卡片是如何抓住我的注意力的?

猎人 - 张老三9.3

一个从屏幕右侧一闪而过的小卡片,为什么能让无数用户停下滑动的手指?美团外卖这个看似不起眼的设计,背后藏着什么样的用户心理操控术?在美团外卖的商家列表页面,当我们上下滑动浏览时...

查看详情

#Tab#列表#动效

UI设计中的图形同构,特斯拉这个儿童锁图标绝了!
特斯拉

图标设计UI设计中的图形同构,特斯拉这个儿童锁图标绝了!

猎人 - 龙爪槐守望者10.0

特斯拉车上的儿童锁图标设计巧妙。极好地利用了负空间和图形同构。将儿童轮廓与锁的形状融合一体,直观表达儿童安全锁定功能。

查看详情

#HMI#图形同构#图标