基于移动互联网时代的“爱购”电影APP交互服务系统设计分析

李 奕

随着移动互联网时代来临，电子商务、共享经济和“互联网+”迅猛发展，中国电影市场总体正处于快速发展期，国内影院规模扩张显著，荧幕数量快速增长，在线票务平台融合电商、大数据、泛娱乐、社交等优势基因，猫眼电影、淘票票、微票儿、百度糯米已成为电影宣传、发行和售票的四大入口。在在线票务平台竞争激烈的情况下，如何更符合用户核心需求，更好地提升购票观影娱乐社交等用户体验成为重要的设计研究课题，交互服务设计已成为新的设计热点。“爱购”电影APP交互服务系统致力于优化现有电影服务系统流程，以改变购票、取票、检票模式，提升用户购票观影娱乐社交等体验为目的，取消纸制票，直接使用检票机硬件设施扫描二维码，通过影院空间交互体验设计等形成“软件交互+硬件交互+空间交互”的创新模式，实现了较好的交互设计理论的学术实践价值，并提升电影商业市场的创新价值。本文将对该系统的设计过程进行详细分析，提出相应的设计方法。

一、用户研究

“爱购”电影APP交互服务系统设计目标是满足用户核心需求并提升用户体验，因此需要科学严谨地进行系统性市场研究、竞品分析等前期调研。项目组采用实地考察、网络大数据分析、问卷调研、深入访谈、焦点小组、用户画像等专业方法进行系统用户研究，分析得出用户痛点并提炼为用户核心需求。

本服务系统设计过程中，在用户调研阶段我们共调研了120位用户，对目标用户调研问卷研究结果表明，影院消费主力军为“85后”“90后”青年，属于高素质，有消费能力，乐于接受新鲜事物人群。约50%的用户观影前会注重电影口碑和介绍宣传信息，约65%的用户最注重影院的观影硬件设备状况和文化氛围，团购价格是选择的首要因素，约34%用户不会选择留存票根，同时，反馈信息显示，用户感觉目前电影APP界面不美观，APP购票流程较复杂，售后服务不好。

在深入访谈阶段，项目组对经常使用电影APP的120位典型用户进行深度访谈。结合前期网络问卷结果将目标用户人群分为三大类：第一类是追求最低价电影的消费者；第二类是大众消费者，享受更精简的购票流程，希望极速购票；第三类是电影爱好者，追求高品质生活服务质量。

图1 用户体验地图

二、交互设计

1.用户体验地图设计

根据前期用户研究的相关结果，项目采取用户体验地图服务设计专业工具对目标用户进行行为流程分析，包括用户的思考、情绪、遇到的问题以及感受等。用户体验地图用可视化的图形语言将与利益相关者接触的接触点进行分类、梳理，并制作出完整的用户体验路径，可以更直观地表现整个服务流程，并为接下来的设计方案细化提供可能[1]。本研究课题将用户行为流程分为购票前、在线购票、取票入场等待、检票观影、观影结束后等几个阶段进行研究，分析用户需求、用户行为、用户想法、用户体验情绪等重要因素，如图1所示。

2.交互信息架构设计

通过用户体验地图专业工具分析得出用户的核心痛点及机会点，将痛点转化为功能点，将功能点进行优先级别分类整合梳理并进行交互信息架构设计。信息架构就是合理的组织信息的展现形式，其主要任务是为信息与用户认知之间搭建一座桥梁。在用户界面设计当中，首先是需要知道界面内需要存在什么功能，其次是每个界面之间的关系如何[2]。“爱购”电影APP交互服务系统的交互信息架构主要分为购票平台、圈子平台、关注平台、我的平台四大核心功能板块，如图3所示。

（1）购票平台：分为购票和搜索两个模块，购票模块是核心功能模块，分为“低价购”、“闪购”、“优质购”三个部分。“低价购”主要针对注重价格实惠的用户，为目标用户解决快速查找低价电影票购票渠道，让用户能够以线上最低价观看电影，通过网络平台的价格比较，直接提供用户最低廉实惠的票价；“闪购”主要针对需求快速购票用户，为目标用户打造更快捷的购票体验，将线上购票流程进行简化，根据用户以往购票的大数据，如经常选择的座位、时间、地点等，总结出用户个人购票倾向，提供最快捷的“一键购票”功能；“优质购”主要针对高端专业资深的观影爱好者，为目标用户寻找最优质的观影环境，为其推荐最好的影片，打造优质的观影体验，提供最优质的服务。通过三种不同购票方式的定制服务，将满足不同用户的个性化需求。

（2）圈子平台：分为热门圈子和影视资讯两个模块，热门圈子功能类似百度贴吧，属于影迷互动专属区域，基本功能包括指定圈子加入，热门圈子推荐，圈内聊天。用户对某些热门圈子产生好奇，便可加入讨论圈进行专题讨论；影视资讯基本功能包括电影详情查看、电影预告片、电影宣传图、电影原声、前期宣传资讯查看、电影资讯关注、明星路演信息查看、网友影评功能。

（3）关注平台：分为特惠抢票、实时票房、电影活动、电影资讯四个模块，推送用户已关注的话题或专题，根据电影相关资讯实时更新专业内容。

（4）我的平台：分为登录和设置个模块，登录模块包含我的电影票、我的关注、我的影评、我的钱包、消息中心等，方便管理用户个人信息及操作记录，以往观看电影资讯回看，扫票，电影票信息查看，电影院地图导航等功能。

图2 交互信息构架设计

3.低保真原型测试

根据交互信息构架进行低保真交互原型设计并测试。原型不是产品，构建原型是为了发现问题，是为了逐步接近最终产品，因而原型设计的方法又称为“快速失败法（fail fast)”[3]。交互原型方法用来模拟测试用户与未来产品的交互。交互原型能将设计师带入产品与用户交互的各种情景，运用交互原型能快速实现该交互方式并能对预设交互行为的可行性进行测试，设计师能结合真实的用户反馈对设计概念进行迭代改进，更好地与用户交流未来产品的交互方式[4]。本研究课题进行了低保真交互原型设计并进行可行性测试（如图3所示），获取用户反馈信息，分析发现用户在低价购、闪购、优质购等环节操作流程较繁琐，并进行流程简化设计修改。

图3 低保真原型设计

图4 界面设计

三、视觉设计

1.界面设计

在低保真原型反馈迭代设计阶段后，进行交互界面设计。在界面色彩设计方面，根据前期调研目标用户年龄在20岁至30岁年龄段，目标用户倾向于鲜艳明亮的色彩，将“爱购”电影APP界面色彩主调定为红橙色调，采用色彩系统代码为#f33939,#fd6a3d,#fed228,#dcdcde。中国人大多喜爱红色的喜庆热情氛围，“爱购”电影APP界面色彩的红橙色调，能促进用户购买欲，提升用户活跃度。关键按钮采用红橙色主调提亮，以引导用户视觉流线。

在界面布局设计方面，正如辛向阳指出的“交互设计正从物理逻辑向行为逻辑发展”[5]。界面布局设计应以用户认知和行为习惯为基础进行符合用户个性的交互创意设计，为用户呈现符合用户期望又超出用户预期的设计情景[6]。本研究课题充分考虑目标用户的行为习惯及需求，布局风格体现了认知心理学中的习惯性原理，形式上表现出与同类APP的视觉与交互的一致性。柳沙在《设计艺术心理学》中指出：“用户习惯会降低思维干涉的程度，促使用户的行为自动化，提升用户操控的熟练性”[7]。因此，采用常用的以底部导航和顶部导航相结合方式，符合多数用户喜欢单手操作习惯。底部导航包括购票、关注、圈子和我的四大板块，顶部导航包括低价购、闪购、优质购三大核心功能板块。另外，布局设计符合用户交互行为进行组织界面的交互元素，以行为相关性为指导，将与用户行为的交互元素呈现给用户[8]。例如根据用户观影选票的行为流程进行合理的视觉元素布局，电影详情界面包括电影预告片、电影信息、剧情简介、电影影评等元素，用户浏览从预告片、海报到电影标题、评价分数、电影类型、电影简介、演员慨况、个人资料，电影影评和电影细节等，最终专注于非常突显的选择购票按钮上。

在界面风格设计方面，采用摒弃拟物设计装饰元素干净简约的扁平风格。“爱购”电影APP简约思维设计方式呈现出简洁设计风格，大面积渐变红橙色块与图形线条组合的时尚搭配，电影出票界面模拟真实场景取票机设计形式等，体现潮流时尚活力特征，是颇受青年人喜爱的风格，带给用户全新时尚的在线购票体验。

在界面动效设计方面，运用类似谷歌推出的全新设计语言Material Design设计元素，将信息层级进行层次隐藏，将不重要的信息与不同类型的信息进行了选择性隐藏与分类，例如在闪购首页电影信息列表采用右滑显示评分详情形式，如图4所示。

图5 界面层次隐藏设计

图6 毕业设计展板

2.高保真原型测试

在交互服务系统设计中，设计方案需依据前期调研获得的用户核心需求，但难免掺杂一些主观因素，为更好地适应市场趋势与用户期望及使用习惯，需要对高保真原型设计进行测试评估。通过对原型进行可用性测试，及时获取客户对产品的评价信息并对产品进行有效调整，通过“原型—测试—修改—原型—测试—修改……”的不断迭代，最终才能获得用户满意的产品。

“爱购”电影APP设计项目通过用户研究、交互设计、界面设计之后，采用Flinto原型设计软件制作APP高保真原型，在毕业设计展览现场邀请观展者进行“低价购”、“闪购”、“优质购”三种核心购票功能的可用性测试，观察设计方案是否符合用户的期望和使用习惯，从用户满意度、错误率、易学、有效性、效率等方面测试实验。测试结果表明，用户基本能够顺利完成各项预期操作任务，验证设计研究成果具有较好的可用性及创新性。但仍存在一些设计细节问题有待解决。用户使用产品的非正常错误操作情况与层次隐藏性信息界面设计有关（如图5所示），需要花费用户较大的学习成本。对存在的问题提出的改进方案是应做好引导页设计，当用户第一次使用时给予明确的指示提醒学习，提升用户的学习效率、操作有效性及满意度，探索提高电影交互服务设计软件可用性水平的新途径、新策略和新方法。

四、产品设计

“爱购”电影APP交互服务系统设计注重从产品软件到全系统服务的理念转变,包含软件与硬件的整合创新设计，除了电影软件APP设计之外，还进行了影院空间中自助检票机产品硬件设计。自助检票机设计概念是以电子票取代纸质票入场观影。传统取票模式主要包括柜台取票和取票机取票两种，排队时间长且纸质票不环保；同时，前者会消耗提供服务者的人工，后者会导致消费者苦于寻找对应的取票机和实际取票操作上存在不便。全新的电影购票服务系统，用户在“爱购”电影APP上购票后，系统将自动生成电影入场二维码，直接获取二维码取代纸质票，将购票取票流程简化。最后，检票方式采用硬件设备代替人工服务，影院设置自助检票机，扫描二维码验证后方可入场。有效节约人力及减少排队时间，消除顾客排队过程中产生的焦虑感，同时节省纸张，具有重要的环保价值。通过购票、取票、检票流程的简化，全程自助服务加强顾客参与感，大大提高服务效率，使用户获得更好的观影体验。

五、交互空间设计

电影院交互空间设计主要包括公益集票和大屏扭蛋游戏等项目。传统纸质票浪费纸张，而电子票可以节省一大部分的材料从而达到环保效果，用户观影之后在电影院大厅，打开蓝牙设备对着电影院互动大屏进行匹配，将使用过的电影票放进公益集票栏目，大屏就可显示共节省了多少纸张，达到一定数量可为贫困地区捐款。扭蛋游戏是为了丰富用户在等待电影开场前的空暇时间，手机与大屏蓝牙连接，摇晃手机进行扭开游戏蛋，有一定几率获得电影优惠券或其他精美礼品，如图6所示。

随着移动互联网的蓬勃发展，在线售票逐渐替代传统人工售票，如何更有效地提升在线票务平台的交互服务系统设计成为重要研究课题。电影APP交互服务系统设计需要从产品到服务的理念转变，必须具备“软件交互+硬件交互+空间交互”的创新模式新思路。具体而言，应深入研究与电影相关用户体验的核心痛点需求，分析电影场景中各触点存在的问题并提出合理的解决方案。在设计过程中，应进行系统性市场研究、竞品分析等前期调研，采用实地考察、网络大数据分析、问卷调研、深入访谈、焦点小组、用户画像等专业方法进行系统用户研究，采取用户体验地图、交互行为流程设计图整理各类交互架构信息，并进行低保真原型设计、界面设计、高保真原型设计、可用性测试及产品设计等软硬件系统专业设计流程，以解决电影相关的人与物、人与人、人与空间的大交互设计复杂问题，更注重提升用户购票观影娱乐社交等体验感受。

[1]缪珂. 服务设计中的流程与方法探讨——以米兰理工大学设计创新与设计方法课程为例[J]. 装饰，2017，(03)：93-95.

[2]刘再行. UI交互设计流程的探索与教学实践[J]. 装饰，2015，(1).

[3]Matt Jones. Mobile Interaction Design[M]. San Francisco：John Wiley & Sons Press，2005.

[4]代尔夫特理工大学工业设计工程学院. 设计方法与策略：代尔夫特设计指南[M]. 倪裕伟，译.武汉：华中科技大学出版社，2014.

[5]辛向阳. 交互设计：从物理逻辑到行为逻辑[J]. 装饰，2015，(01)：58-62.

[6]陈化，朱海燕. 基于智能手机的大学生移动阅读现状调查与分析——以江苏省部分高校为例[J]. 出版科学，2015，(04)：69-72.

[7]柳沙. 设计艺术心理学[M]. 北京：清华大学出版社，2006.

[8]徐延章. 智能手机APP交互情境设计的审美要素分析[J]. 包装工程，2016，(24)：130-135.