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

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

作者: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

相关推荐

  • 【笔记】北美大公司里做UX Designer是啥体验?(附视频)

      UXRen北美社区成立至今,旨在聚集华人UX设计师群体,为提供大家一个交流的平台。此外,我们希望大家也能够能线下碰面、聊天、互相认识,分享彼此的UX设计宝贵经验。   本期撰文/Leecy 会议记录/陈若涵 整理/Leecy…

    交互专题 2017-08-07
  • 微信的扫码和摇一摇,给老美好好上了一堂创新课 【UXRen译#150】

    作者: YUNNUO CHENG & RALUCA BUDIU @NNGroup |  翻译:张维钢、朱玲 ,校审:Junliang   摘要:与美国相比,在中国扫描二维码和摇一摇成为了有效沟通线上线下的交流方式,并且应用广泛。   图为中国“绝味鸭脖…

    交互专题 2017-08-07
  • 用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

    1. 设计师如何参与一个具体的项目需求分析,了解需求,清楚我们要做一个什么样的产品,目标用户是谁,要达到什么效果,具体有什么内容、功能…然后我们开始进行设计,在草图上梳理信息架构,设计任务流程,设计界面,确认没有问题后再用专业的软件工具把设计方案呈现出来。经过设计评审后,设计师要去跟进后续的视觉、前端、开发、测试环节,确保最后的产出物和自己的设计方案一致。2. 在项目中设计师容易遇到的问题团队成员的专业能力外界因素的影响团队凝聚力3. ...

    2018-04-25
  • 设计如何操纵人的想法—来自于Google的设计伦理学家

    作者:Tristan Harris 译者:@Steve-Mr 与 @WayneMaa 和 Oscar Wei   愚弄人们,要比让人们相信自己被愚弄了简单。 我十分了解科技如何劫持我们心理上的弱点,这也是过去三年,我在谷歌研究防止上亿人的心智被科技…

    交互专题 2017-08-07
  • 教育产品组件化交互设计的实践与思考

    作者:王媛媛   组件化设计,就是设计模块化,组件可复用。是以通用化的视角审视模块设计,根据业务方需求支持多个产品的接入与使用。在线教育领域内,题目是线上线下教学场景内校验学习的一种基本方式,同时,题目…

    交互专题 2017-11-13
  • 交互设计的综合性——后APP时代交互设计师的主场

    作者:司马西   1. 后APP时代-用户时间的争夺战 近几年来,移动互联的普及,各大厂商为了抢占市场激烈竞争。然而硝烟散去,我们统计并回视移动互联网的App世界,各大行业(包括:新闻、游戏、餐饮、医疗、教育、金…

    交互专题 2017-08-07
  • 淘宝2017-提示信息的情感化设计

    作者:要白 明飒   开端:做一个有故事的 现如今,消费者对产品的需求从追求高性价比更多地转为高品质,虽然手机只是一个机器,但用户与产品之间当然是能有情感传递的,不然就只是一个冷冰冰的工具而已,能让用户在…

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

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • 如何完美碾压用户体验职位面试 【UXRen译#152】

    作者: Patrick Neeman |  翻译:Shea ,校审:Ariel   当你成功进入了电话面试或者面对面面试的阶段,这就意味着你已经通过了最艰难的考验:你已经具备了在该公司工作的技能。现在要被评估是否具备软实力以及能否…

    交互专题 2017-08-07
  • 【UXRen原创】杀死转化率的 4 大 UX 错误

    作者:Sean Ellis   译者:吆喝科技   本文编译自 Sean Ellis 所撰写的《UX mistakes that are killing your conversions 》 ,作为资深交互设计师, Sean Ellis 谈论 UX 在转换率优化的重要性。Sean Ellis 是 Qual…

    交互专题 2017-08-07