基于增強現實技術的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）.