移动端增强现实产品的加载设计研究

刘江波 袁徐庆

摘要：为解决用户在使用移动端增强现实产品的过程中，因为长时间加载等待产生焦虑，导致体验中断的问题，探讨基于现有的硬件条件以及网络状态下，缓解负面情绪、让用户愉悦的加载页面设计的策略和方法。从移动端增强现实产品应用现状出发，剖析加载体验问题产生的原因，通过归纳梳理，提取影响和决定加载的关键特征，根据时间知觉理论，结合具体案例说明，推导出提升等待体验的设计策略。移动端增强现实产品加载可以通过对目标内容信息优化节省计算成本、针对整体性要求进行分步加载、设计符合三维体验的加载页面视觉呈现、让用户提前进入增强现实交互等方式进行设计，从而产出符合用户体验的产品，促进用户留存。

关键词：增强现实;加载设计;时间知觉;用户体验;设计策略

中图分类号：TB472 文献标识码：A

文章编码：1672-7053（2019）01-0129-03

随着移动端技术的发展，以及市场的关注和政策的重视，移动端增强现实产品（以下简称AR app）日益增多。现有的ARapp多注重功能实现，缺少对用户体验的重视，加之硬件性能不一以及网络差异等原因，在加载页面因长时间等待导致用户退出的情况时有发生。AR app产品形态新颖，沿用常规移动端产品（以下简称App）加载设计策略无法满足用户需要，因此，根据AR app的特征，提炼设计策略来指导实践，成为提高用户满意度、提升AR app产品体验的关键环节。

1 AR app加载页面设计现状分析

目前市场上AR app的加载页面设计以直接沿用移动端产品通用的加载策略为主，在实际的应用暴露着清晰可见的体验问题。常规的app加载页面主要根据用户的主观认知心理特征，从提供加载概念模型、进行非模态加载、加载页面情趣化、满足和超越用户预期、隐藏加载等待等方面进行设计[4]。通过调研分析发现，AR app以概念加载模型、非模态加载的设计方式使用频率最高，范围最广。这两种设计方式直接用于AR app，前者（图1a）存在将实际等待时长赤裸裸的暴露在用户的时间感知中的问题，后者（图1b）适合系列案例，不具备通用性;其次，加载页面情趣化、满足和超越用户预期两种设计方式在实践中也较为常见，前者（图1c）趣味化方式跟增强现实目标内容的结合程度较低，后者（图1d）虽然通过控制节奏后的前慢后快、提前完成的方式让用户收获惊喜，但是感知到的时间没有减少，在前期的等待中用户退出的风险也会提升。从显现的体验缺陷中可以了解到，当前的AR app加载页面直接借鉴常规App设计方式，缺乏对整体的关注。忽视从整个流程角度去优化，因此导致加载页面同目标内容信息的延续性差，产生体验问题，从而影响人们对增强现实内容的体验预期。

2 加载页面的等待设计影响用户体验

因为特殊的呈现机制以及环境识别，AR app需要消耗比常规App更长的加载时间。互联网信息时代，大量内容的出现，使用户选择更多样化。在产品设计中，存在“八秒钟定律”，即当用户如果等待目标内容信息打开时间超过8s时，70%的用户会选择关闭程序不再继续等待[1]。因此，长时间的等待体验会导致用户流失，转化率低，造成公司损失，关乎商业成败。在界面交互中反馈必不可少，反馈是对已经发生的操作行为进行指示、回应[2]，加载页面是重要的反馈之一。合理的加载页面能够清楚的让用户在体验过程中知道自己的状态和所处的位置[3]，从而缓解用户的迷失感和焦虑情绪。因此，对于加载页面进行设计也成为了解决用户因为长时间等待产生的负面情绪的重要手段。尤其是在需要用户花费更多等待时间的AR app中，加载页面的设计对于整体用户体验的作用更加重要。

3 关联等待体验的AR app特征分析

通过与整体体验相关的因素进行分析，从“计算成本、技术限制、内容呈现、交互方式”四个维度，总结归纳关联等待时间的AR app的特征。

3.1 更加消耗计算成本的增强现实技术

增强现实体验注重虚实结合，AR app的呈现画面主要由两部分组成，一部分为实体影像收集元件生成的现实环境画面;另一部分则是由设计者设计、计算机生成的作为增强叠加信息的虚拟物。这两类数据创造着增强现实的知觉感应。这要求硬件设备不但提供即时、真切、高解像度的三维场景，并且还要进行跟蹤定位与互动感应，以实现用户与虚拟情境的无缝交融[5]。因此，用户在进行体验的过程中需要消耗更多计算成本，这种特性也会随着体验的丰富更加明显，这也是AR app需要更长的等待时间主要因素之一。

3.2 目标内容信息的整体加载要求

从AR app的目标信息内容区别看，AR app显示内容较之常规app发生了改变，三维模型内容增多、二维内容不再高频，因此目标内容信息量普遍较大。所以，为了保证不同的硬件条件、网络情况下的体验同步，目前AR app设计的行业做法都是通过从线上信息资源库中获取三维模型等虚拟信息从而替代较大部分的实时渲染。虽然这种做法能够减少本地的运算成本，但是需要将资源包整体加载完成之后才能进行体验。因此，在同样的网络环境和硬件条件下，AR app对目标信息内容加载有整体性要求，导致需要的加载时长普遍长于常规的App。

3.3 体验从二维平面演化到了三维世界

常规的App加载页面的目标内容信息以二维操作界面为主，对应着以二维为主的目标信息内容，其延续性很强，符合界面设计的整体性原则。AR app支持的是更为丰富的知觉体验，加载页面的目标内容信息为具有空间占据范围的虚拟场景，本质是在现实场景增加虚拟的信息图层注释，是一种融合现实的三维空间体验。因此，与其他信息系统不同，AR app的加载页面更需要关注三维空间感。

3.4 丰富的交互方式

因为三维空间体验的必要，增强现实的交互方式更加多样，不再仅限于点击、滑动等常规的触屏交互。除了主动式的交互方式，它还包括用户行为的被动触发。因为AR app交互行为发生改变，所以用户对于体验的期待程度和新颖感更加明显。但是操作也增加了新的复杂性，同时也提高了用户的学习成本。

4 面向AR app特征的加载页面设计

在心理学领域的等待时间知觉研究中表明，客观的等待时长和主观的“时间感知”是影响用户等待时距估计的主要因素[6]。因此，在现实的案例中，除了通过优化客观时间影响对用户等待时距估计，还可以通过对影响时间感知的因素进行控制，从而影响人们对于时间长度的主观感知，抵消一定量的延迟带来的负面影响[7]，进而提升整体的等待体验。一定程度上来讲，客观和主观都很重要。因此技术优化客观时间是前提，不容忽视，但根据增强现实特性进行加载页面的设计成为了目前成本合适、见效快速、影响最为直接的方式。从整体的设计流程出发，对于目标内容信息进行优化，通过策略式分布加载的方式拆分目标内容，设计符合增强现实体验加载页面视觉呈现，让用户提前进入体验，这些策略都有利于创造良好的增强现实体验。

4.1 通过目标内容信息的优化节省计算成本

目标内容信息的大小影响着实际的运算任务，任何系统的开发都不仅仅需要考虑有用性（Utility）、易用性（Usability），还要考虑经济性（Cost）对目标信息进行优化，与客观的等待时间直接相关，在整个设计流程中也极为重要。

根据用户需求进行目标内容信息的设计。好的体验不一定是靠信息量和高性能堆积的，因此，在设计前期通过用户研究对应用领域的目标人群特点给予充分探讨，对用户需求、使用场景进行深入的调研分析，针对性进行设计，可以规避多余的目标内容信息产生。通过这种用户为中心的设计方法，产出的体验也更加符合用户的预期。以VIPKIDAR案例为例，如图2，前期通过用户研究发现针对的目标人群是4-12岁的儿童，目的是通过多模态的感观交互进行儿童英语教学。这个阶段的儿童的感知快速成长，目标内容信息不需要以真实逼真为目的，采用颜色鲜艳、造型丰富的卡通模型更能够引起儿童的关注。在这个案例中通过前期的调研了解到目标用户儿童的需求，设计针对性的产出物，既符合目标用户需求，保证体验的质量，也减少了目标内容的信息量。

在设计流程中控制材料标准输出同样是目标信息优化的基础。通过制定AR app设计规范的方式，也可以规避在实际操作过程因为跨部门合作产生冗余素材。成熟的团队通过制定规范来设计产品的统一性，相对于常规的app，AR体验的创造流程更复杂，因此，需要更为紧密团队合作。在一些前沿的增强现实团队中，如百度增强现实实验室，已经开始了规范化的AR app设计，整体流程中单就三维模型的制作，如图3，就有多项对目标内容信息优化条例，在制作的过程中予以规范，能够有效达到信息优化的目的。

4.2 针对整体性加载要求的分步加载

分步加载是针对于耗时操作处理通过多开加载线程方式节省等待时间的方法。因为相对于进度指示，用户更喜欢看到逐步深入的结果[9]，因此分步加载策略根据实际情况对于目标内容信息从内容层面进行拆分或者添加，优先加载部分关键信息，让用户提前进入正式体验，在体验的过程中隐藏部分等待时长，然后在后台加载剩余部分目标信息。其本质上是一种隐藏等待下载方式。AR app目标内容获取的整体性要求导致技术上的逐帧加载难以实现，所以这种通过先显示重要的信息再显示辅助信息，可以使交互系统看上去速度很快[10]。策略式分步下载实际上是一种“障眼法”，如图4，通过时间轴我们可以看出，客观实际的时间并没有减少，通过策略式分步加载，用户可感知到的加载只有小部分信息的加载耗时，剩余的部分在用户同模型的互动中被忽视，相对于整体后台逻辑的时间，用户实际可感知的加载时间大大减少。由于AR app项目的多样性，目标内容的拆分应当根据具体案例情况进行设计。优秀的分步加载的策略其重点有两个方面：一是要关注内容拆分的合理性，在不影响整体体验的情况下进行信息内容的拆分;二是考虑拆分后的各部分之间自然过渡，运用转场动画、动效设计、剧情等方式进行设计。

4.3 符合三维体验的加载页面视觉呈现

格式塔理论述及了这样一个心理学观念，即人们的审美观对整体与和谐具有一种基本的要求[11]，因此加载页面作为中间环节能影响增强现实的整体体验的一致性。常规App的加载页面，围绕二维画面的视觉表现进行创意设计，若直接用于AR app，则忽略了增强现实应该带来的空间体验，因此不再完全适合。因此根据设计一致性、相似性、连续性原则，遵循三维世界的规则，有利于设計符合增强现实体验加载页面视觉呈现。

利用空间立体感强的设计样式。考虑到增强现实三维场景的特殊性，调整之前二维平面的加载图标样式，更有利于用户熟悉即将发生的虚拟体验，让受众用户迅速感知到产品要传达的信息。例如，亮风台开发的幻视AR app，如图5，使用了抽象化三维表达的lowpoly立体模型做为视觉呈现图标，让用户的感观在加载页面完成平面到立体的过渡，提高了产品的整体性。

加载动效设计的空间感。精细而恰当的动态效果可传达状态，能够在认知上给予用户明确的方向感和目的性。因此，在三维体验丰富的AR app中，空间感强的动效能够在帮助在加载页面阶段就传递空间认知。例如，Shazamapp的AR案例，如图6，加载图标通过Z轴缩放的动效，给用户带来具有深度的空间感观体验，使人的视觉感知得到更大的延伸。

4.4 提前进入增强现实交互体验

在界面交互中，无力的形式使我们注意力涣散。有趣的互动能让我们的思维与事物更加联系紧密，为事物沉浸，从而减少用户对于加载时间本身的关注。因此在AR app加载页面提前进入互动体验，能够很好的掩护加载状态，减少用户对时间的感知。同时，在加载页面的互动设计应当结合增强现实的交互特征，这样能第一时间满足用户对增强现实的期待，也能在加载阶段进行AR app对正式互动引导，提高体验效率。以联想tango手机为例，如图7。在这个案例中，加载页面被设计成了一个立体感强可迅速加载的简单模型，被赋予了正式体验的部分交互形式，用户进入case的第一时间就可以直接上手体验，进行模型的位置标定、移动、缩放、点击等等接近正式体验的交互行为，用户在这段时间有事情可以做。在用户沉浸互动的过程中，后台在持续运行系统，等到用户熟悉了已有的交互方式正式的体验也已经准备就绪，效率极高。

5 总结

本文选取了AR app中关系到整体用户体验的加载页面设计作为研究对象，总结出针对性的设计策略從而进一步指导设计活动。作为智能手机逐步兴起的体验方式，AR app在未来会更加的普及，也充满了技术挑战与应用研究价值，对其用户体验的重视也会成为产品竞争力的关键。加载页面设计只是AR app体验的其中一个环节，仍然有很多体验细节的丰富在未来仍需投入大量研究。

参考文献

[1]于康康，张宇红.基于增强现实技术的APP中bading设计探究[J].大众文艺，2015（02）：97.

[2]艾伦·库伯，罗伯特·莱曼，戴维·克罗宁，克里斯托弗·诺埃塞尔.About Face 4：交互设计精髓[M].北京：电子工业出版社，2015.

[3]张校君，张宇红.Loading页面设计中反馈机制的研究[J].设计，2017（05）：20-22.

[4]郑静.App加载页面的等待体验设计研究[J].现代装饰（理论），2016（01）：128.

[5]李震，李艳诚.图书馆应用移动增强现实技术（AR）探究[J].图书馆学研究，2014（21）：17-21.

[6]何人可，符跃峰.基于时间知觉的移动APP页面加载方式研究[J].包装工程，2017，38（18）：56-61.

[7]赵熙.Loading进行时一网页中的Loading设计研究[J].艺术与设计（理论），2008（10）：140-142.

[8]藏田武志.增强现实（AR）技术权威指南：基础·发展·实践[M].北京：电子工业出版社，2018.

[9]Erik Geelhoed，Peter Toft，Suzanne Roberts，and Patrick Hyiand.To influence time perception[J].In Conference Companion on Human Factors in Computing Systems，1995.

[10]杰夫·约翰逊.认知与设计：理解UI设计准则[M].人民邮电出版社，2011.

[11]库尔特·考夫卡.格式塔心理学原理[M].北京大学出版社，2010