UX设计案例研究:建立更好的用户体验(重新设计Air Peace Airline网站)
以下内容由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,免费体验畅快的原型设计之旅。
UX设计案例研究:建立更好的用户体验(重新设计Air Peace Airline网站)的更多相关文章
- UML和模式应用3:迭代和进化式分析和设计案例研究
1.前言 如何进行迭代和进化式分析和设计?将采用案例研究的方式贯穿始终.案例研究所包含的内容: UI元素 核心应用逻辑层 数据库访问 与外部软硬构件的协作 本章关于OOA/D主要介绍核心应用逻辑层 2 ...
- 编写 WPF DataGrid 列模板,实现更好的用户体验
Julie Lerman 下载代码示例 最近我在为一个客户做一些 Windows Presentation Foundation (WPF) 方面的工作. 虽然我提倡使用第三方工具,但有时也会避免使用 ...
- Android指纹识别API讲解,让你有更好的用户体验
我发现了一个比较怪的现象.在iPhone上使用十分普遍的指纹认证功能,在Android手机上却鲜有APP使用,我简单观察了一下,发现Android手机上基本上只有支付宝.微信和极少APP支持指纹认证功 ...
- [SharePoint2010开发入门经典]9创建更好的用户体验----silverlight
本章概要: 1.了解Silverlight 2.理解为什么使用Silverlight 3.介绍如何集成SharePoint和Silverlight
- 我们最常见的UX设计交付成果有哪些?
以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 有人会好奇,用户体验(UX)设计师每天都在做些什么呢?说实话,有很多事情!作为UX专家,需要将自己的设计 ...
- 最全面!2019年最新UX设计趋势预测合集
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 追逐潮流是每个行业都必做的一件事,对于直接影响数字产品定位和用户感知方式的UX设计也是如此. 不论你 ...
- 不容错过!2016年度优秀UI/UX设计文章
本文整理了一些2016年度最受欢迎的文章,例如有关UI / UX设计的理论知识,书籍和工具,如何做出更好的设计的方法和建议,以及新的设计趋势. 1. 2017年用户体验设计趋势 我们期待着2017年用 ...
- 【UXPA工作坊小记】郎学明:做更“有用”的用户研究
xueminglang@google.com 本来做了一些笔记,但郎老师后来发了相关教材.内容比现场PPT详细的多.由于,本人在网上也没有搜索到相关文章,还是决定做一回码字工,稍作精简后分享给大家. ...
- UX设计秘诀之注册表单设计,细节决定成败
以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非 ...
随机推荐
- UWP 轻量级样式定义(Lightweight Styling)
在 UWP 中,可以通过给空间直接设置属性或在 Style 中设置属性来定制空间的样式:不过这样的样式定义十分有限,比如按钮按下时的样式就没法儿设置.当然可以通过修改 Template 来设置控件的样 ...
- .NET CORE微服务实践
.NET CORE微服务实践 https://www.cnblogs.com/zengqinglei/p/9570343.html .NET CORE 实践部署架构图 实践源码:https://git ...
- Oracle:"ORA-00942: 表或视图不存在"
情景 项目中使用Powerdesigner设计数据结构,在Powerdesigner中数据表和字段都区分了大小写,并生成了Oracle表,在执行Sql脚本时遇到以下问题:“ORA-00942: 表或视 ...
- kafka搭建
接下来一步一步搭建Kafka运行环境. Step 1: 下载Kafka 点击下载最新的版本并解压. > tar -xzf kafka_2.9.2-0.8.1.1.tgz > cd kafk ...
- linux 下mongodb 3.2.5单机版安装
mongodb3.0.x的安装教程网上很多,这里主要介绍3.2.5的安装 linux iso 在\\10.10.10.1\ShareDoc\User\yipengzhi\ISO\Centos7.0 ...
- 大数据框架hadoop的序列化机制
Java内建序列化机制 在Windows系统上序列化的Java对象,可以在UNIX系统上被重建出来,不需要担心不同机器上的数据表示方法,也不需要担心字节排列次序. 在Java中,使一个类的实例可被序列 ...
- php日志函数error_log
php内置打印log日志的函数,这个对php程序调试非常高效 1.配置 编辑php.ini文件 log_errors = On 设置log日志存储路径 error_log = /wwwroot/php ...
- Java-Runoob-高级教程-实例-环境设置实例:4.Java 实例 – 如何查看当前 Java 运行的版本?
ylbtech-Java-Runoob-高级教程-实例-环境设置实例:4.Java 实例 – 如何查看当前 Java 运行的版本? 1.返回顶部 1. Java 实例 - 如何查看当前 Java 运行 ...
- javascript的propertyIsEnumerable()方法
/* propertyIsEnumerable()是用来检测属性是否属于某个对象的,如果检测到了,返回true,否则返回false. 1.这个属性必须属于实例的,并且不属于原型. 2.这个属性必须是可 ...
- [maven] 实战笔记 - maven 安装配置
1.下载地址http://maven.apache.org/download.html 2.windows下安装maven(1)下载 apache-maven-3.0-bin.zip 解压到任意目录下 ...