情感化设计游戏化设计还能这么玩?Airbnb用城市贴纸打造用户专属成就感

产品: Airbnb猎人: 张老三观众: 6.5k人 时间: 2025-11-19

Airbnb

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

我也有新发现 我要投稿
游戏化设计还能这么玩?Airbnb用城市贴纸打造用户专属成就感游戏化设计还能这么玩?Airbnb用城市贴纸打造用户专属成就感

细节描述

张老三: 你的App里是不是也有「历史记录」这个功能?但说实话,除了查账单,用户多久才会点开一次那枯燥的列表?如果你正发愁如何让用户对过去的数据产生情感连接,不再把用完即走的工具当成冷冰冰的机器,那Airbnb这个设计细节,绝对值得你停下来看三分钟。

在Airbnb的个人中心界面中,设计师巧妙地植入了一个情感化入口。首先映入眼帘的是一个拟物风格的棕色皮质行李箱图标,上面看似随意地贴着几张旅行贴纸,这种视觉隐喻瞬间将用户带入旅行者的角色设定。 点击进入后,原本枯燥的「过往行程」列表被重构为一套精美的卡片墙。每一个去过的城市都拥有专属设计的徽章。这些徽章采用了单色线面结合的插画风格,色彩提取自当地特色。图标设计高度提炼了地标元素,并配以清晰的城市名称和旅行时间。这不仅仅是列表,更像是一本精心排版的数字化旅行手账。

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

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

{{ moreBtnTxt }}

你可能还爱看

「支付宝」评论里调皮的小表情们~
支付宝

微交互「支付宝」评论里调皮的小表情们~

猎人 - AmberDu小白0.0

用「支付宝」线下支付成功以后,会出现评价购物体验的页面。在选择代表本次消费感受的情绪表情时,无论你选择哪个表情,四个表情选项中的其他三个都会同时望向用户选择的表情。调皮的表情...

查看详情

#即时反馈#微交互#情感化设计

怎样让认证页面更可信,看Airbnb如何做质感设计
Airbnb

动效设计怎样让认证页面更可信,看Airbnb如何做质感设计

猎人 - 龙爪槐守望者9.4

Airbnb 把身份验证卡做成了物理实体防伪卡的样子,晃动手机时,头像框会跟着陀螺仪产生类似激光全息(Hologram)的变色光泽。巧妙地触发了实体拥有感与真实效应。人类大脑...

查看详情

#信任感#动效#卡片

微博国际版,把讨厌的人花式「踢进」黑名单
微博国际版

文案微博国际版,把讨厌的人花式「踢进」黑名单

猎人 - 海的格尔0.0

现实生活中我们会遇到讨厌的人,但碍于方方面面,我们也只能无奈作罢。在虚拟的网络世界我们同样也会遇到那些让人不爽的人,这个时候就可以用我们的法宝把不喜欢的人加入「小黑屋」了。微...

查看详情

#情感化设计#情绪#文案