就是这么贴心!隐藏在Airbnb网站里的9项体验与交互设计

2015/05/04 14450

airbnb-user-experience-interaction-1


如果你曾使用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 将探索的环节和省略了,而是专注于让用户沿着网站的视觉流向下意识浏览下去。

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

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

结语

今天的Airbnb 已经成为市值200亿美元的企业了,而成就这样一个帝国仅仅只需7年。这是一个令人振奋的创业故事,如果你未曾读过他们的故事,那么我想你可以先看看这篇文章。那么,在Airbnb做设计又是怎样的一种体验呢?戳这里:《梦寐以求!美女设计主管STEPH BAIN的一天》

成为交互设计师的必读好文!

阿里巴巴资深交互设计师经验!
《推荐!交互设计那些事儿(一)》

网易设计总监亲历分享!
《网易美女设计主管!交互设计菜鸟如何入门?》

交互设计师自学指南!
《交互设计师修炼指南!教你从零开始成为优秀交互设计师》

原文地址:medium
优设译者:@陈子木

「子木说」

之前在知乎浏览Airbnb相关问题的时候,曾看到这样一句话:“一千个人体验Airbnb就有一千个故事。”细细想来,也确实如此。你和你的新房东相遇,不同的人相遇,截然不同的地方,和酒店完全不一样的体验,无法预期的化学反应开始发生,这也是未知带来的乐趣所在啊。如果将Airbnb的这种设定运用在设计和互联网产品上又会怎样呢?

uisdc-tuweia-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/airbnb-user-experience-interaction

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里