UI / UX案例研究【第一弹】:设计更好的电影购票体验
去电影院是一种有趣的体验,但在许多app的门票订购体验往往令人感到漫长而且然人烦躁。今天我们就来拆解一款电影订票系统的redesign,设计师的整个思考过程是怎样的你一定也很好奇吧~
· 解决对象·
浏览过不同的电影网站订票系统后,我们发现了其中大部分网站都会出现的一些常见的用户体验问题。本次主要进行改版的对象是Cinema City —www.cinemacity.co.il(美国的线上电影票订票网站)的iOS端应用。

· 用户调研收集·
为了构建真实的用户故事,调查了10名年龄在22至32岁之间的用户群体,他们每两个月至少去一次电影院。
主要的调研结论:
1. 六位用户表示他们近期有一部特定想看的电影,正在寻找合适的时间。
2. 两位用户表示他们会在一周的特定时间去看电影,所以他们正在寻找当时最想要看的电影。
3. 有人说他(她)想在本周的某个晚上去看电影。
4. 所有用户都希望在他们附近的生活/工作区域看电影。
· 痛点·
加入了一些在调查中提出的问题,以支持or否定对数据的假设。有助于找到主要和次要的痛点。
1. 目前的Cinema City app并不支持任何之前所收集的用户调研痛点,相反它的筛选功能会强制用户提供准确的的细节,如(特定电影,特定影院,特定日期,特定观影时间)。
2. 60%的用户抱怨筛选过程很漫长。
3. 40%的用户抱怨完成了整个订票过程后才被告知该影院无座非常让人懊恼。
4. 20%的用户抱怨他们没有想到还需要支付额外的费用。
5. 其他人提到该应用程序反应速度慢和一些bug。
· 解决方案·
解决方案根据两个主要的用户故事得出。将选项分为按电影搜索或按时间搜索。试图在流程的每个阶段提供相关的筛选,并有额外的选择作为智能筛选选项。

1. 区分不同的用户故事
第一个用户故事帮助那些正在寻找合适时间观看电影的人,以及那些在特定时间点正在寻找一部好电影看的人。
只要将浏览导航拆分为“按标题搜索”和“按时间搜索”后,就能使用户界面既简单又易于导航。

2. 做减法
当在特定的时间搜索一部好电影时,设置一个日期选择器并不是非常必要,因为门票一般只提前一周出售,并且每天更新。这个阶段选择确切的时间并不是真的需要。用户的任务是选择一部电影和一天中的一段时间时间。改版的设计选择用大按钮来表达可选的时间段,非常容易理解,而且使用明亮的颜色让其很难被错过。选择好时间后就会立即出现筛选后的电影。

3. 帮助用户做出更好的选择
根据调研结果显示,一个非常大的挫折来自于用户最终完成了观影时间和电影选择后,才发现该影院座位已满。我们需要做的是帮助用户提升选座成功率以解决这个问题。在放映电影时间旁点击后会显示一个图标(分为该影院座位充足;即将满座;座位将满 快点),用来暗示有多少可用座位。

以下是该功能在界面中整合后情况:

4. 付款
一般在用户选择座位后显示付款。而价格应该是透明的并且预先显示,所以不会有任何意外。
所以进行了插图上的优化,使其像一张现实中的电影票,提升用户的体验感。

· 测试·
为了验证优化解决方案是否能被良好运行以及被用户接受,测试是必不可少的。找到了3位从未见接触过Cinema City 应用的朋友作为被试者。 需要完成的任务:
1. 试着购买2张'Blade Runner 2049'的门票,需要在最少席位的电影院中抢票。
2. 完成上一步后,为晚上随意挑选一个电影院购买2张门票。
被试者都成功通过了测试,虽然这并不是一个太复杂的功能。 并且是针对极少数人的测试,但在现实产品中还会有很多需要考虑和管控的问题。

· Take Aways·
看完了整个设计过程,体验升级后的产品一定能更好的提升用户买票体验,相信你对UX design也有了新的思考。
让我们把自已当成用户去体会产品,并像设计师一样敏锐发现产品痛点,成为无时无刻的“产品体验官”吧!
·End·
除了以上内容,想要了解更多设计相关知识问题,可以私信小编了解!

UXD尤克斯国际设计中心是一家专注于交互 / 工业 / 产品/ 服务设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外,我们提供不定主题的公开课和内部小组课,教学计划课程由三大部分组成,包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。