如何设计出一款对用户友好的电影app?
本文结合现有电影应用的用户痛点,对应用的工作流程进行了优化与改良,并展现了对应的操作要点与注意事项。
一、什么是UX(用户体验)?
UX是一套基于认知科学,心理学,数据分析,沟通和艺术知识的方法论,旨在研究 测量和测试与产品/服务(数字或数字)的联系(关系)时的人类行为。
当前,UX与数字产品的开发相关联,但是我们不能将其仅限于特定领域。
UX一词诞生于90年代初,由Don Norman创造。当时,他是苹果公司高级技术小组的副总裁,他认为诸如用户界面和可用性之类的定义限制了对他的工作代表什么的理解,因此将他的职位改为“用户体验架构师小组”。
术语UX是新的,但这些研究都至少有200多年的科学研究知识(在1857年研究人体工程学,在1879年第一个心理学实验室和出现人为因素在1949年场)和30年的行业最佳实践BrianPagán表示,其产品已进行了研究。但是,尽管上面提到了所有传统,但UX在我们的数字现实中仍处于起步阶段。
考虑到这一点,我们可以了解如何将UX应用于我们所做的一切。在下图由丹·萨弗(Dan Saffer)开发的图中,可以注意到他的学科:
多年来,例如,在广告和营销环境中,上述所有学科在不同的公司中甚至在不同的公司都被不同的专业人员分别对待。
简而言之,要谈论UX,还必须列出什么不是UX:
美丽的布局
不要将UX与UI(用户界面)混淆。视觉过程是上述较大领域的一部分。永远记住:设计不是形式,而是功能,因此,UX不仅是视觉上的,还是著名的短语:“更改按钮的颜色……”
专业人士或设计师
UX不仅仅是设计。这项工作的重点是人类需求与产品/服务的关系/经验,为来自不同背景的专业人员铺平了道路。
在这个市场中,我们目睹了几位专业人员,他们没有设计,广告,市场营销方面的培训,他们对用户的行为充满热情,因此出色地完成了工作。
“我知道我的听众”
“我喜欢,我认为…”
“我知道用户想要什么…”
谁从未听过以上任一短语?
像这样的主观观点与UX的主要支柱背道而驰——研究、观察、指标和测试,没有这些支柱,UX什么都做不到。
我们拥有一支团队需要彻底打破我们扭曲现实的泡沫,因为实际上,用户才是最重要的。
多年来,UX领域已经意识到公司并在阳光下获得了发展空间,这只会使每个想要使用旨在改善生活的产品的人受益。
二、如何设计更好的电影应用体验UX案例研究?
去电影院是一种有趣的体验,但是在许多应用程序和网站上订购门票通常感觉就像是一个漫长而令人沮丧的过程。
1. 今天的解决方案
在浏览了不同的电影网站之后,我发现其中许多主要的UX问题。我选择将重点放在我国最大的电影公司之一的电影城-www.cinemacity.co.il上的经验,以此作为我要解决的问题的基础。我下载并安装了他们的iOS应用,以了解其今天的工作方式。
电影城应用程序的流程
2. 用户故事
为了建立真实的用户故事,我调查了10个年龄在22到32岁之间的人,他们每两个月至少去一次电影院一次。问题集中在他们上次去电影院时。主要外卖:
- 六个说他们想看一部特定的电影,所以他们正在寻找合适的时间来观看它。
- 两个人说他们想在一周的特定时间去看电影,所以他们正在寻找当时最好的电影。
- 有人说她想在本周的一个晚上去电影院。
- 他们所有人都想在自己的生活/工作区域看电影。
3. 痛点
在我自己做出一些假设之后,我在调查中提出了更多问题,以支持/与数据的假设相矛盾,并帮助我找到主要和次要的痛点。
当前的应用程序不能很好地支持任何用户故事。它迫使用户在查看放映是否可用之前,提供所有确切的详细信息(特定的电影,特定的剧院,特定的日期,特定的时间)。
- 6/10抱怨这个过程感觉很漫长。
- 4/10抱怨在繁忙的夜晚经过整个过程后没有座位。
- 2/10抱怨必须支付他们没想到的额外费用。
- 其他投诉提到该应用程序速度慢或存在错误。
4. 建议的解决方案
该解决方案考虑了两个主要的用户案例。我将选项分为“按电影搜索”或“按时间搜索”。我尝试在流程的每个阶段提供相关的筛选,并提供额外的选择作为智能筛选器选项。
建议的解决方案
(1)不同用户故事之间的区别
用户的两个主要故事是,他们正在寻找美好的时光来观看新的正义联盟电影(顺便说一句还不错),以及正在寻找周三下午观看的好电影的人。这些只是特定的示例,但它们有助于理解用户期望看到的内容。
通过此信息,可以轻松选择将浏览功能拆分为“按标题搜索”和“按时间搜索”。这样做使UI变得更简单,更易于浏览。
(2)简化领域
当寻找在特定时间观看的好电影时,实际上不需要日期选择器,因为门票仅在下周售出(与我选择的示例网站相同),并且每天更新。
在此阶段,实际上并不需要选择确切的时间。用户的任务是选择电影和日期/时间。我选择使用大按钮分散所有选择,每个人都容易理解并且不容错过。每种选择都会过滤可用的电影,并突出显示相关的屏幕时间。
(3)帮助用户做出更好的选择
根据调查,有些沮丧是因为他们最终为他们选择了正确的放映时间+电影,只是意识到没有相关的可用座位。我通过帮助他们做出正确的选择来解决这个问题。在每次放映旁边(将打开“选择座位”对话框,然后付款并生成票证),我将显示一个图标,提示有多少个可用座位。
这是集成在UI中的样子:
从左到右:电影页面(来自“按标题搜索”),选择座位页面,电影页面(来自“按时间搜索”)
(4)付款
用户选择座位后,我选择显示付款。价格应该透明并预先显示,因此不会有任何意外。
我不想重新发明结帐流程,我相信Apple Pay或Google Wallet可以最好地解决这个问题。在真实的应用中,需要有更多传统的付款方式。
我还选择添加票证插图,以使奖励(电影票)就在此下一个按钮后面。我相信,这将使该过程感到更有意义。
5. 测试中
我想进行一次小型体验,以了解我的解决方案是否运作良好。因此,我使用了这些屏幕,并在InVision中为该应用程序构建了原型。我与3个从未看过该应用程序的朋友分享了它。我告诉他们:
- 今天尝试购买两张“ Blade Runner 2049”门票,前往座位最少的放映厅。
- 完成后,今天晚上购买两张电影票。
他们成功地做到了这一点,但这仍然没有多大意义:)这只是意味着它并不太复杂。这是经过很少人测试的MVP,在现实世界中,还有更多需要考虑和监视的事情。
如果电影公司对用户体验有了更多的了解,那么我相信会有更多的人去看电影。也许有了这种改变,下次再发行一部新的超酷的独立电影时,我实际上可能会找到一个想要加入我的人。
原文作者:Ariel Verber
原文地址:https://medium.muz.li/ui-ux-case-study-designing-a-better-cinema-experience-29abc7cfb94f
译者: 南设;译者公众号:南设(ID:shemenglianmeng)
本文由 @南设 翻译发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议
选择座位那个有点不专业,就算不是电影爱好者,买电影票的时候也应该知道电影屏幕朝向,否则会买得太前或太后,而且实际电影院座位也不是方方正正的。
国内与国外存在部分差异化,如部分飞机选票应用。
电影院座位选择时有做细分展示,全座位展示时为方方正正保证页面最大化展示,如国内部分购票应用,买票时是模拟座位形状展示。