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

产品: Airbnb猎人: 龙爪槐守望者投稿: McLane 时间: 13小时前

Airbnb

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

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

细节描述

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

95人评分
收藏 1
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「声昔」怎样通过给主页加特效来提升阅读体验?
声昔

设计逻辑「声昔」怎样通过给主页加特效来提升阅读体验?

猎人 - AmberDu小白9.0

为了应对不同的使用场景提升阅读体验,很多App都会提供常规的白天模式与深色的黑夜模式选择。「声昔」除了这两种浏览模式设置,还为用户提供了额外的各种气氛模式选项。比如可以给自己...

查看详情

#声昔#情感化设计#情绪

巧用价格呈现效应,Airbnb教你设计不让用户反感的价格页面
Airbnb

透明度设计巧用价格呈现效应,Airbnb教你设计不让用户反感的价格页面

猎人 - 张老三9.2

你有过这样的经历吗?在网上兴冲冲地订酒店或买机票,看到的价格明明很心动,可一路操作到最后支付那步,才冷不丁冒出来一堆服务费、清洁费、税费…… 最终价格活生生比预期高出一大截。

查看详情

#toast#价格呈现效应#信任感

高德地图: 导航车标也有自己的性格
高德地图

用户体验高德地图: 导航车标也有自己的性格

猎人 - AmberDu小白9.5

通常导航类App地图界面里的指示车标都为表示方向的箭头图案,「高德地图」的导航车标则可以进行个性化的自定义设置。在「设置」详情页里找到「导航设置」,点击「导航图面」列表的「导...

查看详情

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