情感化设计Airbnb产品设计拆解,把冷冰冰的表单做成有温度的互动

产品: Airbnb猎人: 龙爪槐守望者投稿: McLane观众: 3.6k人 时间: 2026-01-28

Airbnb

与「Airbnb」有关的细节还有 16查看全部

我也有新发现 我要投稿
Airbnb产品设计拆解,把冷冰冰的表单做成有温度的互动Airbnb产品设计拆解,把冷冰冰的表单做成有温度的互动

细节描述

龙爪槐守望者: 这是 Airbnb 房东端或房源编辑页面中,用于设定「房屋可容纳人数」的交互组件。它打破了传统纯数字输入的单调,上方的小人方阵会根据数值的变化实时动态增减。新增的角色仿佛是从旁边「走」进队伍,而减少时则悄然退场,动作衔接得行云流水。甚至在数量达到 16+ 时,会出现一只令人惊喜的羊驼。 这完美契合了诺曼的「情感化设计」理论。在行为层,它提供了清晰的加减反馈;在反思层,通过羊驼和多元化角色建立了品牌性格。同时,它也运用了「峰终定律」,在人数达到上限这个关键节点设置了「羊驼彩蛋」,给用户留下了极其深刻的正面记忆。

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

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

{{ moreBtnTxt }}

你可能还爱看

怎样设计一个充满幽默感的产品操作控件?
ImgPlay

设计彩蛋怎样设计一个充满幽默感的产品操作控件?

猎人 - AmberDu小白0.0

ImgPlay是一款操作简单有趣的gif动态闪图制作App,可将相册里的视频、照片或者Live照片经过裁剪与参数调整加工成需要的gif动画。在gif的制作界面,画面速度调节的...

查看详情

#ImgPlay#信息呈现#图标

如何让标签既醒目又不突兀?Airbnb的视觉动效设计揭秘!
Airbnb

动效如何让标签既醒目又不突兀?Airbnb的视觉动效设计揭秘!

猎人 - Crystal雨婕9.3

Airbnb的抢手标签细节设计让人耳目一新。与常见的鲜艳颜色和复杂样式不同,Airbnb采用了独特的视觉动效来突出房源的抢手标签。当用户进入页面时,动效的呈现引导了注意力,随...

查看详情

#Tag#动效#标签

健康码皮肤也「内卷」,你解锁到什么主题的健康码呢?

设计彩蛋健康码皮肤也「内卷」,你解锁到什么主题的健康码呢?

猎人 - AmberDu小白0.0

为了鼓励大家积极响应号召接种疫苗,各地政府可谓使出了浑身解数,纷纷上线各具特色的健康码皮肤。湖北金盾、重庆火锅、河北长城、广东舞狮,目前已经有超过20个省、市和自治区解锁带有...

查看详情

#互动#健康码#情感化设计