用户体验设计视角下影视APP交互设计探析

徐延章



用户体验设计视角下影视APP交互设计探析

徐延章

电视剧《芈月传》剧照

随着移动互联网技术的飞速发展，尤其是国家实施“互联网+”战略以来，以腾讯视频、优酷、爱奇异、搜狐视频为代表的影视APP蓬勃发展，成为人们观看影片的“神器”。据猎豹智库发布的数据显示，2015年音乐和视频类APP崛起，2015年度APP排行榜中腾讯视频APP在视频类综合排名中名列第一。2015年12月上映的年度大剧《芈月传》成为众人争相观看的焦点，乐视公司凭借《芈月传》使其乐视影视APP一度跻身APP STORE免费下载排行榜第一名。从带有“芈月传”标识的乐视影视APP应用图标设计到乐视视频APP、腾讯视频APP中《芈月传》的热播，从节目片花的曝光到观众的热议，影视进入了前所未有的互动高峰期。影视APP设计从重视流畅观看的功能诉求发展到注重用户体验设计、突出人性化的用户体验的时代。从智能手机用户体验设计的角度出发，影视APP交互设计可以从以下几方面着手：

一、 从心理出发，影视APP交互设计符合用户心理模型

影视APP交互设计中，应从用户的心理特征出发，在用户体验的基础上构建用户心理模型。用户心理模型是用户使用APP的过程中养成的对于手机APP产生的印象反映，体现了用户对于手机APP应用的整体特征。从影视APP栏目信息组织形式出发，应按照心理学规律进行分组，并应将信息的数量与结构控制在用户记忆的范围之内。以用户熟知的APP界面为基础进行同类APP设计，在栏目设置与功能设计中体现设计的一致性。在栏目设置与版式设计中，有效应用格式塔心理学中关于接近性原则、相似性原则等规律对于功能与信息进行分组。根据用户对于APP的认知程度，为用户提供适应性的界面。当用户刚刚安装影视APP后，往往是第一次使用，因此应为用户提供有效的引导，明确告知用户该应用的操控与功能，并在设计中采用向导或推荐操控的形式。

腾讯视频APP首页精选栏目界面中，将热播的剧集截图展示在屏幕中上方的位置，将用户常用的搜索视频功能设置和最近播放的视频显示在屏幕上方显著的位置。界面最上面设置频道，最下面设置功能按钮，功能分区符合用户单手与双手触控的需要，按钮大小恰到好处，符合人体工程学的需求。从心理学的角度考虑，设置“首页”“原创”“会员”“遇见”“我的”五个功能按钮，将功能设置数量设计在用户记忆的有效范围，有利于用户的识别与记忆。腾讯视频APP会员栏目界面，界面采用的布局方式，体现了设计一致性的原理，下面的影片界面以小图截图的形式进行水平布局，符合格式塔心理学的接近性、相似性原则。优酷APP在加载视频的过程中为用户提供了“上下滑动调整音量”“左右滑动调节进度”“双击暂停”等提示，这对新用户来说是非常有用的。对于经常使用该影视APP的用户，可以为其推荐新功能与操控方式，从而促使用户在体验的过程中不断增强控制感与体验欲。

二、 从生理入手，影视APP交互设计以人体工学为基础

影视APP设计应以人体工学为基础，通过有效组织APP界面，进行符合人体特征的APP设计。iPhone6和iPhone6 Plus屏幕尺寸扩大到4.7和5.5英寸而获得热销，说明了用户人体工学的需求中，除了单手操控的需求外，还有对更大尺寸屏幕的需求。注意到用户对于大屏幕观看的喜好，影视APP可以根据用户把持手机的方向进行自适性调整影视节目的方向，同时提供锁定自动调整与解锁的选择。设计中充分考虑用户的年龄、性别、体型特征，将常用的功能按钮设计在屏幕的下方、左下角和右下角的位置，有利于用户操作。由于影视APP设计还受到用户的运动状态的影响，设计中除了考虑用户在休闲状态中使用影视APP观看节目的情况，还要考虑用户处于运动状态对于界面的精准触控。腾讯视频APP视频播放界面设计中，采用大按钮的设计方式，将暂停和播放到最后的按钮放置在左下角，方便横向把持手机时左手的触控，并提供了快进、快退时相应时间的单帧截图画面，为用户选择相应的播放进度提供了参考，提升了交互体验的效果，如图3所示。由于智能手机与平板电脑、iPad的屏幕尺寸有较大区别，用户在影视APP界面视觉浏览中体现出“F”形、“L”形、金三角热区的视觉流程。［1］在影视APP设计中为了突出重点，可利用版式、配色、造型元素对界面进行设计，通过有效组织界面布局元素对影视的界面信息进行分组，从而对引导用户的视觉浏览路线，有利于突出影视节目的重点与特色。

三、 从功能着眼，在影视APP交互设计中体现二八定律

影视APP交互设计中从简单易用出发，有效组织影视APP用户界面，为用户提供方便简洁的界面，提供随时可控的交互设计，方便用户观看影视作品。功能设计应考虑二八定律，即影视APP的全部功能中经常被使用的功能只占20%，不常用的功能占80%。为了给用户塑造一个简单易用的影视APP第一印象，在界面设计中将最常用、最重要的功能显示在界面中，体现APP的设计重点；把用户不常用的功能安排在“更多”选项的设置中，为用户提供更多功能的选择。在影视APP功能设计中，要避免“功能蔓延”，有效削减应用功能的显示，有助于影视APP界面质量的凸显。影视APP功能选项提供的越少，就越为用户界面功能的高效、美观提供了更多生存空间。［2］从功能着眼，要根据用户的反馈，不断将用户关注的功能进行有效提升，能够使影视APP更强大。腾讯视频APP视频播放界面通过精简设计，采用图标的形式体现功能需求。界面上方除了视频的名称外，仅提供了弹幕、分享和更多选项，将加入看单、缓存、音量、亮度等一些不常用的功能设置到更多选项中，这符合二八定律的规律，有效减少了界面的元素，为用户提供了一个清晰、明确的操控界面。

四、 从情感突破，在影视APP交互设计中提升情感体验

比尔·莫格里奇指出交互过程中用户获取何种情感体验至关重要。［3］影视APP设计中应注重用户的个性与情感因素，进行符合用户个性的影视APP情感设计。从用户的情感需求考虑，影视APP设计就要用户成为“知心好友”为目标，通过积极的情绪刺激，使用户使用影视APP时感觉就像和一位老朋友或知己一样谈人生、说理想。［4］用户体验从情感突破，就要在APP启动图标的设计中，从用户的角度去体味，强调简单、易识别、易记忆、有创意。知名度高的企业可以企业标识为基础进行创意设计，以文字造型辅以设计图案设计便于识别。通过简短的启动界面有效融情，辅以精炼的文案，发人深省，有利于与用户进行情感沟通。搜狐视频在启动界面中，以“热剧同步追”为文案唤起用户追剧的热情，以“你的鼓励是我们夜空中最亮的星！”邀请用户“吐槽”或“去给星星”，搜狐视频从用户的情感体验入手，体现了成熟的影视APP与用户的交流之道。

从情感突破，提升用户使用影视APP的体验效果是腾讯视频APP成功的一个重要原因。腾讯视频APP的设计中，将功能、审美、细节设计与用户情感体验结合起来，采用流行的扁平化设计风格与沉浸式的色彩搭配相结合，突出影视特色。腾讯视频APP注意到用户关注影视节目的内容，当用户在播放视频的过程中选择更多剧集时，将更多剧集的选项以透明模式显示，不影响正在观看的节目，并将更新的剧集和预告的剧集以橙色图标强调，突出了设计的重点又体现了贴心的设计。为了体现影视的互动与分享，将截图和视频与分享结合起来，用户能够将当前视频的截图信息发布到影视圈、微信好友、朋友圈等社交媒介，有效提升了用户的参与感与互动性，提升了用户的情感体验。

通过成功影视APP的分析，我们发现在每个成功影视APP的背后都隐藏着一条重要的设计规律。这条规律就是以用户为中心，重视用户体验设计，进行人性化设计。在智能手机影视APP设计中，应从根据影视特征，在用户体验设计的基础上，从心理学、人体工学、功能设计和情感入手，不断更新设计思维与模式，通过有效的影视APP交互设计提升用户体验的效果，体现设计的真谛。

参考文献：

［1］赵大羽，关东升.交互设计的艺术：iOS7拟物化到扁平化革命［M］.北京：清华大学出版社，2014：23-36.

［2］（英）Chris Stevens.为iPad而设计，打造畅销App［M］.陈勇，张晓雯，译.北京：人民邮电出版社，2013：141-154.

［3］覃京燕.大数据时代的大交互设计［J］.包装工程，2015：36（8）：1-5.

［4］徐延章.新闻媒体类客户端情感设计策略分析［J］.青年记者，2015（4月中）：63-64.

【基金项目】本文系2015年度教育部人文社会科学研究青年基金项目“基于用户体验的智能手机APP交互设计艺术研究”（项目批准号：15YJC760110）阶段性成果。

【作者简介】徐延章，男，天津人，天津师范大学美术与设计学院讲师，硕士，主要从事数字媒体与交互设计艺术方向研究。