【第241期】AIRBNB网站里的9项体验与交互设计

来自早读君：

早读君了解这个网站也是通过朋友才知道的，没真正去用过这个网站，只是大概了解它的性质。所以今天分享这个网站的交互设计体验。

文章后面有周二晚在朋友圈讨论的话题，欢迎讨论~~

正文从这开始~~

如果你曾使用Airbnb预订过地方，那么你会在这个过程中，逐步发现这个企业拥有着顶尖的产品设计团队。这个正在改变整个行业的企业，正在为用户提供着顺滑无缝的体验，而这也是今天我撰写这篇文章的初衷。

作为一个喜欢研究用户体验、交互设计、UI的产品设计师，我尤其喜欢剖析成功的产品，寻找其中隐藏的交互和用户体验设计。无论这些设计是用来提升整体的用户体验，还是激励产品增长，你会发现这些设计都非常有意思，并且值得分享。

事不宜迟，一起来看看我从Airbnb中发现了什么吧：

1. 情绪感染（用户体验）


当我们打开Airbnb的网页的时候，立刻就被友好和安全的氛围所包围。我相信，营造这一氛围的影响因素很多，但是有一样绝对是最突出的，也是决定性的，也就是页面中所用的照片。如果你仔细观察Airbnb所有的图片选取，你会发现他们的选图规律：绝大多数图片所拍摄的是几个“朋友”在优雅的环境中，微笑着享受生活的情形。

这就是典型的“情绪感染”的使用案例。维基百科中对于“情绪感染”的解释很直白：

它指的是两个个体在情绪上相互影响和传递的趋势，当人们不自觉地、下意识地模仿对方的情感表达方式的时候，他们能够感受到同伴的情绪反射。

当Airbnb用无处不在的生活场景和微笑的照片来包围你的时候，我们会在潜移默化中被Airbnb社区所影响，与那些幸福的旅行者和这个品牌产生情感关联。

实际上，这种手法并不鲜见，许多企业在情感化的设计上都可以堪称得心应手了。比如这篇“Facebook 是如何通过控制用户浏览的新闻来创造情绪反应的”，就能给你不少灵感。

2. 文案驱动情绪（用户体验）

Airbnb 在整个网站的的语言使用上极为一致。“有归属感的世界”，“属于任何地方”，“欢迎回家”等等等等。许多文案的遣词造句看起来并不是特别显眼，特别独特，但一定是经过深思熟虑创造出来的。他们将过去老套的、模式化的住宿搜索定制为更为情绪化、个性化的搜索。

永远不要低估文案的力量。它们可以为任何体验和过程构建内容。例如，你在做澳大利亚旅游专题的时候，你有三张悉尼、墨尔本、布里斯班最漂亮的照片，那么你会怎么配文案呢？

“下一次旅行的理想选择”可能是一个不错的文案，但如果改成“本周顶级独家圣地！”，点击量一定优于前者。第二个文案能够调动起用户的情绪，有些正准备旅行的用户会直接改去澳大利亚，因为别人也是这么做的！

3. 保存以前的搜索结果（用户交互）

我常去的咖啡馆的服务员会记住我点咖啡的习惯，这也是促使我加入这家店VIP会员的重要原因。如果一家店记住你的需求，并且愿意为你定制话服务，体验也算得上是非比寻常了。

通常你在一个网站搜索过之后，网站会记录下你的一个时间段内的搜索历史。但是Airbnb不同的地方在于，它会通过在线服务记录下你所有的搜索记录——即使不再Airbnb搜索的记录。这也就意味着，你在谷歌、百度、携程、去哪儿搜索了去马尔代夫之后，你打开Airbnb，点击搜索框，马尔代夫会立刻出来。贴心！

虽然这只是一个小细节，但是可以在此窥见Airbnb在打造无缝的浏览体验上的坚持。

4. 抓住痛点：价格范围 （用户交互）

随着Airbnb的成长，每次搜索的列表都有数以千计的结果弹出来，单是选择障碍就足以令用户头疼不已。不过我在随后的搜索中发现，Airbnb开始非常谨慎地用一个条形图来显示房源的平均价格变动范围，这也就你不用翻上几百页来筛选了。

5.列表内图片切换（用户交互）

当你筛选房源和居住地的时候，最重要的事情是什么？最重要的，是那个地方实际的样子！是否与照片相符！当你获取搜索结果之后，每个搜出来的房源和地点的基本信息都很完备，最重要的是，图片都是主体，并且成组的图片你无需跳转，直接浏览，方便之极！

6.列表实时更新 （用户交互）

列表实时更新这个功能并不是每个网站都添加了，但是具备这一功能的网站是否做的好用还是两说。而Airbnb就做的很不错！当你搜索出结果的时候，右侧是地图左侧是列表，当你在地图上选取不同地点的时候，搜索结果会随之自动更新，稍加脑补你就会意识到这绝对是一个深思熟虑的设计，这种额外的交互体验绝对是在惊喜的范畴以内。

7.社会认同与限量销售

其实这也是一个颇为经典的“技巧”。通过限量销售来创造紧迫感，让用户看到有多少人同时与之竞争则是通过数字来创造社会认同提升产品销量。

第一次在Airbnb查询并预订的时候，由于预订名额不多，地方紧俏，结果我预订失败。下一次去阿姆斯特丹的时候，我还是想预订这个地方，下次我会更早预订并做好准备的。有的时候人就是这么奇怪，越是得不到越是想得到。当然，这当中的平衡和技巧需要掌控好。

过度的控制可能会造成饥饿营销，这并不可取。

8.坚守核心价值观（用户体验）

在特殊的日子里，听到来自全世界各地的“朋友”的问好是一件多么美好的事情啊。Airbnb就在为用户做这样的事情。对于Airbnb，这也是我最喜欢的品牌保留策略之一。

我记得Airbnb的创始人 Brian Chesky 在接受采访的时候说道，Airbnb 提供的远不止于一个简单的住宿场所，它所提供的是一个帮大家交朋友的地方。

去年年底的时候，我收到过一封Email，邮件标题是“同你的Airbnb房主每个季节问候一次”。这是增进友谊、构建社区的绝妙提案啊！这些令人感觉美好的事情也确实能使人产生好感，为之着迷，所以相比于其他相似的服务，我更愿意在Airbnb预订房间。

9.动态首页（用户体验）

Airbnb的首页设计有视觉焦点，对于视觉走向也有引导。和许多同类网站不同，Airbnb 将探索的环节和省略了，而是专注于让用户沿着网站的视觉流向下意识浏览下去。

当你搜索过，点击过几个地方，当你在回到首页的时候，会发现首页已经根据你的浏览记录进行了个性化定制，符合需求，推荐也帮你省去了重新发掘探索的步骤。虽然这种功能算不得起眼，但是你会为这种小改变而惊艳。

这些有意思的细节设计不仅使得体验更好，而且拿捏的时机也很好。预订过几个地方，搜索过十几个城市，你会发现这是一个令人感到温暖的网站，你自己也会成为一个温暖的人。

谢谢你能阅读到这里，早读君分享周二晚上在微信朋友圈的一个话题：

话题

发现一个问题，有时候觉得前端挺为难的。整个活动到设计完差不多距离上线只有三四天了，然后运营拼命催前端做。在设计的过程中服务端已经开发完了，夹在中间层中的尴尬。

从留言上看，每个公司的共性还是很大的，现在整理出来，仅供讨论：

@夏雨不打伞：就是这样，销售把产品催的天花乱坠，产品设计拖工期，前端在中间加班加到死~~

@徐凯：经常遇到。要时刻提示风险的存在，万一三四天加班都完成不了呢？

@振宇学长：按理说在设计过程中前端就能够有一些事情可以介入，包括常态的建设和这次需求开发的建设，运营活动前端在里面可以拿到很大的主动性。这边做过一些常态为事前准备的事情，抽象运营场景dpl，让运营可以标准化的部分尽可能标准化。

@子回：设计在开发过程中大概氛围两步，原型和高保真。原型（交互层面）做完之后前端就可以着手模块化，功能（主要js方面）。高保真出来后才做具体的视觉UI。这样可以并行一点。

@漫游：活动？搞个活动切割机~

ps：这种前几年有尝试过，切图的时间成本好大~

@猫叔叔：跟产品有个共识机制，比如下周的活这周规划，不然到下周临时有的就排后面。如果真的有很紧急的，可以做，但绝不轻易妥协，需求层面他们pk，有得必有失。

@u2fish：明显是大家不是一个team导致的，我们后端前端测试算一个组，如果完不成整个组都没完成，这样就没法扯皮，说什么设计花时间长，后端花的时间长，测试慢了，如果延期，是整个组的事情，而不是某一个人的事情。

ps：现在流程这种小团队风格，挺好的这种方式。

@TQ：最好在了解交互稿开始就搭建好框架还有考虑好可以用到的所有技术文件，并且提示设计要提供全所有要素，保证你能埋头独立开发。

最后，如果你也有遇到同样的情景，欢迎加早读君私人微信号：zhgb_f2er，我们一起来讨论。