基于增强现实技术的APP中loading设计探究

于康康 张宇红 （江南大学设计学院 214122）

一、loading在增强现实APP中的必要性

但是在现实场景下，移动端设备2G、3G环境下加载网速有限，wifi环境也未必每次都十分高速。因此“别让我等”这个移动端交互的基本评价标准在网速不佳的情况下成为奢望。并且互联网领域存在“八秒钟定律”即用户如果等待网页打开时间超过8秒，会有超过70%的用户放弃等待。因此在现有的技术和网络等限制条件下实现增强现实类APP内部加载图片视频过程中“如何优雅而不令用户烦躁的等”就成为减少焦躁情绪关键。

二、增强现实类APP中loading现状调研分析

按照loading的用途可将其分为三类：初始loading、页面之间跳转loading、内部加载图片视频loading。前两类loading在各种APP之间形式大同小异，可以十分成熟的运用于增强现实类APP；由于增强现实类APP又具有特殊的识别和成像机制，普通APP中内部加载图片视频loading应用于这类APP中的时候需要经过重新思考和设计。

通过对市场上几款增强现实类APP的加载图片视频loading进行调研，发现它们存在以下几方面不足。

1.使用常规的“风火轮”式和“loading……”式加载

例如，Junaio AR 和Wikitude 浏览器加载页面，这两种方式都是传统loading形式的沿用，只提示现在正处于加载状态，无法明确告知用户具体等待时间。

通过调研发现如下问题：第一，一些初次使用的用户在这种情况下不知道发生了什么，甚至认为是APP出现故障，经常会放弃使用此款APP；第二，增强现实APP经常要配合相应的标记板或者周围环境信息使用，在这种情况下“风火轮”式加载loading方式经常和画面中的图像难以区分，识别性比较差。

2.使用流动式动画反馈的加载

例如“视+”APP加载页面的这种方式是PC端最常用的方式，它的优势在于让用户的命令的执行和完成过渡得更加平滑；同时让用户在等待过程中看到一些有趣的东西，增加对加载内容的兴趣。但是这种形式的缺点同样在于用户不能准确把握时间，并且可能因手机配置有限而出现loading动画的卡顿现象。

综上调研可看出，现在绝大多数增强现实类APP的loading设计是延续了传统APP的加载页形式，但是传统的loading设计形式应用于新的产品设计上存在一些用户体验方面的问题。因此，loading必须根据增强现实类APP的技术特性和加载形式做相应的匹配和创新。

三、增强现实类APP中loading设计原则

优秀的增强现实类APP的loading应该是与内容完美匹配和独具匠心的，而不仅仅是传统loading的套用。增强现实类APP的loading设计应该符合以下几点原则。

1.标记识别区，与外界环境或标记板统一

增强现实APP的界面特征是在移动端设备的摄像头拍摄画面或者标记板上叠加文字、图像或视频等信息。尤其是与标记板配合使用时，必须在识别标记板后立刻标记图像识别区，并且明确反馈给用户，这样避免用户在用移动终端摄像头对准标记板后无反馈而出现不知所措的问题。

另外，与标记板或者与LBS技术配合使用的此类APP所识别的标记物往往随着外界的环境产生变化，因此增强现实类APP的较传统的APP的界面具有更高的不确定性，这就要求设计师在此类型的APP的loading设计中要充分理解用户使用场景，兼顾整体界面风格，保持与原始图像或者标记板的统一性。

2.形式新颖具有趣味性，减少用户焦虑

常见的loading往往是普通的“风火轮”式加载或者是进度条伸展动画，缺乏新意，此种形式虽然在提醒用户产品正在努力加载，但是也十分容易引起用户的视觉疲劳和等待的焦躁感。因此，loading动画必须设计的新颖并且有趣，这样可以吸引用户的注意力和好奇心，让用户在使用过程中将枯燥乏味的等待时间变成期待加载完成的趣味观赏活动。

另外，在loading设计中增加了部分交互元素，不仅使等待过程不再枯燥，而且具有一定的交互性，用户可以与加载动画进行互动。

3.允诺用户所需时间和提示现在加载状态

用户等待过程中，焦躁情绪很可能逐渐转化为愤怒，让用户产生这种情绪变化的原因不仅在于是等待时间的过长，还在于用户对未来等待时间和结果的未知性。因此为安抚用户的焦躁情绪，loading设计中就必须让用户知道当前加载状态和剩余时间。

在实际设计时，设计师必须巧妙地设计进度条、百分比等具体的loading形式体现这种时间性，改善用户的等待体验。

四、设计验证

根据以上设计原则，笔者进行了视辰信息科技（上海）有限公司开发的增强现实类APP“请柬+”的loading设计。

前期用户调研发现，目标用户对于这种基于增强现实技术的电子请柬持有积极的尝试态度，但是用户经常在2G、3G或者WiFi网速不理想的情况下使用本产品，使得产品在识别标记的请柬后加载视频过慢，用户出现等待焦虑或者不知所措的情况。针对用户遇到的这个问题，笔者进行了“请柬+”loading的设计。

当APP摄像头对准标记板时，自动识别标记板图像，根据图像自动匹配对应内容，并将匹配内容从云端下载到本地，此下载过程会根据网速的不同而出现对应的下载时间。

本设计遵循以上提出的增强现实类APP的loading设计的三点原则。第一，产品识别标记板后，会在标记图像上显示发光线框提示用户标记区，防止用户移开摄像头导致加载停止；第二，识别标记板后界面叠加loading，形式为“LOVE”字样进度条，与请柬的主题和形式统一、呼应；第三，进度条“LOVE”为玻璃器皿形式，内部红色液体会伴随着气泡缓慢上升，并且会随着移动端设备的摇晃而出现相应的倾斜和晃动，增加loading的趣味性和互动性；第四，红色液体中气泡上升的速率展示当前网络下载速率，红色液体的所占玻璃器皿的百分比表示当前的加载状态，提示用户大致剩余加载时间。

五、总结

随着增强现实技术在移动终端的广泛应用，针对此项新技术而重新设计的各种交互视觉等形式必将受到更多的重视和关注，此课题通过笔者对现有增强现实类APP的loading的重新设计和实践，已在为增强现实技术类APP设计的发展起到抛砖引玉的作用，希望后来者在新的技术平台上进行更多的设计创新。

[1]孙雅贤.《基于加载页面中的情感化设计》.大众文艺，2014（3）.

[2]赵熙.《Loading进行时——网页中的Loading设计研究》.艺术与设计，2008（10）.