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

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

作者: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翻译组>>

uxren-fanyizu-00

 


译者: 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社区保留随时追责的权利。

 

 

UXRen公众账号
关注UXRen微信公众号(cnUXRen)

UXRen社区欢迎各界用户体验从业者及学生投稿优质原创文章。投稿请关注UXRen社区公众账cnUXRen(上面有二维码)留言“我要投稿”,小编会及时与您取得联系。

版权声明:除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区,并保留本站原文链接地址。本站部分文章来自互联网及公开渠道,如有侵权请及时联系我们。邮箱:contact@13tech.com.cn

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34362/

(0)
震天下震天下
上一篇 2017-10-17
下一篇 2017-10-20

相关推荐

  • 算法驱动设计趋势已来,产品设计如何与算法进行创新合作?

    译者:舒舟,阿里巴巴/1688事业部/无线交互   过去的一年,BBC UED团队(原1688UED团队)花费了巨大的资源和精力投入阿里巴巴集团中台DPL(Design Pattern Library)项目,旨在通过设计模式的提炼及抽象,由规则和…

    交互专题 2017-08-07
  • 全面了解iOS 11

    作者:沄海   UI得以迅速发展,苹果公司功不可没,他开启了移动化浪潮,拥有了世界各地超过十亿的设备,有潜力使任何想法或设计成为主流。这一次,苹果对之前对设计风格做了较大变动。 今天分析的两个版本分别是 iO…

    交互专题 2023-03-03
  • 用户体验设计必须知道的产品9种状态

    作者:Yjjj @ UI设计狮联盟   之前在脉脉上有看见过有人提到的这12种状态,但是明确的说应该是用户在使用产品时的状态,但是细想之后觉得有几个状态应该修改一下,那么我们重新定义为9种状态吧: 等待 初始 寻找 无…

    交互专题 2017-08-07
  • 交互设计师的60日计划第二十天

    这几天觉得好像没有什么可写了,会不会是姨妈所以脑子比较迟钝→_→昨天初中闺蜜突然叫我十一去秦皇岛玩,因为找不到人陪我去台湾所以果断的买好了所有票订好了房和她们去玩玩,晚上同事为了犒劳自己这几天准备晋级的…

    交互专题 2015-08-20
  • 优化夜间阅读体验-夜间模式设计通用方法

    作者:花咯   你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结…

    交互专题 2017-08-07
  • 2018年3月交互设计招聘内推信息

    58体验设计团队——北京 交互视觉用研岗都有,欢迎各位朋友自荐或推荐,非常感谢。 简历可发给uxd-job@58ganji.com  是一直活泼可爱的团队~ 对于男设计师来说:100人里65%是女生 其中单身有1/4 机会还是很大的 阿里口…

    交互专题 2018-03-09
  • 交互设计师的60日计划第十五天

    今天晚上去上了想上已久的舞蹈课,超级超级开心。说要学舞说了这么久,总是不能兑现。今年的另一个要实现的事情,就是每周坚持学舞蹈吧。 20150813 产品经理的自己提的方案也可能并不是他想要的 很久以前师父和老大…

    交互专题 2015-08-20
  • 【新鲜译文】iPhone X人机界面规范

    译者:阿呜(UXRen翻译组成员)   iPhone X的超大尺寸、高分辨率以及它的全面屏给我们带来了以前从未有过的沉浸式体验和丰富的内容展现。   1、屏幕尺寸 iPhoneX竖屏时的屏幕宽度与iPhone6、iPhone7和iPh…

    2017-09-14
  • 功能确定之后,如何做好UCD概念设计?

      功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。 如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓…

    2016-02-20
  • 从谢尔丹认识交互设计

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。如同武侠世界里的隐居剑客,高手榜上虽没它的名字,但江湖中处处是它的传说。交互设计了解一下交互设计(英文Interaction Design, 缩写IXD),是设计系统动态、人机互动方式的领域,通俗来说就是“用户...

    2018-04-17