当前位置:主页 > 设计理论 >

用户体验案例研究——旅游平台Skyscanner的网页设计改进

  • 2018-07-14 16:59
  • 来源/作者:25学堂/未知
  • 己被围观

这是基于个人使用Skyscanner的痛点做出的设计变化,所有这种情况是否是普遍的现象需要进一步的研究,同样,这样的解决方案还需要进一步的测试和验证。这种“灵活日期“的设计方案

Skyscanner是全球领先的旅游搜索平台,提供对一千多家航空公司的上百万条航线以及汽车租赁和酒店的即时在线比较及预订。每月拥有超过7000万的用户在使用。

Skyscanner的愿景:Skyscanner是一个启发人们以最优惠的价格从数百万旅行清单中直接进行规划和预订。

从Skyscanner的愿景我们可以了解到,Skyscanner提供智能化的搜索,帮你选择去旅行。假设您有一个小假期,想出发去短途旅行,您可以在Skyscanner平台输入“任何地方”,然后Skyscanner就会列出一系列的目的地,您可以根据您的标准进行比较并最终决定去哪里旅行。

一、发现问题

但是,如果情况正好相反 -  你确定了旅行的目的地,但不确定旅行的日期呢?比如,您一直想去新加坡旅行,您的假期比较灵活,您决定安排为期七天的旅行,这种情况下又要如何安排呢?

在这种情况下,用户在Skyscanner上操作就会遇到很多问题。Skyscanner上不能选择在日期范围内搜索,也没法选择逗留的时间。所有您只能通过两种方法来搜索信息:

1,选择特定日期并执行多次搜索。为了比较不同选项,你需要打开多个浏览页面。

2,选择'整月'作为你的日期范围。这样会显示一个每天不同价格的图表。但是,返程的航班价格取决于您的出发世界,所以您还是要多选几次日期然后找到一个合适的组合。还有,可视化的图表不允许比较其它可能相关的航班信息。

用户故事

“作为一名旅行爱好者,我希望能够使用Skyscanner轻松的比较日期,时间,价格和航空公司,然后做出最佳的选择。因为我的新加坡七天之行没有一个固定的日期[下图场景3的情况]。”

问题定义:目前还没有为方案3提供简单的解决方案。

我的目标是在自定义日期范围内和出游天数内推荐最佳航班选项,从推荐的选项中我就可以选择并预订我的航班。

用户任务

这意味着,我需要能够:

添加一个或多个来源作为搜索条件;

添加一个或多个目的地作为搜索条件;

除了当前选择特定日期或整个月的选项外,还能通过灵活的日期筛选搜索;

指定我的旅行的持续时间;

指定我想在其中搜索的范围(出发 - 返程)

用户流程 - 仅概述单个流程(如果用户选择选项1,会发生什么情况)

二,建议解决方案

1.主页改进

从Skyscanner的首页开始,我做了一些改进,帮助用户专注页面并避免分心。

改进前——改进后

分组 - 将航班,酒店,租车三种业务放在了顶部的导航菜单。激活的菜单与未激活的菜单之间用对比度强的颜色做区分,让选项变得更清晰。

照片和色彩 - 照片是帮助人们获得灵感的重要元素。但是,当人们开始寻找航班时,图像不应该抢了视觉中心,所以,改进后,搜索区域的背景换成了白色,不再使用图片。

探索 -  为了帮助人们完善他们对完美目的地的搜索,增加了一些假日类别,例如'太阳和沙滩'和'城市旅行'。这些可以根据进一步的研究来完善。

2.搜索区域

原来的搜索区域——改进后的搜索区域

集中 -  为了帮助引导用户完成搜索过程,主要输入和次要选项之间已经有了明显的区别。旅行类型,乘客人数,舱位等级和“仅限直飞”都放在了主要搜索区域的上方。

在显眼位置,突出活跃的领域将吸引用户的注意力,鼓励用户尝试搜索。整个搜索栏从五个字段减少到三个字段,简化搜索流程。出发日期和返程日期输入已被缩减为单个输入框。

3.搜索流程

搜索流程组件

组件 - 单击每个字段后触发相应的组件。触发时,白色半透明图层将覆盖背景,让用户聚焦组件框。与该字段相对应的选项(例如“包括附近的机场”)已包含在组件中,而不是页面本身中,尽量减少混乱。

搜索流程 - 灵活的日期

灵活的日期 -  解决用户问题的关键互动是添加选择灵活日期选项。通过以下方式解决:

1,除“特定日期”和“整个月”之外,还增加了第三个选项:“灵活日期”。

2,选择此选项时,会提示用户指定其行程持续时间。这可以设置为“任意”或特定的天数。

3,最后,用户选择他们想要搜索的范围并点击“应用”。

请注意,当用户与组件交互时,任何给定的输入都会立即在“日期”输入字段中更新。

4.结果页面

当前结果页面——新的结果页面

当用户点击搜索按钮后,将会显示最适合的选项。

没有重定向 -  在新的流程中,用户没有被重定向到加载结果的新页面。相反,搜索区域的高度会降低,因为结果会在下面加载。这也使用户有机会“返回”并更改他们的任何搜索条件,而无需离开页面。

航班信息 -  显示的航班信息与用户搜索特定日期时相似。现在需要突出显示的唯一变量是航班日期本身。

额外的筛选器 - 添加了一些额外的排序筛选。

总结

这是基于个人使用Skyscanner的痛点做出的设计变化,所有这种情况是否是普遍的现象需要进一步的研究,同样,这样的解决方案还需要进一步的测试和验证。这种“灵活日期“的设计方案还是头一次提出,很多航班搜索的网站都没有实施,所以技术上的解决方案可能也是一个瓶颈。


(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

更多精彩内容

  • 用户体验设计师每天要自 用户体验设计师每天要自
  • 用户体验案例研究——旅 用户体验案例研究——旅
  • 阻止你画技进步的10个错误 阻止你画技进步的10个错误
  • 临摹无用,你是“认真” 临摹无用,你是“认真”