【完整案例回顾】我是如何设计优化出更好用的航班筛选器的？

作者：Sue（Product Designer in Singapore ）；译者：Perry 阿力（UXRen社区成员）

 

作为一个有18个国家的热情旅行者，最近发现自己预订了无数的航班，我发现航班一直是旅行日期的关键决定因素，因为它的价格波动很大，可以有一个很大的对预算的影响。

找到最便宜的票价的一种已知方法是使用飞行聚合器。 他们通过搜索数百个预订引擎，航空公司网站和旅行社，并将结果全部显示在一页中。 有6000万人（包括我）使用的应用程序是Skyscanner，因为它始终以易用的界面找到最便宜的价格。

我采访了5名Skyscanner用户，并观察他们使用app预订航班的体验，并特别强调了解他们最终如何决定旅行日期。

一个特别的痛点超出所有其他 ——用户搜索多次以便寻找最便宜的旅行日期组合。

旅行者感到沮丧，这个搜索过程必须每隔一天重复一次才能灵活飞行，并且每次搜索最多可能需要20秒钟就会变得不耐烦。

此外，用户需要对许多搜索日期和价格进行心理笔记和计算。 对于一些用户，他们会在笔记本或Excel工作表上转录和编译这些数据，以便于进行比较。

这个问题是解决的关键，因为找到最便宜的票价，即使是跨越日期，Skyscanner的成功经验也是至关重要的。

旅客预计Skyscanner不仅可以比较最便宜的航班，还可以比较最便宜的日期组合。

Skyscanner旨在帮助用户通过这三个现有界面选择日期。

• 彩色点对应于价格范围，但不够详细，可以比较天数之间的价格。 这些点也缺乏视觉意义（可能是为了避免混乱的界面）。
• 图表表示两周内机票的价格。 然而，用户仍然必须在不同的日期组合之间切换，因为比起总体价格他们更关心机票的相对高度。
• 随时搜索自动建议在未来3个月内最便宜的日期组合。 但是，那些知道他们旅行日期的人几乎不会使用这个功能。

所有这三个功能，用户对建议的最便宜的票价是警惕的，因为它经常伴随着不合时宜的时间（清晨或深夜）或漫长的中转。

我发现另一件事是，旅行者沿着以下几个方面落在某个地方：

• 固定旅行者的日程安排紧张，因为他们有严格的行程安排。 他们只是希望得到预订流程，从而确定快速直接的体验。 示例：商务旅客。
• 灵活的旅行者想去旅行，但不确定在哪里或什么时候去。 他们想要一个预订过程，帮助他们发现最好的交易。 示例：漫步。

Skyscanner适用于具有无缝预订体验的固定旅客，以及带图表和随时搜索的灵活旅客。

然而，在日期之间切换的痛点仍然在今天发生，因为中间类别的用户 – 半柔性旅行者。

这些人对旅行日期和持续时间有一个总体了解，但在前后几天是灵活的。 正是这组旅行者在日期组合之间切换。

我采访了更多的半灵活的旅行者，以揭示他们的完美搜索的概念，以及今天的经验比较如何。

• 当飞行结束后，我们很难比较日期之间的价格。
  为了在一个地点重新排列潜在的航班，用户可以向消息传递应用的朋友发送截图，或将个别航班详细信息复制并粘贴到记事本中。
  用户希望飞行细节在一个地方编译，这样做很容易做出决定。
• 如前所述，用户对最便宜的票价是可疑的，因为它经常伴随着不合时宜的时间或漫长的时间。
  不同的旅行者有不同的约束（日期，持续时间，舒适程度），并期望能够为他们量身定制航班。
• 如果用户在其时间或预算限制内选择了最佳日期，用户就会焦虑不安。
  用户不仅希望显示出最佳选择，而且还希望了解为什么以及如何选择比其他选择更好。

选择最好的日期可能是一个紧张的情况，特别是如果要订购多人的机票。 情绪是紧张的，因为任何成本节省或损失乘以涉及人数，而这些预订往往不可退还且不可更改。

选择最优的航班时间可以节省巨额的资金，特别是对于短期通行的旅程，因为价格差异更大。 一个糟糕的预订体验会导致错误，但是很好的预订体验带来了成本节省和安心。

 

我们如何帮助半灵活的旅行者选择适合其限制日期的最佳组合？

一个新的体验，旅客不仅比较最好的航班，而且最好的日期组合在一个表中。 它是专为旅行者提供半灵活的旅行日期前后几天，并且出于理解，每个旅客都有自己的预算，时间和舒适的限制。 使用表格找到最好的旅行日期。

在表格中，以绿色突出显示最便宜的日期，提供出发/返程日期，退货日期及相应往返程总价信息。

在单击“表格”单元格后，会显示更多的航班信息，如中转和出发时间。 用户可以轻松地比较日期内的价格和航班信息。

可选地，用户可以使用Skyscanner强大的过滤选项来定制航班。

 

基于收集的反馈，关键设计探索是：

1. 我们如何轻松比较航班？
2. 我们如何定制航班以适应每个人的限制？
3. 我们如何将此功能纳入现有的Skyscanner应用程序？

通过每次迭代，我用3-5个半柔性旅行者进行了用户测试。

 

1、我们如何轻松比较航班？

这种表格格式提供了不同日期组合中总价格的最明显的比较。 此外，经验丰富的旅客习惯于这种界面，因为一些航空公司网站（FinnAir）已经采用相同的格式。

然而，有一些担忧将成为进一步探索的基础。

1a：要显示多少细节？

一个关键的挑战是寻找以清晰的方式表达大量数据的方式，这些数据不会困扰用户（给用户造成认知困难）。

从基本信息开始，我们需要知道用户关注数据的优先级为：轴含义>日期>总价>相对价格。

我设法最大限度地减少认知超载，并通过分块信息减少视觉混乱，依赖于电子表格软件（Keynote和Excel）的视觉提示，并通过排版创建视觉层次结构。

 

1b：我们如何能够超越？

我最初用箭头按钮和滑块探索了两轴的滚动。 用户测试后，我发现用户已经假设他们可以通过滚动日期来导航，渲染这些视觉提示是不必要的。

然后我意识到滚动区域（突出显示橙色）是需要拇指的伸展（比较难触到），特别是对于大手机上的右手用户。 通过扩展滚动区域（突出显示为绿色）来增加可访问性，还允许用户滚动到桌面上的任何位置。

我遇到了两个不同的道路，引起了很多内部辩论。左侧的设计可以提示和引导用户table表的延展性，而右侧的设计只能比较表中既有的日期。

当面对这个艰难的设计决策时，我回顾了主要目标，即为半灵活的旅行者设计缩小选择范围，最终在时间限制内选择最佳的日期组合，而不是鼓励进一步探索更多的日期。因此，选择了右边的设计。

也正是在这个时刻，我意识到在滚动日期之间失去旅途持续时间的轨迹是多么容易，因此需要显示行程天数作为滚动的标志。

 

2、我们如何定制航班以适应每个人的限制？

成本并不总是选择日期的最终因素。不同的旅行者有不同的约束（日期，持续时间，舒适程度），并期望能够为他们量身定制航班。但在用户知道要过滤的内容之前，他们需要知道有关航班的更多信息。

根据研究，廉价航班的2个交易破坏者是：1）长时间的搁置；2）不正确的时机。

从这两个输入开始，我需要在细节水平、屏幕稳定性和清晰度之间取得平衡。

解决方案是将飞行信息隐藏在价格瓦片下方，轻松访问和切换。 为了定制完美的飞行，我依靠Skyscanner现有的强大的过滤功能。

 

 

3、我们如何将此功能纳入现有的Skyscanner应用程序？

最直接的解决方案是将表格作为选择加入功能，可以在日历和图表之间访问，因为用户已经选择日期。

 

 

4、用户如何理解Table的价值？

朱茱萸写道，设计新功能的工作原理是多么的普遍，但最困难的部分是设计人们首次发现该功能的开始。

介绍Table的简单方法是在入门教程中启动弹出式通知或教育。 但是，用户很难理解Table的价值。 采取简单的方法也有可能导致其他类型的Skyscanner用户（固定旅客和灵活的旅行者）之间的混乱。

相反，更有意义的介绍是在半灵活的旅行者在结果页面上的日期之间切换时定位。 当他们遇到痛点时，他们更容易理解表的价值主张。

 

 

 

---

更多译文：

设计师100问：问天问地问自己

无法直接接触用户，如何做用研？

前Apple员工谈交互设计的未来

如何做让老年人也能方便使用的网站

全部170+篇译文>>

 

申请加入UXRen翻译组>>

 

---

译者： Perry阿力     审校：宝珠

作者：Sue（Product Designer in Singapore ）

原文标题：《Skyscanner: Choosing the best travel dates》

原文链接：https://uxdesign.cc/skyscanner-choosing-the-best-travel-dates-f59dbae249bb

发布日期：Sep 12, 2017

版权声明：

• 本文版权归：UXRen翻译组 所有；
• 转载带有“UXRen译”抬头的翻译文章，文章标题必须保留“UXRen译”字样；
• 转载文中必须保留：“UXRen翻译组”、“作者”、“译者”及“审校者”信息；
• 转载文末必须保留本译文网页链接地址；
• 如未遵照上述规则转载，视为侵权，UXRen社区保留随时追责的权利。