UX设计案例研究:建立更好的用户体验(重新设计Air Peace Airline网站)

515 篇文章 6 订阅
422 篇文章 4 订阅

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具


坐飞机旅行总是能给人带来很棒的体验,但我认为应该考虑预订航班时给用户带来的压力。在如今的数字世界,我们越来越重视速度和简单性,因此拥有一个好用的,可以为用户节省时间的在线预订系统非常重要。

鉴于此原因,我选择了尼日利亚航空公司-Air Peace Airline,作为有效用户体验(UX)设计研究案例。下面,和我一起来找到改善他们预订系统的方法。

设计进程

按照下面的设计进程,我在项目开始前进行可用性测试,并以验证项目的可行性来结束:


调研

经过多次与朋友进行讨论和采访一些潜在客户后,我总结出了以下几个要点:

  • 大多数人在去机场的路上预订航班。
  • 有些人在参与商务会议时预定。
  • 还有些人,在看电影的时候预定。
  • 还有一些人,希望在预定系统中提供租车,预订旅馆,附近景点推荐等功能,因为很多人可能不熟悉目的地的环境。

我们验证了大多数人在做其他事情时预订航班的想法。最终,用户更愿意使用一种在继续进行日常活动的同时,更好,更快,更易于使用的方法来预订航班。

目标

  • 付款流程应该设计得更快。用户应该能够尽快完成付款,然后返回到日常其它各种活动。
  • 实施一个平台,在该平台上科研进行所有付款操作。通过在网站上收集信用卡详细信息而不是重定向用户来完成此操作。这将有助于保留客户和减少用户操作步骤。
  • 能够提供预订出租车服务,带你到达目的地将会是另一个很棒的体验。

先决条件

  • 用数据备份所有设计决策。
  • 了解付款流程,并设法解决此问题。
  • 提出设计解决方案并进行验证。

用户画像

我为希望在Air Peace网站上订航班的的典型用户创建了一个角色。我正在使用“Mr.Sammie Gold“的用户名作为我们今天的用户,当然,除了这个之外还有许多其它使用场景。


故事板

我进一步为Sammie创建了一个故事板,他只想能够快速预订航班并继续他的会议。


原型设计

Bēhance上查看原型设计。


预定进程

航班搜索


目前预定进程

Mr.Sammie更喜欢简洁的表单:


新的预定航班体验

提供不较复杂的表单,实际上会给用户带来更好的体验。通过这种方式,用户只需点击一下鼠标,即可轻松从“预订”-“登机”-“我的旅行”,赶紧开始预订吧。

航班预定,在重设计之前和之后的对比:


目前的体验


该表单是不是看起来更容易和更友好呢?(3个表单设计的最佳技巧


选择你喜欢的航班和座位类型:

设计前个人信息页面:



设计前个人信息表单:

这看起来有点太拥挤,所以我来简化它:


新的个人信息表单

现在是不是看起来很直接?

当前支付流程图页面:


原先结帐流程

原先的流程将用户重定向到“PayGate”和“Webpay”,这根本不是必需的。 您实际上可以在Air Peace网站上直接完成所有付款。 所以,我们来解决这个问题:


哦,等一下:

你是否注意到在付款流程中,你必须选择三次付款方式? 这可能会让用户感到怀疑和恐惧,所以让我们进行改变。现在让我们看看:


新的付款流程

首先,每次付款都是在Air Peace网站上进行的。用户不必强迫自己选择付款方式 - 系统会为你自动选择。而现在,这些步骤已经减少到两个了。

看!用户完成付款后,航班信息会发送到他的电子邮件中,Sammie先生很高兴 - 所以他又开心的将注意力转移到会议上!

其它特色:


哦,是的!现在,用户可以计划他的旅行。如果他点击“计划旅行”按钮:

  • 他可以有选择性的预定出租车了。在这里,可以看到各种出租车公司的排名,他选择排名最靠前的那家公司。
  • 他还可以有选择性的进行酒店预订。在预定界面会清晰地展示具有不同等级排名的酒店。


用户可以在这个新的环境中查询自己住宿附件美丽的景点。

验证可行性:

在原型设计好之后,我对一些潜在用户进行了验证测试,并发现:

  • 该网站变得更容易使用,因为用户在第一眼就很容易看到他们想要做的。
  • 预订航班也变得更容易,使用表单形式,用户填写更简单、快速。支付流程大大缩短,所有操作都在Air Peace网站上完成,而不是将用户重定向到其他网页。
  • 用户界面看起来更友好,更吸引用户眼球。

总的来说,人们喜欢最终的成果!现在,更多人希望使用Air Peace来预订他们的航班了。

原文作者:perrie fidelis

原文地址:https://medium.freecodecamp.org/airpeace-website-a-ux-case-study-e0ef593f2619

  Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
设计机票管理系统需要考虑以下几个方面: 1. 数据库设计:需要设计相关的数据表,如航班、航空公司、机场、乘客、订单等表,以及它们之间的关联关系。 2. 功能设计:需要考虑系统需要实现的功能,如查询航班、订票、退票、改签、支付等。 3. 界面设计:需要设计用户界面,以方便用户使用系统。 下面是一个简单的设计方案: 1. 数据库设计: a. 航班表(flight)包含字段:编号(flight_id)、航班号(flight_number)、起点城市(start_city)、终点城市(end_city)、起飞时间(depart_time)、到达时间(arrive_time)、航班状态(flight_status)等。 b. 航空公司表(airline)包含字段:编号(airline_id)、名称(airline_name)、介绍(airline_intro)等。 c. 机场表(airport)包含字段:编号(airport_id)、名称(airport_name)、所在城市(airport_city)等。 d. 乘客表(passenger)包含字段:编号(passenger_id)、姓名(passenger_name)、身份证号(id_number)、电话(phone_number)等。 e. 订单表(order)包含字段:编号(order_id)、乘客编号(passenger_id)、航班编号(flight_id)、订单状态(order_status)、支付状态(pay_status)等。 2. 功能设计: a. 查询航班:用户可以根据起点城市、终点城市、起飞时间等条件查询符合条件的航班。 b. 订票:用户可以选择符合条件的航班,并填写相应的乘客信息,生成订单并保存到数据库中。 c. 退票:用户可以根据订单编号和身份证号进行退票操作,修改订单状态和相应的座位状态。 d. 改签:用户可以根据订单编号和身份证号进行改签操作,修改订单信息和相应的座位状态。 e. 支付:用户可以选择支付方式进行支付,修改订单状态和支付状态。 3. 界面设计: a. 查询航班界面:提供起点城市、终点城市、起飞时间等查询条件,显示符合条件的航班列表。 b. 订票界面:提供航班列表、乘客信息填写等功能。 c. 退票界面:提供订单编号和身份证号输入框,显示订单信息和退款金额。 d. 改签界面:提供订单编号和身份证号输入框,显示订单信息和可选的航班列表。 e. 支付界面:提供支付方式选择和支付金额显示等功能。 以上是一个简单的机票管理系统设计方案,实际的系统需要根据具体的需求进行调整和完善。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值