Airbnb网站里影藏的9项体验与交互设计

2016-02-16 20:35 27 1 收藏

下面图老师小编跟大家分享Airbnb网站里影藏的9项体验与交互设计,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - 平面设计 】

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

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

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

1. 情绪感染(用户体验)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

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

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

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

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

2. 文案驱动情绪(用户体验)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

永远不要低估文案的力量。它们可以为任何体验和过程构建内容。例如,你在做澳大利亚旅游专题的时候,你有三张悉尼、墨尔本、布里斯班最漂亮的照片,那么你会怎么配文案呢?下一次旅行的理想选择可能是一个不错的文案,但如果改成本周顶级独家圣地!,点击量一定优于前者。第二个文案能够调动起用户的情绪,有些正准备旅行的用户会直接改去澳大利亚,因为别人也是这么做的!

3. 保存以前的搜索结果(用户交互)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

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

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

4. 抓住痛点:价格范围 (用户交互)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

5.列表内图片切换(用户交互)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

6.列表实时更新 (用户交互)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

7.社会认同与限量销售

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

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

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

8.坚守核心价值观(用户体验)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

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

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

9.动态首页(用户体验)

Airbnb网站里影藏的9项体验与交互设计,PS教程,图老师教程网

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

结语

今天的Airbnb 已经成为市值200亿美元的企业了,而成就这样一个帝国仅仅只需7年。这是一个令人振奋的创业故事,如果你未曾读过他们的故事,那么我想你可以先看看这篇文章。

来源:http://www.tulaoshi.com/n/20160216/1573872.html

延伸阅读
任何位置都能明确我在哪里?这里有什么?从这里能去哪里? 小时候,童话故事都告诉我们,迷路可不是一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事情上,极具创意。 在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体...
设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站。 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:多希望我当初能够想到这个点子。设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性...
设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站。 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:多希望我当初能够想到这个点子。设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性...
很有幸能看到这篇文章,作者见证了腾讯CDC从寥寥数人变成一个成熟团队的整个过程,成长经历相当有可读性,且值得设计师学习反思的地方太多,无论是哪个领域的同学,都推荐阅读收藏。 前言:今年同时是我工作的第十个年头,今天也是我的生日,如果一路往上回顾,应该是有不少故事的,如果要讲,我总是习惯性从我工作的第5个年头开始,一方面 5...
导读:微软bing在推出时很多人就觉得这个搜索引擎界面与众不同,没有使用谷歌简单直接的界面,而是用许多精美的图片作为网站界面,当然作为微软bing来说,还有许多好玩创意的交互设计功能。 微软的bing 已经除了有一段时间了,之前玩了一下没有特别的感觉,但前两天,不小心发现bing 的视频搜索功能十分强大。于是好好的用了一下,发现bing 的...

经验教程

71

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部