全球都在用的Booking，是如何做设计改版升级的？

每一次学习改版案例，不仅仅只是去看在视觉层面的变化，更多的应该是要学习到作者改版背后的思考。为什么要这么改，原因是什么，目的又是什么，怎么做，有哪些限制等等，有很多东西要去思考。所以，带着问题并结合自己实际中所做的项目来看案例，应该会是一个很有收获的过程。

项目背景

Booking.com缤客 是一家荷兰初创公司，并已经发展成为全球最大的旅游电子商务公司之一。
Booking，择界任何住宿，括，假，宿，豪假，树甚至冰。，预订数155。论休闲，速轻预订住。

竞品分析

从Booking，许竞争采类似模疯狂，抢占，并某Booking身。

在调研的前期阶段，我去搜集了一些竞争对手和类似的平台，分析UI，用户体验，用户地图，信息架构和关键功能。但是我并不会花太多时间过于深入的去分析这些产品，因为我希望将重点放在Booking这个产品本身的诉求上。

使用场景

研程，许使，归，注3：

• 场景1：用户知道其行程的日期和目的地（默认场景）
• 2：户确目楚
• 场景3：用户知道目的地但不确定其旅行日期

典型用户

在进一步的研究中，我明确了4位具有不同需求和不同目标的典型用户，这些数据对于改善不同用户的体验非常有用。

这个分析的目的是通过梳理最佳的用户流程并提升产品体验，来为不同需求的用户提供最好的用户体验。

△ 数据来源：在线研究和用户访谈（30个用户样本）

用户反馈

收集用户评论，从中我收到了很多有价值的反馈，这些评论中没有特别明确指出是可用性或功能性的问题。我将这些反馈分为4类（译者注：对反馈的问题进行提炼整理）：

• 预订被取消
• App的Bug
• 投诉效率
• 反馈的进度

毫疑问，相预订被取消问题。户注或取系遇困难。

用户访谈

基于30个用户样本，我试图获得进一步的用户反馈，从中注意到以下的几点事实：

• 与其他平台相比，booking的平均价格通常更高
• 产品过于突出好评，用户很难发现一些真实的差评
• 收户复系户困难

我想引用一段话，来总结这里面遇到的问题，这段话也蛮有意思的，它说的是：

「与其他应用比较来看，套路显得有点多，会让你觉得一切看起来都蛮划算，总是想多卖一些东西给你。」

用户痛点

总结之前的分析，我提出了以下几点观点：

• 没有一个完美的解决方案能够满足所有用户，用户需要尽可能多的掌握有用信息。
• 没有的功能没有太多考虑到个性化需求。
• 可以改进UI并使用户更加集中于他的目标，而不是完全「以推销为中心」
• 优户系问题

解决方案

从用户痛点出发，尝试找到合适的解决方案，来提升产品体验。

1. 主页

总的来说，我对首页进行了大手术。主页的搜索功能已经完全重新设计，减少过多的干扰信息。

导航：我设计了一个新的导航栏，剥离出「已保存」功能，这样用户就可以快速找到自己所收藏的商品。此外，我也优化了「交易」的模块，后面我会详细的说说这块的改动思路。

它功 :至版，留搜索相功，界改善UI。

2. 社交功能

如今，社交网络在用户的生活中扮演重要的角色，那没理由在booking中做的这么差。我搞了一个新功能，允许用户关联自己的好友并查看他们最新的选择，包括他们的评价（喜欢/不喜欢）。我已将此功能放置到主页的下方，因为我希望在将其推广到其他模块之前收集更多有关它的数据。

3. 搜索功能

把这个功能分解为多个步骤。在输入第一个词后，即使没有指定日期或其他信息，也能显示相匹配的酒店。此外，我也加入了语音搜索，使搜索更容易。基于之前我对不同用户角色的定义，搜索的结果将根据最后的信息进行推荐：

• 1名成人 ——背包客 ——酒店
• 2名成人——度假夫妇——酒店，宾馆或B＆B（某种酒店形式）
• 2名成人+儿童——家庭——民宿公寓或酒店
• 1名成人+商务选择——商人——酒店

4. 列表页面

列表页针对易用性方面做了整体的优化：

• 将筛功从3按钮改2按钮减户操骤——将它页，使
• 我添加了标签功能来更好的区分属性类型
• 在第一时间向用户展示物业的主要设施特点。注意：根据不同的用户，可以智能突出显示不同人正在寻找的不同信息。
• 我将报价的方式转换为「单晚」而不是「总价」，以便在不同商品之间进行比较

5. 详情页

我列出许多可以在详情页面中加入的修改。将总价格突出显示，以免有些隐形消费用户可能会被忽略。

增论相功，允许户标签筛它。

6. 交易功能

在优化开始时，我确定了操作场景2—— 「用户还不知道自己的目的地」作为优化方向。为了提供更好的用户体验，我增加了一个新的功能，用户可以在其中找到不同目的地的区间。利用筛选功能，用户可以选择最适合其需求的区间（区间 – 大陆 – 国家等…）

动效原型

最后，我还设计了一个整个项目的动效原型，把之前所有重设计的页面串联起来。

结语

由于时间限制，分析和结果是基于我的个人经验和少量数据，需要进行深入分析和其他测试，以便完善和验证解决方案。

原文链接：《Booking.com — UX Case Study》

欢迎关注译者的微信公众号：「彩云译设计」