写在前面的话
该文内容均为纯人工翻译,我在整理翻译的过程中已经非常认真的查字典、看解释、问大神了,并尽量保证翻译语句通顺、阅读方便,但不免还是存在一些问题。
毕竟我不是英语专业,大学也只考了4级而已,设计方面也是新人小白一枚,因此有错误疏漏之处,欢迎各路大神后台私信纠正指错。
但你要是无缘无故的就批评我,那我就要批评回来。
整理不易,为的只是和大家一起分享学习。(如有转载,请联系我;就算你不联系,也至少标个出处。)
进入正题。
UI/UX案例研究:设计更好的影院体验
去电影院(看电影)本来是一种有趣的体验,但是许多app和网站订票系统冗长的操作步骤反而使用户觉得烦燥、消极。
今天就聊聊解决方案。在浏览了不同的订票网站后,我发现了他们存在的一些主要问题。我选择专注于我国最大的电影公司之一Cinema City的使用体验来作为我想解决的问题基础(想看原网站的自己去百度)。我下载并安装了他们的IOS app来了解它的工作流程。
01.用户场景
为了建立真实的用户场景,我调查了10个人,年龄在22到32岁之间,他们每两个月至少会去一次电影院。问题集中在他们最后一次去电影院,主要内容如下:
①6人表示他们想去看(某一部)特定的电影,所以再找一个合适的时间;(划重点:限定电影)
②2人表示他们想在一周某个特定的时间去看一部电影,所以再找那个时间段内最不错的电影;(划重点:限定时间段)
③1人表示她想在一周内的某个晚上去看一部电影;(划重点:晚上但不限电影)
④所有人都表示想在居住/工作附近的地方看电影。(划重点:地域、距离)
02.痛点
在我自己做出一些假设后,我在调查中加入了一些问题来支持/反驳我关于数据的假设,同时帮助我发现主要和次要的(问题)点。
①目前的app并不能很好地支持任何用户场景,它们强制用户在查看(电影)是否可看前提供一系列详细的信息(特定的电影、特定的影院、特定的日期、特点的时间段);
②6/10抱怨(订票)过程太长;
③4/10抱怨在经过一系列冗长的选择后却被告知没座位了;
④2/10抱怨要支付一些预期外的其他费用;
⑤还有一些抱怨app运行速度慢并且有bug。
03.解决建议
在账户里设置两个主要的用户场景。我把选项分为【按电影查找】和【按时间查找】。我尝试在选择过程中的每个阶段提供相关的筛选,额外的选择则作为智能筛选选项。
①在不同的用户场景中做出区分
现在有两个主要的用户场景,一个是再找一个合适的时间去看新正义联盟的人,以及想在星期三的下午去看的人。这里只是举个具体的例子,但它有助于更好的理解什么是用户希望看到的(内容)。
通过上面的信息,可以把浏览功能简单的分为【按标题查找】和【按时间查找】。这样做,就可以使UI更简单,导航更容易。
②简化领域
当你想在一个特定时间找一部好电影来看时,其实不需要把时间精确到某一个点,因为电影票都只会在下一周开始出售(就我选择的网站来看),并且每日更新。所以在这个阶段没必要选择辣么精确的时间,用户只需要选择一部电影和某一天某一个时间段。我选择把所有的选项都做成大按钮,这可以帮助每个人都很好的理解,并且很难错过。每个选项都会过滤掉一些电影,并在屏幕上突出显示相关的。
③帮助用户更好的做出选择
根据调查,还有一些问题来自当用户选择好电影放映时间+电影后,却没有座位了。所以我将解决这个问题,来帮助他们做出更好的选择。在每个屏幕上(将打开‘选择座位’对话框,然后生成付款并出票),我将用一个icon显示还有多少座位可以选择。
以下是它在UI中的展现方式:
有评论建议:此处的座位显示图,可以加上电影屏幕,以便让用户更好的看到自己选择的座位大概在屏幕什么位置。
④支付
在用户选择完座位以后我会显示付款页面。这个价格是透明且公正的,所以这里不会有什么意外。
我不想再发明一个付款流程,我相信这个问题会由Apple Pay和Google Wallet更好的解决(我觉得这里还可以有马云爸爸)。在真实的app里,这里会需要更多的传统支付方式。
同时我选择加入电影票的插画。我相信这会使整个(订票)过程变得更有价值。
05.测试
我想进行一次小的(使用)体验测试来看看我的解决方案是否可行。我用这些页面在InVision中搭建了一个原型,然后把它分享给了3个从没见过这个app的朋友,我告诉他们:
1.尝试买两张今天的‘Blade Runner 2049’的电影票,并且至少选择一个座位;
2.完成后,再买任何一部电影的2张电影票,并且是在晚上(的场次)。
他们都做到了,但其实没什么意义(保持微笑)。因为这次的测试只是一个在很少人中进行的MVP测试,要运用到现实中还有许多需要考虑和注意的事情。
但如果电影公司都能更多的重视用户体验的话,我相信会有更多人愿意去看电影吧。
整理不易,阅读完了以后,可不可以给我点个赞。
更多内容,关注微信公号【aibanyun】。