情感化设计

已捕获优质的产品细节 629 个

情感化设计

细节 629

我也有新发现 我要投稿
4秒叫到车!滴滴这个弹窗设计如何巧妙放大用户成就感?
滴滴

情感化设计4秒叫到车!滴滴这个弹窗设计如何巧妙放大用户成就感?

猎人 - 龙爪槐守望者9.0

所有人都觉得,打车软件的核心竞争力是车多、便宜。但如果我告诉你,一个「报喜」的弹窗,有时候比一张优惠券更能赢得用户的心,你信吗?在用户通过滴滴出行App成功叫到车后,界面顶部...

查看详情

#banner#峰终定律#弹层

Microsoft个人头像修改的小细节
Microsoft Edge

用户体验Microsoft个人头像修改的小细节

猎人 - Xiaň包子9.2

在「Microsoft Edge」浏览器中修改Microsoft账户个人头像时,每次进行修改保存动作都会给用户一句夸奖鼓励的话语,比如「你今天看起来很聪明」「你看起来很棒」等...

查看详情

#Microsoft Edge#信息呈现#头像

B站上线「纪念账号」,纪念那些曾存于世化作星尘的用户们
Bilibili

用户体验B站上线「纪念账号」,纪念那些曾存于世化作星尘的用户们

猎人 - AmberDu小白10.0

12月24日平安夜当天,B站通过其官微发布了一条公告:从今日起,对于不幸离开人世的B站用户们,在取得其直系亲属的确认和同意后,B站官方会将其账号转为「纪念账号」并加以保护。以...

查看详情

#Bilibili#情怀#情感化设计

「菜鸟裹裹」藏在下拉手势里的空投快递小动画
菜鸟裹裹

微交互「菜鸟裹裹」藏在下拉手势里的空投快递小动画

猎人 - AmberDu小白7.0

「菜鸟裹裹」App的首页下拉刷新时,顶部会向上飞出一只头顶竹蜻蜓的小鸟形象吉祥物,小鸟飞走后还会从屏幕上方落下一个打开的快递箱。有趣的交互动画清晰地反馈了刷新这一手势操作的状...

查看详情

#交互手势#刷新#微交互

那些巧用console的可爱网站们
Bilibili

设计彩蛋那些巧用console的可爱网站们

猎人 - AmberDu小白0.0

「百度」将浪漫的招聘文案藏在了主页的代码控制台(console)里,这个彩蛋的设计深受好评。其实打开「知乎」的主页控制台也能发现针对前端开发工程师的招聘广告。出于好奇我又打开...

查看详情

#Bilibili#console#情感化设计

「腾讯理财通」是怎样让用户舍不得离开的?

文案「腾讯理财通」是怎样让用户舍不得离开的?

猎人 - AmberDu小白9.0

使用「腾讯理财通」终止每月工资定时转入时,会出现弹窗询问用户离开的原因。当用户选择离开的原因时,对应原因下面会显示文案来说服用户留下或者选择不离开的其他备选方案。这种提示方案...

查看详情

#情境预判#情感化设计#文案

被一只兔子治愈了!原来节日营销可以这样做
TrainPal

设计彩蛋被一只兔子治愈了!原来节日营销可以这样做

猎人 - 智行ZXD设计中心8.2

TrainPal是一款专注英欧火车订票的APP。复活节期间,TrainPal首页上线了节日限定彩蛋,用小创意拉近与用户的情感距离。让人惊喜的趣味互动设计
复活节时,小朋友们会...

查看详情

#动效#峰终定律#彩蛋

腾讯地图:在导航地图里开跑跑卡丁车是什么体验?
腾讯地图

用户体验腾讯地图:在导航地图里开跑跑卡丁车是什么体验?

猎人 - AmberDu小白7.0

「腾讯地图」App不仅有主题语音包,还支持3D沉浸式的导航主题皮肤。在「主题广场」找到自己喜欢的主题,比如选择「跑跑卡丁车宝宝」,下载后你在地图中的形象就会变成开跑跑卡丁车的...

查看详情

#个性化#地图#情感化设计

滴滴配送的第一次,我心动了
滴滴

微交互滴滴配送的第一次,我心动了

猎人 - AmberDu小白7.5

在滴滴配送外卖点单,当外卖状态为「商家正在备货中」,页面显示的商品图片与外卖小哥头像两者之间会有一段距离的间隔;而当外卖状态变为「骑手配送中」时,外卖图与骑手头像之间会产生动...

查看详情

#即时反馈#微交互#心理暗示

今天,你有和喜欢的人去ZEPETO的照相亭拍照么?
ZEPETO

微交互今天,你有和喜欢的人去ZEPETO的照相亭拍照么?

猎人 - AmberDu小白0.0

最近霸榜的陌生人社交软件ZEPETO,最受欢迎的核心板块就是「照相亭」。「照相亭」可以和任何人合照,并不需要双方互为好友,通过官方给出的模板即可与自己关注的另一个或多个用户合...

查看详情

#ZEPETO#加载#微交互

安全验证设计也会卖萌的「百度网盘」
百度网盘

设计彩蛋安全验证设计也会卖萌的「百度网盘」

猎人 - AmberDu小白10.0

为了保障用户账号的安全,登录账号或当账号异常时产品通常会启动需要用户手动操作进行的安全验证。「百度网盘」的安全验证使用了常规的右滑按钮完成,但加入了有趣的颜文字表情变化动效来...

查看详情

#即时反馈#安全性#情感化设计

让UI自己「活」过来!苹果这个4合1壁纸,思路真的绝了
iOS

视觉创意让UI自己「活」过来!苹果这个4合1壁纸,思路真的绝了

猎人 - 龙爪槐守望者8.0

在 iOS 26 beta 4 的更新中,苹果针对默认壁纸做了一个看似微小却十分精妙的改动。在壁纸设置界面,除了原有的几种固定颜色选项外,新增了一个名为动态(Dynamic)...

查看详情

#壁纸#情感化设计#色调

当B站的22娘cos超级马里奥
Bilibili

交互手势当B站的22娘cos超级马里奥

猎人 - AmberDu小白9.0

在B站观众用户会通过「投币」的方式来打赏喜欢的UP主和视频。虽然硬币不会直接带来盈利,但是B站排行的一个重要参考,能为视频增加曝光机会引流。手机端的「投币」,是通过上滑或点击...

查看详情

#Bilibili#交互手势#即时反馈

QQ音乐用「歌词海报」,为用户提供情绪表达的出口
QQ音乐

交互手势QQ音乐用「歌词海报」,为用户提供情绪表达的出口

猎人 - AmberDu小白9.0

QQ音乐的「歌词海报」是典型的情感化设计:为用户提供一个借助歌词分享心情表达情绪的出口。有个常被忽略却体验很棒的细节设计在于,QQ音乐不仅为用户提供了很多高质量背景图片,还能...

查看详情

#交互手势#情感化设计#操作可预知

你有见过在加载页面里battle的舞者么?
Bandcamp

加载动画你有见过在加载页面里battle的舞者么?

猎人 - AmberDu小白0.0

Bandcamp是一个专业的音乐平台,不同于国内「社交属性」较强的各大音乐类App,Bandcamp更像是一个巨大的世界唱片店注重将一切交换给音乐与音乐人本身。如此个性的Ap...

查看详情

#Bandcamp#加载#微交互

如何高效处理「支付宝」的每日任务?
支付宝

用户体验如何高效处理「支付宝」的每日任务?

猎人 - AmberDu小白7.0

「支付宝」主页右上角的菜单里隐藏着智能助理「小钻风」。这个蚂蚁形象的小机器人,就像真正的小助理一样帮你把「支付宝」管理的井井有条。它会帮你将「支付宝」里每日的待办事件进行汇总...

查看详情

#情境预判#情感化设计#支付宝

如何通过动效设计让健康数据「活」起来?
Grow

交互设计如何通过动效设计让健康数据「活」起来?

猎人 - Monster9.0

「Grow」是一款健康与运动管理应用,不仅自动记录与深度追踪步数、睡眠、HRV压力指数、运动、饮水和正念等健康数据,更从多感官体验出发,通过生动有趣的数据可视化设计,让健康数...

查看详情

#Grow#动效#多感官

iPad上的放大镜居然能「拿起来」拖着走
iPadOS

设计彩蛋iPad上的放大镜居然能「拿起来」拖着走

猎人 - 龙爪槐守望者9.0

在iPadOS 26 beta版的预览App中,苹果引入了一个非常有趣的交互细节:屏幕上会出现一个预览App icon同款的圆形的放大镜图标。这个放大镜不是静态的图标,而是可...

查看详情

#彩蛋#微交互#情感化设计

「蚂蚁庄园」变得越来越贴合用户心理了
支付宝

用户体验「蚂蚁庄园」变得越来越贴合用户心理了

猎人 - AmberDu小白8.0

「支付宝」的「蚂蚁庄园」版块近期在功能上更新不断,刚更新不久的「赶走它」与「胖揍Ta」功能简直太解气了!以前每次放完粮食后,总会有好友的小鸡过来偷吃,除了赶走它们一点办法也没...

查看详情

#互动#公益#情感化设计

嗷~这个播放器的进度条把我的心都萌化了喵 (⊙v⊙)
Bilibili

微交互嗷~这个播放器的进度条把我的心都萌化了喵 (⊙v⊙)

猎人 - AmberDu小白0.0

B站播放器进度条中的萌眼睛小电视图标,会在用户调整视频进度时转动眼睛看向拖动动作的方向。这种设计不仅是对用户操作行为确定性很好的即时反馈,更使用户与产品的互动过程增添了情感与...

查看详情

#Bilibili#交互手势#情感化设计

热门应用