基于增強(qiáng)現(xiàn)實(shí)技術(shù)的APP中l(wèi)oading設(shè)計(jì)探究

于康康 張宇紅 （江南大學(xué)設(shè)計(jì)學(xué)院 214122）

一、loading在增強(qiáng)現(xiàn)實(shí)APP中的必要性

但是在現(xiàn)實(shí)場(chǎng)景下，移動(dòng)端設(shè)備2G、3G環(huán)境下加載網(wǎng)速有限，wifi環(huán)境也未必每次都十分高速。因此“別讓我等”這個(gè)移動(dòng)端交互的基本評(píng)價(jià)標(biāo)準(zhǔn)在網(wǎng)速不佳的情況下成為奢望。并且互聯(lián)網(wǎng)領(lǐng)域存在“八秒鐘定律”即用戶如果等待網(wǎng)頁(yè)打開(kāi)時(shí)間超過(guò)8秒，會(huì)有超過(guò)70%的用戶放棄等待。因此在現(xiàn)有的技術(shù)和網(wǎng)絡(luò)等限制條件下實(shí)現(xiàn)增強(qiáng)現(xiàn)實(shí)類APP內(nèi)部加載圖片視頻過(guò)程中“如何優(yōu)雅而不令用戶煩躁的等”就成為減少焦躁情緒關(guān)鍵。

二、增強(qiáng)現(xiàn)實(shí)類APP中l(wèi)oading現(xiàn)狀調(diào)研分析

按照l(shuí)oading的用途可將其分為三類：初始loading、頁(yè)面之間跳轉(zhuǎn)loading、內(nèi)部加載圖片視頻loading。前兩類loading在各種APP之間形式大同小異，可以十分成熟的運(yùn)用于增強(qiáng)現(xiàn)實(shí)類APP；由于增強(qiáng)現(xiàn)實(shí)類APP又具有特殊的識(shí)別和成像機(jī)制，普通APP中內(nèi)部加載圖片視頻loading應(yīng)用于這類APP中的時(shí)候需要經(jīng)過(guò)重新思考和設(shè)計(jì)。

通過(guò)對(duì)市場(chǎng)上幾款增強(qiáng)現(xiàn)實(shí)類APP的加載圖片視頻loading進(jìn)行調(diào)研，發(fā)現(xiàn)它們存在以下幾方面不足。

1.使用常規(guī)的“風(fēng)火輪”式和“l(fā)oading……”式加載

例如，Junaio AR 和Wikitude 瀏覽器加載頁(yè)面，這兩種方式都是傳統(tǒng)loading形式的沿用，只提示現(xiàn)在正處于加載狀態(tài)，無(wú)法明確告知用戶具體等待時(shí)間。

通過(guò)調(diào)研發(fā)現(xiàn)如下問(wèn)題：第一，一些初次使用的用戶在這種情況下不知道發(fā)生了什么，甚至認(rèn)為是APP出現(xiàn)故障，經(jīng)常會(huì)放棄使用此款A(yù)PP；第二，增強(qiáng)現(xiàn)實(shí)APP經(jīng)常要配合相應(yīng)的標(biāo)記板或者周圍環(huán)境信息使用，在這種情況下“風(fēng)火輪”式加載loading方式經(jīng)常和畫面中的圖像難以區(qū)分，識(shí)別性比較差。

2.使用流動(dòng)式動(dòng)畫反饋的加載

例如“視+”APP加載頁(yè)面的這種方式是PC端最常用的方式，它的優(yōu)勢(shì)在于讓用戶的命令的執(zhí)行和完成過(guò)渡得更加平滑；同時(shí)讓用戶在等待過(guò)程中看到一些有趣的東西，增加對(duì)加載內(nèi)容的興趣。但是這種形式的缺點(diǎn)同樣在于用戶不能準(zhǔn)確把握時(shí)間，并且可能因手機(jī)配置有限而出現(xiàn)loading動(dòng)畫的卡頓現(xiàn)象。

綜上調(diào)研可看出，現(xiàn)在絕大多數(shù)增強(qiáng)現(xiàn)實(shí)類APP的loading設(shè)計(jì)是延續(xù)了傳統(tǒng)APP的加載頁(yè)形式，但是傳統(tǒng)的loading設(shè)計(jì)形式應(yīng)用于新的產(chǎn)品設(shè)計(jì)上存在一些用戶體驗(yàn)方面的問(wèn)題。因此，loading必須根據(jù)增強(qiáng)現(xiàn)實(shí)類APP的技術(shù)特性和加載形式做相應(yīng)的匹配和創(chuàng)新。

三、增強(qiáng)現(xiàn)實(shí)類APP中l(wèi)oading設(shè)計(jì)原則

優(yōu)秀的增強(qiáng)現(xiàn)實(shí)類APP的loading應(yīng)該是與內(nèi)容完美匹配和獨(dú)具匠心的，而不僅僅是傳統(tǒng)loading的套用。增強(qiáng)現(xiàn)實(shí)類APP的loading設(shè)計(jì)應(yīng)該符合以下幾點(diǎn)原則。

1.標(biāo)記識(shí)別區(qū)，與外界環(huán)境或標(biāo)記板統(tǒng)一

增強(qiáng)現(xiàn)實(shí)APP的界面特征是在移動(dòng)端設(shè)備的攝像頭拍攝畫面或者標(biāo)記板上疊加文字、圖像或視頻等信息。尤其是與標(biāo)記板配合使用時(shí)，必須在識(shí)別標(biāo)記板后立刻標(biāo)記圖像識(shí)別區(qū)，并且明確反饋給用戶，這樣避免用戶在用移動(dòng)終端攝像頭對(duì)準(zhǔn)標(biāo)記板后無(wú)反饋而出現(xiàn)不知所措的問(wèn)題。

另外，與標(biāo)記板或者與LBS技術(shù)配合使用的此類APP所識(shí)別的標(biāo)記物往往隨著外界的環(huán)境產(chǎn)生變化，因此增強(qiáng)現(xiàn)實(shí)類APP的較傳統(tǒng)的APP的界面具有更高的不確定性，這就要求設(shè)計(jì)師在此類型的APP的loading設(shè)計(jì)中要充分理解用戶使用場(chǎng)景，兼顧整體界面風(fēng)格，保持與原始圖像或者標(biāo)記板的統(tǒng)一性。

2.形式新穎具有趣味性，減少用戶焦慮

常見(jiàn)的loading往往是普通的“風(fēng)火輪”式加載或者是進(jìn)度條伸展動(dòng)畫，缺乏新意，此種形式雖然在提醒用戶產(chǎn)品正在努力加載，但是也十分容易引起用戶的視覺(jué)疲勞和等待的焦躁感。因此，loading動(dòng)畫必須設(shè)計(jì)的新穎并且有趣，這樣可以吸引用戶的注意力和好奇心，讓用戶在使用過(guò)程中將枯燥乏味的等待時(shí)間變成期待加載完成的趣味觀賞活動(dòng)。

另外，在loading設(shè)計(jì)中增加了部分交互元素，不僅使等待過(guò)程不再枯燥，而且具有一定的交互性，用戶可以與加載動(dòng)畫進(jìn)行互動(dòng)。

3.允諾用戶所需時(shí)間和提示現(xiàn)在加載狀態(tài)

用戶等待過(guò)程中，焦躁情緒很可能逐漸轉(zhuǎn)化為憤怒，讓用戶產(chǎn)生這種情緒變化的原因不僅在于是等待時(shí)間的過(guò)長(zhǎng)，還在于用戶對(duì)未來(lái)等待時(shí)間和結(jié)果的未知性。因此為安撫用戶的焦躁情緒，loading設(shè)計(jì)中就必須讓用戶知道當(dāng)前加載狀態(tài)和剩余時(shí)間。

在實(shí)際設(shè)計(jì)時(shí)，設(shè)計(jì)師必須巧妙地設(shè)計(jì)進(jìn)度條、百分比等具體的loading形式體現(xiàn)這種時(shí)間性，改善用戶的等待體驗(yàn)。

四、設(shè)計(jì)驗(yàn)證

根據(jù)以上設(shè)計(jì)原則，筆者進(jìn)行了視辰信息科技（上海）有限公司開(kāi)發(fā)的增強(qiáng)現(xiàn)實(shí)類APP“請(qǐng)柬+”的loading設(shè)計(jì)。

前期用戶調(diào)研發(fā)現(xiàn)，目標(biāo)用戶對(duì)于這種基于增強(qiáng)現(xiàn)實(shí)技術(shù)的電子請(qǐng)柬持有積極的嘗試態(tài)度，但是用戶經(jīng)常在2G、3G或者WiFi網(wǎng)速不理想的情況下使用本產(chǎn)品，使得產(chǎn)品在識(shí)別標(biāo)記的請(qǐng)柬后加載視頻過(guò)慢，用戶出現(xiàn)等待焦慮或者不知所措的情況。針對(duì)用戶遇到的這個(gè)問(wèn)題，筆者進(jìn)行了“請(qǐng)柬+”loading的設(shè)計(jì)。

當(dāng)APP攝像頭對(duì)準(zhǔn)標(biāo)記板時(shí)，自動(dòng)識(shí)別標(biāo)記板圖像，根據(jù)圖像自動(dòng)匹配對(duì)應(yīng)內(nèi)容，并將匹配內(nèi)容從云端下載到本地，此下載過(guò)程會(huì)根據(jù)網(wǎng)速的不同而出現(xiàn)對(duì)應(yīng)的下載時(shí)間。

本設(shè)計(jì)遵循以上提出的增強(qiáng)現(xiàn)實(shí)類APP的loading設(shè)計(jì)的三點(diǎn)原則。第一，產(chǎn)品識(shí)別標(biāo)記板后，會(huì)在標(biāo)記圖像上顯示發(fā)光線框提示用戶標(biāo)記區(qū)，防止用戶移開(kāi)攝像頭導(dǎo)致加載停止；第二，識(shí)別標(biāo)記板后界面疊加loading，形式為“LOVE”字樣進(jìn)度條，與請(qǐng)柬的主題和形式統(tǒng)一、呼應(yīng)；第三，進(jìn)度條“LOVE”為玻璃器皿形式，內(nèi)部紅色液體會(huì)伴隨著氣泡緩慢上升，并且會(huì)隨著移動(dòng)端設(shè)備的搖晃而出現(xiàn)相應(yīng)的傾斜和晃動(dòng)，增加loading的趣味性和互動(dòng)性；第四，紅色液體中氣泡上升的速率展示當(dāng)前網(wǎng)絡(luò)下載速率，紅色液體的所占玻璃器皿的百分比表示當(dāng)前的加載狀態(tài)，提示用戶大致剩余加載時(shí)間。

五、總結(jié)

隨著增強(qiáng)現(xiàn)實(shí)技術(shù)在移動(dòng)終端的廣泛應(yīng)用，針對(duì)此項(xiàng)新技術(shù)而重新設(shè)計(jì)的各種交互視覺(jué)等形式必將受到更多的重視和關(guān)注，此課題通過(guò)筆者對(duì)現(xiàn)有增強(qiáng)現(xiàn)實(shí)類APP的loading的重新設(shè)計(jì)和實(shí)踐，已在為增強(qiáng)現(xiàn)實(shí)技術(shù)類APP設(shè)計(jì)的發(fā)展起到拋磚引玉的作用，希望后來(lái)者在新的技術(shù)平臺(tái)上進(jìn)行更多的設(shè)計(jì)創(chuàng)新。

[1]孫雅賢.《基于加載頁(yè)面中的情感化設(shè)計(jì)》.大眾文藝，2014（3）.

[2]趙熙.《Loading進(jìn)行時(shí)——網(wǎng)頁(yè)中的Loading設(shè)計(jì)研究》.藝術(shù)與設(shè)計(jì)，2008（10）.