于康康 張宇紅 (江南大學設(shè)計學院 214122)
但是在現(xiàn)實場景下,移動端設(shè)備2G、3G環(huán)境下加載網(wǎng)速有限,wifi環(huán)境也未必每次都十分高速。因此“別讓我等”這個移動端交互的基本評價標準在網(wǎng)速不佳的情況下成為奢望。并且互聯(lián)網(wǎng)領(lǐng)域存在“八秒鐘定律”即用戶如果等待網(wǎng)頁打開時間超過8秒,會有超過70%的用戶放棄等待。因此在現(xiàn)有的技術(shù)和網(wǎng)絡(luò)等限制條件下實現(xiàn)增強現(xiàn)實類APP內(nèi)部加載圖片視頻過程中“如何優(yōu)雅而不令用戶煩躁的等”就成為減少焦躁情緒關(guān)鍵。
按照loading的用途可將其分為三類:初始loading、頁面之間跳轉(zhuǎn)loading、內(nèi)部加載圖片視頻loading。前兩類loading在各種APP之間形式大同小異,可以十分成熟的運用于增強現(xiàn)實類APP;由于增強現(xiàn)實類APP又具有特殊的識別和成像機制,普通APP中內(nèi)部加載圖片視頻loading應(yīng)用于這類APP中的時候需要經(jīng)過重新思考和設(shè)計。
通過對市場上幾款增強現(xiàn)實類APP的加載圖片視頻loading進行調(diào)研,發(fā)現(xiàn)它們存在以下幾方面不足。
例如,Junaio AR 和Wikitude 瀏覽器加載頁面,這兩種方式都是傳統(tǒng)loading形式的沿用,只提示現(xiàn)在正處于加載狀態(tài),無法明確告知用戶具體等待時間。
通過調(diào)研發(fā)現(xiàn)如下問題:第一,一些初次使用的用戶在這種情況下不知道發(fā)生了什么,甚至認為是APP出現(xiàn)故障,經(jīng)常會放棄使用此款A(yù)PP;第二,增強現(xiàn)實APP經(jīng)常要配合相應(yīng)的標記板或者周圍環(huán)境信息使用,在這種情況下“風火輪”式加載loading方式經(jīng)常和畫面中的圖像難以區(qū)分,識別性比較差。
例如“視+”APP加載頁面的這種方式是PC端最常用的方式,它的優(yōu)勢在于讓用戶的命令的執(zhí)行和完成過渡得更加平滑;同時讓用戶在等待過程中看到一些有趣的東西,增加對加載內(nèi)容的興趣。但是這種形式的缺點同樣在于用戶不能準確把握時間,并且可能因手機配置有限而出現(xiàn)loading動畫的卡頓現(xiàn)象。
綜上調(diào)研可看出,現(xiàn)在絕大多數(shù)增強現(xiàn)實類APP的loading設(shè)計是延續(xù)了傳統(tǒng)APP的加載頁形式,但是傳統(tǒng)的loading設(shè)計形式應(yīng)用于新的產(chǎn)品設(shè)計上存在一些用戶體驗方面的問題。因此,loading必須根據(jù)增強現(xiàn)實類APP的技術(shù)特性和加載形式做相應(yīng)的匹配和創(chuàng)新。
優(yōu)秀的增強現(xiàn)實類APP的loading應(yīng)該是與內(nèi)容完美匹配和獨具匠心的,而不僅僅是傳統(tǒng)loading的套用。增強現(xiàn)實類APP的loading設(shè)計應(yīng)該符合以下幾點原則。
增強現(xiàn)實APP的界面特征是在移動端設(shè)備的攝像頭拍攝畫面或者標記板上疊加文字、圖像或視頻等信息。尤其是與標記板配合使用時,必須在識別標記板后立刻標記圖像識別區(qū),并且明確反饋給用戶,這樣避免用戶在用移動終端攝像頭對準標記板后無反饋而出現(xiàn)不知所措的問題。
另外,與標記板或者與LBS技術(shù)配合使用的此類APP所識別的標記物往往隨著外界的環(huán)境產(chǎn)生變化,因此增強現(xiàn)實類APP的較傳統(tǒng)的APP的界面具有更高的不確定性,這就要求設(shè)計師在此類型的APP的loading設(shè)計中要充分理解用戶使用場景,兼顧整體界面風格,保持與原始圖像或者標記板的統(tǒng)一性。
常見的loading往往是普通的“風火輪”式加載或者是進度條伸展動畫,缺乏新意,此種形式雖然在提醒用戶產(chǎn)品正在努力加載,但是也十分容易引起用戶的視覺疲勞和等待的焦躁感。因此,loading動畫必須設(shè)計的新穎并且有趣,這樣可以吸引用戶的注意力和好奇心,讓用戶在使用過程中將枯燥乏味的等待時間變成期待加載完成的趣味觀賞活動。
另外,在loading設(shè)計中增加了部分交互元素,不僅使等待過程不再枯燥,而且具有一定的交互性,用戶可以與加載動畫進行互動。
用戶等待過程中,焦躁情緒很可能逐漸轉(zhuǎn)化為憤怒,讓用戶產(chǎn)生這種情緒變化的原因不僅在于是等待時間的過長,還在于用戶對未來等待時間和結(jié)果的未知性。因此為安撫用戶的焦躁情緒,loading設(shè)計中就必須讓用戶知道當前加載狀態(tài)和剩余時間。
在實際設(shè)計時,設(shè)計師必須巧妙地設(shè)計進度條、百分比等具體的loading形式體現(xiàn)這種時間性,改善用戶的等待體驗。
根據(jù)以上設(shè)計原則,筆者進行了視辰信息科技(上海)有限公司開發(fā)的增強現(xiàn)實類APP“請柬+”的loading設(shè)計。
前期用戶調(diào)研發(fā)現(xiàn),目標用戶對于這種基于增強現(xiàn)實技術(shù)的電子請柬持有積極的嘗試態(tài)度,但是用戶經(jīng)常在2G、3G或者WiFi網(wǎng)速不理想的情況下使用本產(chǎn)品,使得產(chǎn)品在識別標記的請柬后加載視頻過慢,用戶出現(xiàn)等待焦慮或者不知所措的情況。針對用戶遇到的這個問題,筆者進行了“請柬+”loading的設(shè)計。
當APP攝像頭對準標記板時,自動識別標記板圖像,根據(jù)圖像自動匹配對應(yīng)內(nèi)容,并將匹配內(nèi)容從云端下載到本地,此下載過程會根據(jù)網(wǎng)速的不同而出現(xiàn)對應(yīng)的下載時間。
本設(shè)計遵循以上提出的增強現(xiàn)實類APP的loading設(shè)計的三點原則。第一,產(chǎn)品識別標記板后,會在標記圖像上顯示發(fā)光線框提示用戶標記區(qū),防止用戶移開攝像頭導(dǎo)致加載停止;第二,識別標記板后界面疊加loading,形式為“LOVE”字樣進度條,與請柬的主題和形式統(tǒng)一、呼應(yīng);第三,進度條“LOVE”為玻璃器皿形式,內(nèi)部紅色液體會伴隨著氣泡緩慢上升,并且會隨著移動端設(shè)備的搖晃而出現(xiàn)相應(yīng)的傾斜和晃動,增加loading的趣味性和互動性;第四,紅色液體中氣泡上升的速率展示當前網(wǎng)絡(luò)下載速率,紅色液體的所占玻璃器皿的百分比表示當前的加載狀態(tài),提示用戶大致剩余加載時間。
隨著增強現(xiàn)實技術(shù)在移動終端的廣泛應(yīng)用,針對此項新技術(shù)而重新設(shè)計的各種交互視覺等形式必將受到更多的重視和關(guān)注,此課題通過筆者對現(xiàn)有增強現(xiàn)實類APP的loading的重新設(shè)計和實踐,已在為增強現(xiàn)實技術(shù)類APP設(shè)計的發(fā)展起到拋磚引玉的作用,希望后來者在新的技術(shù)平臺上進行更多的設(shè)計創(chuàng)新。
[1]孫雅賢.《基于加載頁面中的情感化設(shè)計》.大眾文藝,2014(3).
[2]趙熙.《Loading進行時——網(wǎng)頁中的Loading設(shè)計研究》.藝術(shù)與設(shè)計,2008(10).