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

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

Airbnb

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

天猫超市: 印在快递纸箱上的寻人启事
天猫

生活中的用户体验天猫超市: 印在快递纸箱上的寻人启事

猎人 - AmberDu小白6.8

「天猫超市」联合「公安部刑侦局打拐办」合作了#全民反拐,让爱回家#的公益活动。打开「支付宝」,搜索「团圆」,会出现「团圆行动」的官方服务号,可了解到很多反拐知识,也能通过这个...

查看详情

#公益#天猫超市#情怀

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

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

猎人 - AmberDu小白9.0

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

查看详情

#Airbnb#banner#加载

Iconfont视觉全新升级,情感化交互设计动人
Iconfont

设计彩蛋Iconfont视觉全新升级,情感化交互设计动人

猎人 - AmberDu小白7.4

「Iconfont」网站进行了全新的视觉升级,之前版本搜索框旁的外星人形象变成了一只叫「Varii」的变色龙,点击还会触发可爱的交互。如果过了凌晨还在使用「Iconfont」...

查看详情

#iconfont#互动#情感化设计