以下内容由[url=https://www.mockplus.cn/]Mockplus团队翻译整理，仅供学习交流，[url=https://www.mockplus.cn/]Mockplus是更快更简单的原型设计工具。
坐飞机旅行总是能给人带来很棒的体验，但我认为应该考虑预订航班时给用户带来的压力。在如今的数字世界，我们越来越重视速度和简单性，因此拥有一个好用的，可以为用户节省时间的在线预订系统非常重要。
鉴于此原因，我选择了尼日利亚航空公司-Air Peace Airline，作为有效用户体验（UX）设计研究案例。下面，和我一起来找到改善他们预订系统的方法。
设计进程
按照下面的设计进程，我在项目开始前进行可用性测试，并以验证项目的可行性来结束：
调研
经过多次与朋友进行讨论和采访一些潜在客户后，我总结出了以下几个要点：
- 还有一些人，希望在预定系统中提供租车，预订旅馆，附近景点推荐等功能，因为很多人可能不熟悉目的地的环境。
我们验证了大多数人在做其他事情时预订航班的想法。最终，用户更愿意使用一种在继续进行日常活动的同时，更好，更快，更易于使用的方法来预订航班。
目标
- 付款流程应该设计得更快。用户应该能够尽快完成付款，然后返回到日常其它各种活动。
- 实施一个平台，在该平台上科研进行所有付款操作。通过在网站上收集信用卡详细信息而不是重定向用户来完成此操作。这将有助于保留客户和减少用户操作步骤。
- 能够提供预订出租车服务，带你到达目的地将会是另一个很棒的体验。
先决条件
用户画像
我为希望在Air Peace网站上订航班的的典型用户创建了一个角色。我正在使用“Mr.Sammie Gold“的用户名作为我们今天的用户，当然，除了这个之外还有许多其它使用场景。
故事板
我进一步为Sammie创建了一个故事板，他只想能够快速预订航班并继续他的会议。
原型设计
在[url=https://www.behance.net/gallery/64746541/A-redesign-of-Airpeace-website]Bēhance上查看原型设计。
预定进程
航班搜索
目前预定进程
Mr.Sammie更喜欢简洁的表单：
新的预定航班体验
提供不较复杂的表单，实际上会给用户带来更好的体验。通过这种方式，用户只需点击一下鼠标，即可轻松从“预订”-“登机”-“我的旅行”，赶紧开始预订吧。
航班预定，在重设计之前和之后的对比：
目前的体验
该表单是不是看起来更容易和更友好呢？（[url=https://www.mockplus.cn/blog/post/821]3个表单设计的最佳技巧）
选择你喜欢的航班和座位类型：
设计前个人信息页面：
设计前个人信息表单：
这看起来有点太拥挤，所以我来简化它：
新的个人信息表单
现在是不是看起来很直接？
当前支付流程图页面：
原先结帐流程
原先的流程将用户重定向到“PayGate”和“Webpay”，这根本不是必需的。 您实际上可以在Air Peace网站上直接完成所有付款。 所以，我们来解决这个问题：
哦，等一下：
你是否注意到在付款流程中，你必须选择三次付款方式？ 这可能会让用户感到怀疑和恐惧，所以让我们进行改变。现在让我们看看：
新的付款流程
首先，每次付款都是在Air Peace网站上进行的。用户不必强迫自己选择付款方式 - 系统会为你自动选择。而现在，这些步骤已经减少到两个了。
看！用户完成付款后，航班信息会发送到他的电子邮件中，Sammie先生很高兴 - 所以他又开心的将注意力转移到会议上！
其它特色：
哦，是的！现在，用户可以计划他的旅行。如果他点击“计划旅行”按钮：
- 他可以有选择性的预定出租车了。在这里，可以看到各种出租车公司的排名，他选择排名最靠前的那家公司。
- 他还可以有选择性的进行酒店预订。在预定界面会清晰地展示具有不同等级排名的酒店。
用户可以在这个新的环境中查询自己住宿附件美丽的景点。
验证可行性：
在原型设计好之后，我对一些潜在用户进行了验证测试，并发现：
- 该网站变得更容易使用，因为用户在第一眼就很容易看到他们想要做的。
- 预订航班也变得更容易，使用表单形式，用户填写更简单、快速。支付流程大大缩短，所有操作都在Air Peace网站上完成，而不是将用户重定向到其他网页。
总的来说，人们喜欢最终的成果！现在，更多人希望使用Air Peace来预订他们的航班了。
原文作者：perrie fidelis
原文地址：[url=https://medium.freecodecamp.org/airpeace-website-a-ux-case-study-e0ef593f2619]https://medium.freecodecamp.org/airpeace-website-a-ux-case-study-e0ef593f2619
[url=https://www.mockplus.cn/]Mockplus做原型，更快更简单，现在[url=https://www.mockplus.cn/]下载Mockplus，免费体验畅快的原型设计之旅。
粤公网安备 44030902001796号 粤ICP备19041343号-3
签到成功
mo311
全部评论()
还没人评论，赶紧抢占沙发