「项目分享」- 维珍航空产品设计全记录

大概需要 8 - 10 分钟阅读

· 项目背景

这次我们面临的挑战,是要在两周内将维珍航空的航班服务集成到APP内。旨在为用户提供无缝的飞行体验。

· 客户简介

维珍航空目前每年飞行人次约540万人。他们商业上的成功源自于其悠久的企业文化基石,他们竭尽一切提升商旅客户和休闲客户的出行效率,使客户利益最大化。

· 着眼点

目前形式的航班服务:

· 航空手册(提供食品和饮料服务,以及用来召唤空乘人员)

· 多媒体设备(电影、音乐、游戏、地图)

维珍公司需要在手机上实现所有的航班服务。

· 团队与计划

从右至左依次是 Stefano,Dafna 和我。我们在2周内始终奋斗在第一线:

· 第一周:探索并定义目标。这其中包括项目画布、项目计划和业务分析。以及问卷

调查、用户访谈、亲和图、角色建模以及用户体验历程图。

· 第二周:开发并交付任务。其中包括纸质原型、中保真原型、高保真可交互原型。

我们还进行了一些迭代以及可用性测试。

在整个冲刺期间,我参与了所有的设计流程,但也扮演了团队协调员的角色。我得确保每个人都处在同一进度,一切都必须与项目计划一致。

· 我们的原则

我们本着维珍航空的核心价值观,逐渐构建出问题的解决方案。

“我们总是力求超越平凡,为我们的客户提供难忘的体验。”——维珍航空

我们的目标就是让产品能够体现这种价值观,并能覆盖所有业务需求。

· 用户研究

问卷调查

起初,我们在社交媒体上发布了一项问卷调查。有60个用户响应了我们。

我们用设计好的问题筛选目标用户,询问他们是否经常长途飞行。这帮我们过滤掉了11%的非受众。

用户访谈

我们通过电话采访了11个人,并记录下了这些对话音频。

亲和图

我们将访谈得到的数据分组到不同的类别中。这有助于更好地了解我们的最终用户。

角色建模

根据亲和图,我们推断我们有三类客户。我们创造了三个角色来代表他们。

克劳迪娅——我们的精准用 户 。 她经常从香港飞往纽约工作,并利用飞行时间工作或娱乐。

鲍勃——我们的次精 准用户 。 他是一名IT顾问,经常出差参加工作会议。他喜欢一直在飞机上看电影或电视节目。

安娜,相对较少飞行。 当她出行时,她希望登机时尽量不被打扰以及整个飞行过程尽量平稳舒适。

这是我们绘制的故事板,用来总结我们的人物痛点。

· 方案目标

我们需要通过这款APP一并解决他们的痛点。

“这款APP要提供给乘客一个无缝的、愉悦的飞行体验”——UX团队

· 功能优先级

我们根据研究结果记录了所有的功能构思,并按不同的象限将它们分类。这帮助我们得以聚焦首版的“最简可行产品”。

· 具体任务

对这个UX团队来说,我们专注于两个主要流程:

1.克劳迪娅的无缝体验飞行之旅。她并不必在机场中断她的购物体验。登机口信息应自动显示在她的手机上,而无需再去查看机场的滚动显示屏了。

2.鲍勃的超凡娱乐飞行之旅。他可以通过APP控制座位上的屏幕,悠闲地看电影。

· 具体成果

我们输出了一份纸制原型,并准备测试。

1.无缝体验飞行之旅的原型

2.超凡娱乐飞行之旅的原型

· 测试纸质原型

我们测试了原型,并及时发现了一些问题:

· 界面措辞语焉不详

· 导航复杂

· 与飞机内置屏幕配对时流程混乱

我们决定回到上一步,重新审视我们的产品架构。在一次短暂的头脑风暴后,我们更新了我们的架构。

· 产品架构图

我们将底导简化,并减少了页面数量。并且还删除了手动配对流程,用自动配对取而代之。

· 中保真原型

根据新的产品架构,我们输出了新的中保真交互流程图。

1.无缝体验的飞行之旅

2.超凡娱乐的飞行之旅

中保真原型测试

新的原型似乎挺奏效。我们不断迭代,直到我们确信可以将中保真线框升级为高保真级别。

· 高保真原型

我们每人都用 Sketch,我们沿着 Stefano 发起的设计风格进行设计。

设计成果

我们前前后后共输出了15版略有不同的设计风格,并对每种都进行了评审。最终决定去粗取菁,将所有优点汇聚到最后的主设计中。我们时刻谨记着维珍航空的品牌标识特征。

可用性测试结果

设个设计的问题在于一些辅助环节。比如某些元素很难读取,并且在某些情况下颜色之间缺乏足够的对比度:

·文本难以阅读

·底导的图标缺乏对比度而不够醒目

·底导的高度太高

· 最终设计

修改后,我们解决了可用性测试阶段的问题。我们将文本加大、标题加大,并减小了底导的高度。

最终我们生成了2套UI:

方案1

在这套方案中,我们试图保持维珍航空传统的吸引眼球的鲜艳颜色。底导 tab 的焦点状态为红色,而默认状态则在紫色背景中反白。

方案2

这套基本是方案1的极简版本。我认为这套设计看起来干净并专业。我们保持了维珍航空的鲜红色,但有所突破的是,我们同时在白色背景上运用了一些明度较低的红。

我们针对 Icon 也做了不少细化。默认状态下,图标为黑色镂空。而焦点状态,图标转为红色填充,文字变粗。

项目小结

这是一次极具挑战性的任务,需要在短时间内提出尽可能多的问题,并通过一个简要的方案一并解决掉。最终,我们做到了。我们与很多行业资深工作者分享了原型,而他们对体验与界面都报以了积极的反馈。

在不久的将来,我们还会输出一份可点击的高保真原型。而与此同时,我想引用维珍航空的一句格言来结束这篇文章。

“追随你的梦想,寻求新的体验并将你的想法变为现实”——维珍航空

来源:UI中国

关键字:产品设计, 产品经理, 维珍

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部