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

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

Airbnb

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

关于「点赞」的个性化反馈
片刻

用户体验关于「点赞」的个性化反馈

猎人 - AmberDu小白10.0

不同于一般的应用会用微交互动效或者按钮状态的变化来反馈「点赞」的操作,「片刻 」App对于用户点赞的反馈是展示被点赞对象设置的感谢提示语。当其他用户喜欢你的作品为你点赞时,系...

查看详情

#即时反馈#情感化设计#情绪

「爱彼迎」的首页banner轮播图,体验好在哪里?
Airbnb

微交互「爱彼迎」的首页banner轮播图,体验好在哪里?

猎人 - AmberDu小白9.0

「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看...

查看详情

#Airbnb#banner#加载

「Trello」不要再点人家啦!是拖动啦!
Trello

设计逻辑「Trello」不要再点人家啦!是拖动啦!

猎人 - 海的格尔0.0

将网页作为资料收藏到线上协作软件「Trello」 的看板上时,需要将「发送到 Trello」的链接拖到书签栏进行收藏。为了更明显的反馈拖动链接至书签栏的操作成功的状态,避免用...

查看详情

#Trello#即时反馈#情感化设计