国外改版重设计案例-如何改进Booking网站的用户体验

  • A+
所属分类:经验思维

本文来源: xiaomao翻译(公众号: 知群X可能性与大设计) , 共 2220 字

针对一个设计需求,每个设计师都有不同的领悟和表现手法。同样的,国外会有很多优秀的设计师针对著名的站点来做一些概念设计、重设计。今天推荐的这个案例在 Medium 上拥有超7K赞,一起来看看吧。

国外改版重设计案例-如何改进Booking网站的用户体验

Booking.com 创始于荷兰,从一个小团队逐渐成长为世界级电子商务巨头之一。公寓、旅馆、民宿,豪华五星酒店,树屋甚至冰屋在这个平台上应有尽有,为出行者提供丰富的选择。

在Booking.com,平均每天有超过1,550,000房间被预定。不管是商务出行还是休闲度假,用户都可以方便快捷的在平台上预定自己心仪的房间,而且没有手续费。

背景概述

自从Booking.com上线以来,众多竞争者紧随其后纷至沓来,这些竞品里有的很受市场的青睐,甚至有些地方比Booking做的还要出色。

在开始调研之前,我选了几个竞品和相似的平台,分析了一下它们的UI、UX、使用流程、信息架构还有一些关键功能。但因为我还是想把主要集中精力放在研究Booking 上,所以并没有很深入地进行研究。

国外改版重设计案例-如何改进Booking网站的用户体验

场景分析

调研过程我主要集中在了三种使用场景上

  • 场景1:用户明确知道自己的计划行程时间和目的地
  • 场景2:用户只知道自己的计划行程时间,目的地待定
  • 场景3:用户只知道自己的计划目的地,时间待定

国外改版重设计案例-如何改进Booking网站的用户体验

用户画像

接下来我根据不同的用户需求和目标做了四种用户画像,这为提升每种用户的流程体验和产品的易用性提供了依据。

国外改版重设计案例-如何改进Booking网站的用户体验

用户评论

我在用户的评论中找到了一些线索,这些线索并没有提到可用性(usability)和功能性( functionalities)的问题。总结主要为以下4点:

1.取消预订

2.APP Bug

3.交易问题

4.评价可视化

毫无疑问,反馈最多的是与取消预订相关的问题。很多用户提到曾被收取不公平的费用,还有很难跟房东取得联系。

国外改版重设计案例-如何改进Booking网站的用户体验

用户访谈

根据30位用户的访谈结果,我得到了进一步的反馈内容,总结为以下3点:

1.相比于其他平台的价格,Booking价格更高一些;

2.Booking上很难看到房源的负面评价,系统被设计成更多的呈现好的评价;

3.很难与房源的房东(客服)取得联系,也很难得到他们的回复。

国外改版重设计案例-如何改进Booking网站的用户体验

我想引用一句非常有趣的话,因为这句话和现在用户的反馈和评论很贴合,是这么说的:相比之下,这个App从某些方面看太古板了,处处看起来都像是在做买卖,感觉好像无时不在提醒你买什么东西。

痛点

总结一下现在的调研,我考虑到以下4点:

1.并没有一个合适的解决方案能够将之前提到的三个场景全部包括在内;

2.也没有功能可以将四种角色的用户体验全部得到提升;

3.界面的优化应该更加以用户为中心而不是“销售”;

4.很多关于取消预订和联系房东(或客服)的问题。

解决方案

我试着去根据上面提到的用户痛点,引入新的功能从而提升整体的用户体验。

首页

总的来说,我对当前版本的首页做了大幅改动。搜索的流程经过了完全的重构,尽量避免搜索中需要输入过多的条件信息。

我试着去解决提到的痛点并且引入新的功能去提升整体的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

导航栏—为了方便用户更快的找到自己收藏过的房源,我将“收藏”功能从信息架构中提出来放到了导航栏的位置。在文章后边我将进一步解释“精选”这个功能。

相对前一个版本我保留了与最新搜索和房源相关的控件布局,重新设计了一下 UI 的界面样式,提高美观度可用性。

国外改版重设计案例-如何改进Booking网站的用户体验

如今社交网络使每个人生活联系更加紧密,所以为什么Booking里为什么不加入社交元素呢?

这里我加入了一个新的功能:用户可以关联自己的社交账号,查看好友最近预定的房源,包括他们对房源的好评或者差评。

我把这个功能放在了主页,主要想收集一下用户的反馈数据,然后再考虑放到其他的地方。

我试着去解决提到的痛点并且引入新的功能去提升整体的用户体验。

国外改版重设计案例-如何改进Booking网站的用户体验

现在搜索的流程被分解成一系列操作步骤:输入目的地后,用户可以直接看到结果,并不需要日期等其他信息,这样,就涵盖了之前提到的场景3。

而且,语音搜索功能的加入让用户使用更方便。根据之前做的用户画像的设想,搜索结果将根据最后一步所填信息智能呈现。

  • 1个成年人-背包客-旅社
  • 2个成年人-情侣度假-酒店、宾馆或者民宿
  • 2个成年人+1孩子-家庭出游-公寓、酒店
  • 1个成年人+随行人员-差旅-酒店

注:客房的配套设施也将基于以上假设直接呈现在搜索的结果列表页

国外改版重设计案例-如何改进Booking网站的用户体验

搜索结果列表页

对列表页进行了大幅改版以提高其可用性:

  • 为了简化用户操作,我将原有的3个筛选按钮减少到2个,并放置在屏幕底部,方便用户快捷操作。
  • 增加了一个显示房源类型的标签
  • 将房间的主要配套设施显示在用户一眼能看到的地方

注: 查询结果可以根据用户身份和查询条件的不同展示用户需要的房源.

  • 为了更容易比较各房源之间的价格,我将“总价”改成了每日“单价”
  • 尽量避免那种“买东西”(deal focus)的感觉

国外改版重设计案例-如何改进Booking网站的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

客房详情

基于前面我对列表页面的修改,详情页我将价格显示为总价,以避免一些潜在的额外费用的影响。

同时我想强调一下关于评论的小功能,用户可以按评级来筛选查看评论——这一点在用户的反馈中提到过。

国外改版重设计案例-如何改进Booking网站的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

精选

在调研最开始的场景2中,用户并不确定自己的目的地。为了更好的用户体验,我增加了一个新功能叫做“精选(Deals )”,用户可以通过条件查询,发现来自世界各地的各式客房。

国外改版重设计案例-如何改进Booking网站的用户体验

原型设计

最后,根据以上提到的所有界面,我做了一个交互原型(原作者Gif图较大,因微信后台限制故切成5张小图上传)。

国外改版重设计案例-如何改进Booking网站的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

国外改版重设计案例-如何改进Booking网站的用户体验

结语

由于时间限制,这次调研过程和结果所涉及的假设都基于个人经验以及一组小范围用户样本。如果要进一步改进和验证解决方案,还需要进行深入的分析和更多测试。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: