劉江波 袁徐慶

摘要：為解決用戶在使用移動端增強(qiáng)現(xiàn)實(shí)產(chǎn)品的過程中，因?yàn)殚L時(shí)間加載等待產(chǎn)生焦慮，導(dǎo)致體驗(yàn)中斷的問題，探討基于現(xiàn)有的硬件條件以及網(wǎng)絡(luò)狀態(tài)下，緩解負(fù)面情緒、讓用戶愉悅的加載頁面設(shè)計(jì)的策略和方法。從移動端增強(qiáng)現(xiàn)實(shí)產(chǎn)品應(yīng)用現(xiàn)狀出發(fā)，剖析加載體驗(yàn)問題產(chǎn)生的原因，通過歸納梳理，提取影響和決定加載的關(guān)鍵特征，根據(jù)時(shí)間知覺理論，結(jié)合具體案例說明，推導(dǎo)出提升等待體驗(yàn)的設(shè)計(jì)策略。移動端增強(qiáng)現(xiàn)實(shí)產(chǎn)品加載可以通過對目標(biāo)內(nèi)容信息優(yōu)化節(jié)省計(jì)算成本、針對整體性要求進(jìn)行分步加載、設(shè)計(jì)符合三維體驗(yàn)的加載頁面視覺呈現(xiàn)、讓用戶提前進(jìn)入增強(qiáng)現(xiàn)實(shí)交互等方式進(jìn)行設(shè)計(jì)，從而產(chǎn)出符合用戶體驗(yàn)的產(chǎn)品，促進(jìn)用戶留存。

關(guān)鍵詞：增強(qiáng)現(xiàn)實(shí);加載設(shè)計(jì);時(shí)間知覺;用戶體驗(yàn);設(shè)計(jì)策略

中圖分類號：TB472 文獻(xiàn)標(biāo)識碼：A

文章編碼：1672-7053（2019）01-0129-03

隨著移動端技術(shù)的發(fā)展，以及市場的關(guān)注和政策的重視，移動端增強(qiáng)現(xiàn)實(shí)產(chǎn)品（以下簡稱AR app）日益增多?，F(xiàn)有的ARapp多注重功能實(shí)現(xiàn)，缺少對用戶體驗(yàn)的重視，加之硬件性能不一以及網(wǎng)絡(luò)差異等原因，在加載頁面因長時(shí)間等待導(dǎo)致用戶退出的情況時(shí)有發(fā)生。AR app產(chǎn)品形態(tài)新穎，沿用常規(guī)移動端產(chǎn)品（以下簡稱App）加載設(shè)計(jì)策略無法滿足用戶需要，因此，根據(jù)AR app的特征，提煉設(shè)計(jì)策略來指導(dǎo)實(shí)踐，成為提高用戶滿意度、提升AR app產(chǎn)品體驗(yàn)的關(guān)鍵環(huán)節(jié)。

1 AR app加載頁面設(shè)計(jì)現(xiàn)狀分析

目前市場上AR app的加載頁面設(shè)計(jì)以直接沿用移動端產(chǎn)品通用的加載策略為主，在實(shí)際的應(yīng)用暴露著清晰可見的體驗(yàn)問題。常規(guī)的app加載頁面主要根據(jù)用戶的主觀認(rèn)知心理特征，從提供加載概念模型、進(jìn)行非模態(tài)加載、加載頁面情趣化、滿足和超越用戶預(yù)期、隱藏加載等待等方面進(jìn)行設(shè)計(jì)[4]。通過調(diào)研分析發(fā)現(xiàn)，AR app以概念加載模型、非模態(tài)加載的設(shè)計(jì)方式使用頻率最高，范圍最廣。這兩種設(shè)計(jì)方式直接用于AR app，前者（圖1a）存在將實(shí)際等待時(shí)長赤裸裸的暴露在用戶的時(shí)間感知中的問題，后者（圖1b）適合系列案例，不具備通用性;其次，加載頁面情趣化、滿足和超越用戶預(yù)期兩種設(shè)計(jì)方式在實(shí)踐中也較為常見，前者（圖1c）趣味化方式跟增強(qiáng)現(xiàn)實(shí)目標(biāo)內(nèi)容的結(jié)合程度較低，后者（圖1d）雖然通過控制節(jié)奏后的前慢后快、提前完成的方式讓用戶收獲驚喜，但是感知到的時(shí)間沒有減少，在前期的等待中用戶退出的風(fēng)險(xiǎn)也會提升。從顯現(xiàn)的體驗(yàn)缺陷中可以了解到，當(dāng)前的AR app加載頁面直接借鑒常規(guī)App設(shè)計(jì)方式，缺乏對整體的關(guān)注。忽視從整個(gè)流程角度去優(yōu)化，因此導(dǎo)致加載頁面同目標(biāo)內(nèi)容信息的延續(xù)性差，產(chǎn)生體驗(yàn)問題，從而影響人們對增強(qiáng)現(xiàn)實(shí)內(nèi)容的體驗(yàn)預(yù)期。

2 加載頁面的等待設(shè)計(jì)影響用戶體驗(yàn)

因?yàn)樘厥獾某尸F(xiàn)機(jī)制以及環(huán)境識別，AR app需要消耗比常規(guī)App更長的加載時(shí)間?；ヂ?lián)網(wǎng)信息時(shí)代，大量內(nèi)容的出現(xiàn)，使用戶選擇更多樣化。在產(chǎn)品設(shè)計(jì)中，存在“八秒鐘定律”，即當(dāng)用戶如果等待目標(biāo)內(nèi)容信息打開時(shí)間超過8s時(shí)，70%的用戶會選擇關(guān)閉程序不再繼續(xù)等待[1]。因此，長時(shí)間的等待體驗(yàn)會導(dǎo)致用戶流失，轉(zhuǎn)化率低，造成公司損失，關(guān)乎商業(yè)成敗。在界面交互中反饋必不可少，反饋是對已經(jīng)發(fā)生的操作行為進(jìn)行指示、回應(yīng)[2]，加載頁面是重要的反饋之一。合理的加載頁面能夠清楚的讓用戶在體驗(yàn)過程中知道自己的狀態(tài)和所處的位置[3]，從而緩解用戶的迷失感和焦慮情緒。因此，對于加載頁面進(jìn)行設(shè)計(jì)也成為了解決用戶因?yàn)殚L時(shí)間等待產(chǎn)生的負(fù)面情緒的重要手段。尤其是在需要用戶花費(fèi)更多等待時(shí)間的AR app中，加載頁面的設(shè)計(jì)對于整體用戶體驗(yàn)的作用更加重要。

3 關(guān)聯(lián)等待體驗(yàn)的AR app特征分析

通過與整體體驗(yàn)相關(guān)的因素進(jìn)行分析，從“計(jì)算成本、技術(shù)限制、內(nèi)容呈現(xiàn)、交互方式”四個(gè)維度，總結(jié)歸納關(guān)聯(lián)等待時(shí)間的AR app的特征。

3.1 更加消耗計(jì)算成本的增強(qiáng)現(xiàn)實(shí)技術(shù)

增強(qiáng)現(xiàn)實(shí)體驗(yàn)注重虛實(shí)結(jié)合，AR app的呈現(xiàn)畫面主要由兩部分組成，一部分為實(shí)體影像收集元件生成的現(xiàn)實(shí)環(huán)境畫面;另一部分則是由設(shè)計(jì)者設(shè)計(jì)、計(jì)算機(jī)生成的作為增強(qiáng)疊加信息的虛擬物。這兩類數(shù)據(jù)創(chuàng)造著增強(qiáng)現(xiàn)實(shí)的知覺感應(yīng)。這要求硬件設(shè)備不但提供即時(shí)、真切、高解像度的三維場景，并且還要進(jìn)行跟蹤定位與互動感應(yīng)，以實(shí)現(xiàn)用戶與虛擬情境的無縫交融[5]。因此，用戶在進(jìn)行體驗(yàn)的過程中需要消耗更多計(jì)算成本，這種特性也會隨著體驗(yàn)的豐富更加明顯，這也是AR app需要更長的等待時(shí)間主要因素之一。

3.2 目標(biāo)內(nèi)容信息的整體加載要求

從AR app的目標(biāo)信息內(nèi)容區(qū)別看，AR app顯示內(nèi)容較之常規(guī)app發(fā)生了改變，三維模型內(nèi)容增多、二維內(nèi)容不再高頻，因此目標(biāo)內(nèi)容信息量普遍較大。所以，為了保證不同的硬件條件、網(wǎng)絡(luò)情況下的體驗(yàn)同步，目前AR app設(shè)計(jì)的行業(yè)做法都是通過從線上信息資源庫中獲取三維模型等虛擬信息從而替代較大部分的實(shí)時(shí)渲染。雖然這種做法能夠減少本地的運(yùn)算成本，但是需要將資源包整體加載完成之后才能進(jìn)行體驗(yàn)。因此，在同樣的網(wǎng)絡(luò)環(huán)境和硬件條件下，AR app對目標(biāo)信息內(nèi)容加載有整體性要求，導(dǎo)致需要的加載時(shí)長普遍長于常規(guī)的App。

3.3 體驗(yàn)從二維平面演化到了三維世界

常規(guī)的App加載頁面的目標(biāo)內(nèi)容信息以二維操作界面為主，對應(yīng)著以二維為主的目標(biāo)信息內(nèi)容，其延續(xù)性很強(qiáng)，符合界面設(shè)計(jì)的整體性原則。AR app支持的是更為豐富的知覺體驗(yàn)，加載頁面的目標(biāo)內(nèi)容信息為具有空間占據(jù)范圍的虛擬場景，本質(zhì)是在現(xiàn)實(shí)場景增加虛擬的信息圖層注釋，是一種融合現(xiàn)實(shí)的三維空間體驗(yàn)。因此，與其他信息系統(tǒng)不同，AR app的加載頁面更需要關(guān)注三維空間感。

3.4 豐富的交互方式

因?yàn)槿S空間體驗(yàn)的必要，增強(qiáng)現(xiàn)實(shí)的交互方式更加多樣，不再僅限于點(diǎn)擊、滑動等常規(guī)的觸屏交互。除了主動式的交互方式，它還包括用戶行為的被動觸發(fā)。因?yàn)锳R app交互行為發(fā)生改變，所以用戶對于體驗(yàn)的期待程度和新穎感更加明顯。但是操作也增加了新的復(fù)雜性，同時(shí)也提高了用戶的學(xué)習(xí)成本。

4 面向AR app特征的加載頁面設(shè)計(jì)

在心理學(xué)領(lǐng)域的等待時(shí)間知覺研究中表明，客觀的等待時(shí)長和主觀的“時(shí)間感知”是影響用戶等待時(shí)距估計(jì)的主要因素[6]。因此，在現(xiàn)實(shí)的案例中，除了通過優(yōu)化客觀時(shí)間影響對用戶等待時(shí)距估計(jì)，還可以通過對影響時(shí)間感知的因素進(jìn)行控制，從而影響人們對于時(shí)間長度的主觀感知，抵消一定量的延遲帶來的負(fù)面影響[7]，進(jìn)而提升整體的等待體驗(yàn)。一定程度上來講，客觀和主觀都很重要。因此技術(shù)優(yōu)化客觀時(shí)間是前提，不容忽視，但根據(jù)增強(qiáng)現(xiàn)實(shí)特性進(jìn)行加載頁面的設(shè)計(jì)成為了目前成本合適、見效快速、影響最為直接的方式。從整體的設(shè)計(jì)流程出發(fā)，對于目標(biāo)內(nèi)容信息進(jìn)行優(yōu)化，通過策略式分布加載的方式拆分目標(biāo)內(nèi)容，設(shè)計(jì)符合增強(qiáng)現(xiàn)實(shí)體驗(yàn)加載頁面視覺呈現(xiàn)，讓用戶提前進(jìn)入體驗(yàn)，這些策略都有利于創(chuàng)造良好的增強(qiáng)現(xiàn)實(shí)體驗(yàn)。

4.1 通過目標(biāo)內(nèi)容信息的優(yōu)化節(jié)省計(jì)算成本

目標(biāo)內(nèi)容信息的大小影響著實(shí)際的運(yùn)算任務(wù)，任何系統(tǒng)的開發(fā)都不僅僅需要考慮有用性（Utility）、易用性（Usability），還要考慮經(jīng)濟(jì)性（Cost）對目標(biāo)信息進(jìn)行優(yōu)化，與客觀的等待時(shí)間直接相關(guān)，在整個(gè)設(shè)計(jì)流程中也極為重要。

根據(jù)用戶需求進(jìn)行目標(biāo)內(nèi)容信息的設(shè)計(jì)。好的體驗(yàn)不一定是靠信息量和高性能堆積的，因此，在設(shè)計(jì)前期通過用戶研究對應(yīng)用領(lǐng)域的目標(biāo)人群特點(diǎn)給予充分探討，對用戶需求、使用場景進(jìn)行深入的調(diào)研分析，針對性進(jìn)行設(shè)計(jì)，可以規(guī)避多余的目標(biāo)內(nèi)容信息產(chǎn)生。通過這種用戶為中心的設(shè)計(jì)方法，產(chǎn)出的體驗(yàn)也更加符合用戶的預(yù)期。以VIPKIDAR案例為例，如圖2，前期通過用戶研究發(fā)現(xiàn)針對的目標(biāo)人群是4-12歲的兒童，目的是通過多模態(tài)的感觀交互進(jìn)行兒童英語教學(xué)。這個(gè)階段的兒童的感知快速成長，目標(biāo)內(nèi)容信息不需要以真實(shí)逼真為目的，采用顏色鮮艷、造型豐富的卡通模型更能夠引起兒童的關(guān)注。在這個(gè)案例中通過前期的調(diào)研了解到目標(biāo)用戶兒童的需求，設(shè)計(jì)針對性的產(chǎn)出物，既符合目標(biāo)用戶需求，保證體驗(yàn)的質(zhì)量，也減少了目標(biāo)內(nèi)容的信息量。

在設(shè)計(jì)流程中控制材料標(biāo)準(zhǔn)輸出同樣是目標(biāo)信息優(yōu)化的基礎(chǔ)。通過制定AR app設(shè)計(jì)規(guī)范的方式，也可以規(guī)避在實(shí)際操作過程因?yàn)榭绮块T合作產(chǎn)生冗余素材。成熟的團(tuán)隊(duì)通過制定規(guī)范來設(shè)計(jì)產(chǎn)品的統(tǒng)一性，相對于常規(guī)的app，AR體驗(yàn)的創(chuàng)造流程更復(fù)雜，因此，需要更為緊密團(tuán)隊(duì)合作。在一些前沿的增強(qiáng)現(xiàn)實(shí)團(tuán)隊(duì)中，如百度增強(qiáng)現(xiàn)實(shí)實(shí)驗(yàn)室，已經(jīng)開始了規(guī)范化的AR app設(shè)計(jì)，整體流程中單就三維模型的制作，如圖3，就有多項(xiàng)對目標(biāo)內(nèi)容信息優(yōu)化條例，在制作的過程中予以規(guī)范，能夠有效達(dá)到信息優(yōu)化的目的。

4.2 針對整體性加載要求的分步加載

分步加載是針對于耗時(shí)操作處理通過多開加載線程方式節(jié)省等待時(shí)間的方法。因?yàn)橄鄬τ谶M(jìn)度指示，用戶更喜歡看到逐步深入的結(jié)果[9]，因此分步加載策略根據(jù)實(shí)際情況對于目標(biāo)內(nèi)容信息從內(nèi)容層面進(jìn)行拆分或者添加，優(yōu)先加載部分關(guān)鍵信息，讓用戶提前進(jìn)入正式體驗(yàn)，在體驗(yàn)的過程中隱藏部分等待時(shí)長，然后在后臺加載剩余部分目標(biāo)信息。其本質(zhì)上是一種隱藏等待下載方式。AR app目標(biāo)內(nèi)容獲取的整體性要求導(dǎo)致技術(shù)上的逐幀加載難以實(shí)現(xiàn)，所以這種通過先顯示重要的信息再顯示輔助信息，可以使交互系統(tǒng)看上去速度很快[10]。策略式分步下載實(shí)際上是一種“障眼法”，如圖4，通過時(shí)間軸我們可以看出，客觀實(shí)際的時(shí)間并沒有減少，通過策略式分步加載，用戶可感知到的加載只有小部分信息的加載耗時(shí)，剩余的部分在用戶同模型的互動中被忽視，相對于整體后臺邏輯的時(shí)間，用戶實(shí)際可感知的加載時(shí)間大大減少。由于AR app項(xiàng)目的多樣性，目標(biāo)內(nèi)容的拆分應(yīng)當(dāng)根據(jù)具體案例情況進(jìn)行設(shè)計(jì)。優(yōu)秀的分步加載的策略其重點(diǎn)有兩個(gè)方面：一是要關(guān)注內(nèi)容拆分的合理性，在不影響整體體驗(yàn)的情況下進(jìn)行信息內(nèi)容的拆分;二是考慮拆分后的各部分之間自然過渡，運(yùn)用轉(zhuǎn)場動畫、動效設(shè)計(jì)、劇情等方式進(jìn)行設(shè)計(jì)。

4.3 符合三維體驗(yàn)的加載頁面視覺呈現(xiàn)

格式塔理論述及了這樣一個(gè)心理學(xué)觀念，即人們的審美觀對整體與和諧具有一種基本的要求[11]，因此加載頁面作為中間環(huán)節(jié)能影響增強(qiáng)現(xiàn)實(shí)的整體體驗(yàn)的一致性。常規(guī)App的加載頁面，圍繞二維畫面的視覺表現(xiàn)進(jìn)行創(chuàng)意設(shè)計(jì)，若直接用于AR app，則忽略了增強(qiáng)現(xiàn)實(shí)應(yīng)該帶來的空間體驗(yàn)，因此不再完全適合。因此根據(jù)設(shè)計(jì)一致性、相似性、連續(xù)性原則，遵循三維世界的規(guī)則，有利于設(shè)計(jì)符合增強(qiáng)現(xiàn)實(shí)體驗(yàn)加載頁面視覺呈現(xiàn)。

利用空間立體感強(qiáng)的設(shè)計(jì)樣式?？紤]到增強(qiáng)現(xiàn)實(shí)三維場景的特殊性，調(diào)整之前二維平面的加載圖標(biāo)樣式，更有利于用戶熟悉即將發(fā)生的虛擬體驗(yàn)，讓受眾用戶迅速感知到產(chǎn)品要傳達(dá)的信息。例如，亮風(fēng)臺開發(fā)的幻視AR app，如圖5，使用了抽象化三維表達(dá)的lowpoly立體模型做為視覺呈現(xiàn)圖標(biāo)，讓用戶的感觀在加載頁面完成平面到立體的過渡，提高了產(chǎn)品的整體性。

加載動效設(shè)計(jì)的空間感。精細(xì)而恰當(dāng)?shù)膭討B(tài)效果可傳達(dá)狀態(tài)，能夠在認(rèn)知上給予用戶明確的方向感和目的性。因此，在三維體驗(yàn)豐富的AR app中，空間感強(qiáng)的動效能夠在幫助在加載頁面階段就傳遞空間認(rèn)知。例如，Shazamapp的AR案例，如圖6，加載圖標(biāo)通過Z軸縮放的動效，給用戶帶來具有深度的空間感觀體驗(yàn)，使人的視覺感知得到更大的延伸。

4.4 提前進(jìn)入增強(qiáng)現(xiàn)實(shí)交互體驗(yàn)

在界面交互中，無力的形式使我們注意力渙散。有趣的互動能讓我們的思維與事物更加聯(lián)系緊密，為事物沉浸，從而減少用戶對于加載時(shí)間本身的關(guān)注。因此在AR app加載頁面提前進(jìn)入互動體驗(yàn)，能夠很好的掩護(hù)加載狀態(tài)，減少用戶對時(shí)間的感知。同時(shí)，在加載頁面的互動設(shè)計(jì)應(yīng)當(dāng)結(jié)合增強(qiáng)現(xiàn)實(shí)的交互特征，這樣能第一時(shí)間滿足用戶對增強(qiáng)現(xiàn)實(shí)的期待，也能在加載階段進(jìn)行AR app對正式互動引導(dǎo)，提高體驗(yàn)效率。以聯(lián)想tango手機(jī)為例，如圖7。在這個(gè)案例中，加載頁面被設(shè)計(jì)成了一個(gè)立體感強(qiáng)可迅速加載的簡單模型，被賦予了正式體驗(yàn)的部分交互形式，用戶進(jìn)入case的第一時(shí)間就可以直接上手體驗(yàn)，進(jìn)行模型的位置標(biāo)定、移動、縮放、點(diǎn)擊等等接近正式體驗(yàn)的交互行為，用戶在這段時(shí)間有事情可以做。在用戶沉浸互動的過程中，后臺在持續(xù)運(yùn)行系統(tǒng)，等到用戶熟悉了已有的交互方式正式的體驗(yàn)也已經(jīng)準(zhǔn)備就緒，效率極高。

5 總結(jié)

本文選取了AR app中關(guān)系到整體用戶體驗(yàn)的加載頁面設(shè)計(jì)作為研究對象，總結(jié)出針對性的設(shè)計(jì)策略從而進(jìn)一步指導(dǎo)設(shè)計(jì)活動。作為智能手機(jī)逐步興起的體驗(yàn)方式，AR app在未來會更加的普及，也充滿了技術(shù)挑戰(zhàn)與應(yīng)用研究價(jià)值，對其用戶體驗(yàn)的重視也會成為產(chǎn)品競爭力的關(guān)鍵。加載頁面設(shè)計(jì)只是AR app體驗(yàn)的其中一個(gè)環(huán)節(jié)，仍然有很多體驗(yàn)細(xì)節(jié)的豐富在未來仍需投入大量研究。

參考文獻(xiàn)

[1]于康康，張宇紅.基于增強(qiáng)現(xiàn)實(shí)技術(shù)的APP中bading設(shè)計(jì)探究[J].大眾文藝，2015（02）：97.

[2]艾倫·庫伯，羅伯特·萊曼，戴維·克羅寧，克里斯托弗·諾埃塞爾.About Face 4：交互設(shè)計(jì)精髓[M].北京：電子工業(yè)出版社，2015.

[3]張校君，張宇紅.Loading頁面設(shè)計(jì)中反饋機(jī)制的研究[J].設(shè)計(jì)，2017（05）：20-22.

[4]鄭靜.App加載頁面的等待體驗(yàn)設(shè)計(jì)研究[J].現(xiàn)代裝飾（理論），2016（01）：128.

[5]李震，李艷誠.圖書館應(yīng)用移動增強(qiáng)現(xiàn)實(shí)技術(shù)（AR）探究[J].圖書館學(xué)研究，2014（21）：17-21.

[6]何人可，符躍峰.基于時(shí)間知覺的移動APP頁面加載方式研究[J].包裝工程，2017，38（18）：56-61.

[7]趙熙.Loading進(jìn)行時(shí)一網(wǎng)頁中的Loading設(shè)計(jì)研究[J].藝術(shù)與設(shè)計(jì)（理論），2008（10）：140-142.

[8]藏田武志.增強(qiáng)現(xiàn)實(shí)（AR）技術(shù)權(quán)威指南：基礎(chǔ)·發(fā)展·實(shí)踐[M].北京：電子工業(yè)出版社，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]杰夫·約翰遜.認(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則[M].人民郵電出版社，2011.

[11]庫爾特·考夫卡.格式塔心理學(xué)原理[M].北京大學(xué)出版社，2010