2019-3-29 濤濤
AR的場景多種多樣，其中在手機設(shè)備的AR體驗中，有一種基本且常見的場景：通過手機攝像頭，用戶在環(huán)境中放置虛擬物體（模型），用戶與它有一些具體的互動操作，如移動、旋轉(zhuǎn)等。
我們將這類場景統(tǒng)一稱為放置類AR場景：放置對象可以是一扇虛擬場景的任意門，用戶可走入門中互動；也可以是一件家居商品，用戶可預覽商品是否與室內(nèi)環(huán)境搭配等。針對不同的放置對象和場景，設(shè)計側(cè)重點也會有所不同。
基于真實環(huán)境放置虛擬模型，并與模型進行交互的AR場景。
無論放置的對象類型如何，用戶打開相機，在屏幕中放下具體模型和進行互動的過程具有共性。我們把中間的完整流程拆分為了以下部分：
用戶打開放置類AR功能后，進入環(huán)境識別前的過程，均屬于初始啟動的范圍。放置類AR為何需要有初始啟動環(huán)節(jié)，用戶不直接進入AR場景進行體驗？
由于技術(shù)和產(chǎn)品的需要，放置類AR初始啟動承載幫助用戶理解、AR素材準備，為用戶帶來更優(yōu)的AR體驗。
初始啟動的流程中，包括啟動頁、引導頁、加載頁三個部分節(jié)點，三個節(jié)點可同時存在，也可只存在一個或兩個節(jié)點，具體需要根據(jù)設(shè)計需求來決定。
啟動頁的定義及設(shè)計形式
在啟動頁游戲AR應用中比較常見，只有短暫停留。頁面起到品牌露出的作用，或在啟動APP后渲染氛圍，迅速將用戶帶入。設(shè)計手段包含：音樂、音效、視覺、文字、動效，具體運用根據(jù)實際設(shè)計需求而定。可以參考以下兩種設(shè)計內(nèi)容：
啟動頁雖然不傳遞明確的含義和信息，但不同的設(shè)計手段可以給用戶傳遞出不同的品牌調(diào)性和場景氛圍感，其中音效和動效形式的應用會增加啟動頁設(shè)計的吸引力，下面將結(jié)合案例具體說明。
引導頁的定義及設(shè)計形式
引導頁促進用戶進入后續(xù)的核心體驗流程，傳達有關(guān)體驗的明確內(nèi)容，根據(jù) APP 的類型，引導內(nèi)容有所不同。但不涉及后續(xù)具體細節(jié)操作。常見的引導包含：內(nèi)容介紹、安全警告、體驗建議、環(huán)境要求、玩法介紹、新手引導等。設(shè)計手段包含：語音、音樂、音效、視覺、文字、動效。具體運用根據(jù)實際設(shè)計需求而定。可以參考以下五種設(shè)計內(nèi)容：
引導頁有明確內(nèi)容，根據(jù)設(shè)計需求可以考慮從產(chǎn)品介紹、展示輔助信息、在體驗時的建議或要求等。每種設(shè)計內(nèi)容有各自的適用場景、設(shè)計形式及優(yōu)缺點，將結(jié)合具體的案例進行說明。
加載頁定義及設(shè)計形式
加載頁需要用戶等待，加載時長根據(jù)加載內(nèi)容的大小而變化。過程可能包含素材下載、模型加載、材質(zhì)渲染、界面UI等。設(shè)計手段：文字、視覺、動效、音樂、音效。具體運用根據(jù)實際設(shè)計需求而定。可以參考以下五種設(shè)計形式：
建議使用Jigspace、Lego AR、AliceARQuest等AR應用進行體驗。
整個初始啟動環(huán)節(jié)包含啟動頁、引導頁和加載頁，整體的設(shè)計原則可總結(jié)為：
初始啟動設(shè)計第一步是根據(jù)應用類型選擇設(shè)計內(nèi)容和形式
不管是啟動頁還是引導頁的設(shè)計，都需要根據(jù)應用的類型去決定以何種形式給用戶展現(xiàn)必要的信息。例如：游戲類注重用戶的沉浸感，引導以故事介紹+體驗建議為主。科普類的需要通過界面+三維的形式展示更多信息給用戶，引導以產(chǎn)品介紹和信息補充為主。
啟動頁設(shè)計目標導向，不拖沓不無聊
根據(jù)APP類別選擇恰當?shù)男问剑M量簡單直接，盡快進入后續(xù)內(nèi)容頁。游戲類可形式豐富，時長稍長。
引導頁設(shè)計簡單直接，使用多維度設(shè)計手段增加引導信息的豐富度
不管引導的內(nèi)容是產(chǎn)品介紹，還是試玩引導，簡單直接始終是目標，不在引導的部分占用用戶過長的時間。另外也不能為了節(jié)約時間而使必要信息缺失，因此可以選擇豐富的設(shè)計手段，讓必要信息充分暴露。
加載頁設(shè)計優(yōu)先考慮無感知加載，否則根據(jù)加載時長使用不同形式
如無法無感知，則根據(jù)加載時長選擇加載的設(shè)計形式。例如：時長較短的加載過程需要簡單明快，不打擾用戶。時長較長的加載過程需要過程明晰，給用戶明確的預期。盡可能避免阻斷式的加載過程。通過設(shè)計方法增加長時間等待的愉悅感，減少不耐煩。
AR應用啟動后，經(jīng)歷完內(nèi)容引導加載的過程，便正式進入了AR場景搭建環(huán)節(jié)。從技術(shù)的角度來說，想讓模型穩(wěn)定地融合于真實世界，我們首先需要讓手機攝像頭認識周圍的環(huán)境，即為場景搭建的第一環(huán)節(jié)：環(huán)境的感知識別（環(huán)境識別包括平面識別、圖片識別、物體識別等，本文聚焦在環(huán)境中的平面識別）。確定平面之后才能繼續(xù)進行模型放置，直至用戶成功把模型在真實環(huán)境中放下。
平面識別指通過對環(huán)境特征的感知，確定一個基于真實環(huán)境的平面。確定放置平面后，即可構(gòu)建虛擬世界的坐標系，在虛擬世界中放置模型。平面識別是放置類AR體驗的第一步，是后續(xù)所有體驗內(nèi)容存在的基石。因此在設(shè)計中我們需要保證平面識別的成功率，保證用戶的順暢體驗。
這個環(huán)節(jié)本質(zhì)上是個技術(shù)驅(qū)動的環(huán)節(jié)。程序啟動后，系統(tǒng)以手機攝像頭為原點建立了3D世界坐標系。相機界面打開后，系統(tǒng)開始識別拍攝到的真實環(huán)境。通過檢測所捕獲的圖像之間的視覺差異點（即特征點），系統(tǒng)可以確立一個平面，并在世界坐標系中賦予平面一個位置信息，自此3D世界坐標系與真實環(huán)境中的平面建立了聯(lián)系。找到平面后，系統(tǒng)仍會持續(xù)進行檢測、更新平面的信息。
平面識別的成功需要用戶將手機攝像頭對準平面并移動手機，從而獲得更多平面的特征點、確定平面。因此在設(shè)計中，首先需要引導用戶做此動作配合；同時在用戶動作中，應對識別狀態(tài)給予實時反饋，讓用戶有把控感；識別失敗時，有效的容錯設(shè)計可以減少用戶挫敗感，提升識別成功率。設(shè)計節(jié)點可總結(jié)為以下幾點：
動作引導定義及設(shè)計形式
動作引導需要引導用戶做出配合的動作從而成功識別到平面。主要的引導內(nèi)容是：引導用戶將手機朝向一個平面任意方向移動，從而識別到平面。
表現(xiàn)用戶動作的引導形式有多種，如：文字、圖片、動圖、語音以及這些方式的組合方案等等。每種單提示形式都有其各自的優(yōu)缺點。如文字可準確傳達信息但閱讀時間較長；動圖傳達直觀，但準確性不夠等。因此建議使用組合方案的形式進行動作提示，結(jié)合單提示形式的優(yōu)點，同時規(guī)避其缺點。可以參考以下2種：
動作引導建議使用組合方案來進行提示，可以根據(jù)產(chǎn)品類型和場景選擇合適的方案。結(jié)合具體案例以說明：
平面識別中的定義及設(shè)計形式
程序識別平面的過程中，所花費時間往往受用戶所處環(huán)境的影響，環(huán)境較復雜時，識別時間可能較長。因此建議在平面識別的過程中，反饋識別的狀態(tài)，幫助用戶了解系統(tǒng)的行為，知道自己所處的狀態(tài)。狀態(tài)反饋有兩種建議的方式：
平面識別中的狀態(tài)反饋可以讓用戶了解系統(tǒng)行為，明晰所屬狀態(tài)。該步驟通常會和下一步合并設(shè)計。結(jié)合案例進行說明：
平面識別成功的定義及設(shè)計形式
平面識別成功后，建議可視化檢測到的平面，給用戶成功的反饋，同時讓用戶知道即將放置模型的平面在哪里。
平面識別成功的反饋是平面識別環(huán)節(jié)完成的節(jié)點，該步驟可能與之后的模型放置結(jié)合設(shè)計。結(jié)合案例進行說明。
平面識別異常的原因及設(shè)計
前文提到平面識別主要依賴對環(huán)境特征的檢測，在一些情況下會很難識別到平面。當出現(xiàn)異常時，如何引導用戶解決異常也是體驗設(shè)計的重要內(nèi)容之一。經(jīng)過前期技術(shù)調(diào)研，平面識別異常的情況主要有以下幾種：
我們可以對每種異常進行具體的提示，也可以給出綜合提示。這里建議的異常提示策略主要有兩種：
進行提示內(nèi)容話術(shù)設(shè)計時需注意：
另外異常提示的設(shè)計形式也有多種：文字、圖片、動圖、語音、組合方案等等。在設(shè)計時需要結(jié)合「動作引導」的設(shè)計形式進行整體提示的組合方案設(shè)計。例如動作引導是文字+動圖的形式，異常提示就不應該出現(xiàn)語音形式；動作引導是文字+語音形式，異常提示同樣使用語音的形式更一致。
平面識別的設(shè)計原則及建議
平面識別的設(shè)計原則及建議：
確定了放置平面后，下一步就是放置模型。模型放置指：通過一定的放置方式，讓模型出現(xiàn)在平面的某個位置上。
在模型放置模塊中，我們需要定義和設(shè)計放置方式以及放置位置。放置方式可以是自動放置，也可以是手動放置。放置位置可以是給用戶體驗效果最好的一個坐標點，即最佳放置位置；也可以是一片區(qū)域的任意一個坐標點，即可放置區(qū)域。
1. 放置方式的定義及設(shè)計形式
模型的放置方式主要有兩大類：
可以參考以下三種設(shè)計形式：
模型的放置方式主要有自動放置與手動放置，可根據(jù)不同場景設(shè)定適宜的放置方式，以下結(jié)合案例具體說明。
2. 放置位置的設(shè)計內(nèi)容及建議
放置模型時，模型即將放置的位置需要根據(jù)具體互動場景進行設(shè)計，以保證用戶的視覺體驗和互動體驗。如果模型放置過近，用戶無法看到模型全貌；過遠，需要用戶走動才能進行互動的應用會增加互動難度。可以參考以下兩種設(shè)計內(nèi)容：
在做具體的放置位置設(shè)計時，需要考慮以下幾方面的因素：
藍藍設(shè)計( www.newchinaweekly.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務。
藍藍設(shè)計的小編 http://www.newchinaweekly.com