如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

模型交互的設(shè)計(jì)分析及體驗(yàn)建議模型交互的作用范圍及交互特點(diǎn)

當(dāng)用戶在真實(shí)環(huán)境的場(chǎng)景中穩(wěn)定放下物體模型后，會(huì)有與模型進(jìn)行進(jìn)一步互動(dòng)的需求。這類(lèi)模型交互，通常會(huì)改變模型本身的物理屬性。例如：

• 移動(dòng)：改變物體在環(huán)境中的位置。
• 縮放：改變物體的大小。
• 旋轉(zhuǎn)：旋轉(zhuǎn)物體便于用戶不改變自身位置觀察物體。
• 刪除/重置：讓模型在環(huán)境中消失或出現(xiàn)。

基于目前的 AR技術(shù)和手機(jī)設(shè)備限制，目前的模型交互主要是通過(guò)屏幕利用二維交互驅(qū)動(dòng) AR 三維場(chǎng)景中的模型，從而與模型進(jìn)行互動(dòng)。屏幕二維交互設(shè)計(jì)，主要是利用二維手勢(shì)和界面控件去達(dá)到交互的目的。例如：

• 按鈕/搖桿：在手機(jī)界面中設(shè)計(jì)按鈕、搖桿。
• 手勢(shì)：目前技術(shù)支持的瞬間的手勢(shì)操作、連續(xù)的手勢(shì)操作。比如單指點(diǎn)擊、單指長(zhǎng)按、雙指縮放、雙指旋轉(zhuǎn)等等，我們?cè)谌粘Ｊ褂肁PP常用的手勢(shì)操作。

通過(guò)進(jìn)行合理的分析設(shè)計(jì)，賦予這些手勢(shì)和界面控件具體的功能，去控制三維場(chǎng)景中模型的移動(dòng)、旋轉(zhuǎn)、縮放。

模型移動(dòng)的交互定義及設(shè)計(jì)形式

用戶會(huì)與模型進(jìn)行互動(dòng)，移動(dòng)是最為常見(jiàn)的一種操作行為。通過(guò)在手機(jī)屏幕的手勢(shì)操作或按鈕操作，控制模型在現(xiàn)實(shí)場(chǎng)景中的位移。

我們需要通過(guò)設(shè)計(jì)用戶使用常用并熟知的手勢(shì)與模型進(jìn)行交互，利用二維手勢(shì)驅(qū)動(dòng)三維空間中的模型在X軸、Y軸、Z軸的位移。

放置模型后根據(jù)移動(dòng)范圍X軸、Y軸、Z軸，與在現(xiàn)實(shí)環(huán)境的虛擬模型進(jìn)行移動(dòng)互動(dòng)操作，設(shè)計(jì)手段包括手勢(shì)、搖桿的方式。可以參考以下五種設(shè)計(jì)內(nèi)容：

• 單指按住左右移動(dòng)：模型移動(dòng)以屏幕有效的外側(cè)邊沿為限。
• 單指按住前后移動(dòng)：縱深移動(dòng)遵循近大遠(yuǎn)小的透視效果。
• 單指按住上下移動(dòng)：模型以中軸線上下移動(dòng)，實(shí)際為改變模型所在平面位置，投影以暗示高度。（需注意，單指按住前后和上下移動(dòng)不會(huì)同時(shí)出現(xiàn)。）
• 點(diǎn)哪去哪：模型從原位置向目標(biāo)位置移動(dòng)。
• 界面搖桿：若屏幕手勢(shì)交互有可能對(duì)控制對(duì)象造成持續(xù)遮擋，或者無(wú)法很好的完成復(fù)雜操作要求，可以通過(guò)屏幕控件滿足需求。

模型移動(dòng)并非需要X、Y、Z三個(gè)軸均開(kāi)放，實(shí)際是根據(jù)模型位移交互的具體需求去選擇開(kāi)放維度，并設(shè)計(jì)合理的交互方式去響應(yīng)模型的移動(dòng)。可參考以下案例：

模型旋轉(zhuǎn)的交互定義及設(shè)計(jì)形式

在現(xiàn)實(shí)場(chǎng)景中除了移動(dòng)模型的位置，還可以通過(guò)旋轉(zhuǎn)360°來(lái)觀察模型細(xì)節(jié)，不僅控制模型還能把玩模型，賦予模型生命感，讓用戶更好地與模型進(jìn)行互動(dòng)。設(shè)計(jì)手段主要是針對(duì)手勢(shì)的設(shè)計(jì)。可以參考以下三種設(shè)計(jì)內(nèi)容：

• 雙指順/逆時(shí)擰：一只手雙指順時(shí)/逆時(shí)擰旋轉(zhuǎn)模型。
• 雙指向左/向右滑動(dòng)：一只手雙指左右滑動(dòng)。
• 單指向左/向右滑動(dòng)：一只手單指左右滑動(dòng)。

旋轉(zhuǎn)模型是為了全方位觀察模型，讓用戶更好地把玩模型。通過(guò)以下案例來(lái)進(jìn)行說(shuō)明：

模型縮放的交互定義及設(shè)計(jì)形式

移動(dòng)模型、旋轉(zhuǎn)模型都是與模型互動(dòng)，如果想深入了解模型則需要對(duì)模型進(jìn)行縮放操作。設(shè)計(jì)手段包括手勢(shì)、滑動(dòng)條、縮放倍數(shù)的按鈕。可以參考以下三種設(shè)計(jì)內(nèi)容：

• 雙指擴(kuò)展/捏合縮放：以模型的中心點(diǎn)等比縮放。
• 拖動(dòng)滑動(dòng)條縮放：拖動(dòng)滑動(dòng)條在0-100%的范圍內(nèi)進(jìn)行縮放，當(dāng)標(biāo)尺拖動(dòng)到極限時(shí)，則模型不再響應(yīng)縮放。
• 固定縮放倍數(shù)按鈕：倍數(shù)已經(jīng)固定，限定縮放的大小。

雙指擴(kuò)展/捏合縮放是在二維手機(jī)界面被大家熟知的手勢(shì)操作，而滑動(dòng)條、固定縮放倍數(shù)按鈕的縮放形式，在AR場(chǎng)景多用于游戲類(lèi)產(chǎn)品，一般在模型放置時(shí)固定模型大小，進(jìn)入游戲后不支持手持操作。可以參考以下案例：

有一種特殊的情況，當(dāng)支持放置多個(gè)模型時(shí)，如何設(shè)計(jì)呢？此時(shí)，需要通過(guò)點(diǎn)擊選中模型，模型進(jìn)入選中態(tài)，與其他模型區(qū)分開(kāi)，選中后進(jìn)行的操作只作用于該模型，并支持刪除模型的功能。

為了增加模型交互時(shí)體驗(yàn)的豐富和細(xì)膩程度，模型交互（過(guò)程中、成功后）會(huì)有相應(yīng)的反饋設(shè)計(jì)。包括：模型自身的動(dòng)效、符合真實(shí)世界的視覺(jué)表現(xiàn)、音效、震動(dòng)、語(yǔ)音反饋等。

模型交互的設(shè)計(jì)原則和建議

1. 根據(jù)模型需要定義交互自由度

模型的交互程度，需根據(jù)特定模型的自身屬性/產(chǎn)品的類(lèi)型去定義，并非所有可交互類(lèi)型都需要涉及。跟核心模型體驗(yàn)無(wú)關(guān)的交互可禁止或增加操作難度。例如科普類(lèi)模型固定放置在平面后，需要便捷地旋轉(zhuǎn)以查看模型細(xì)節(jié)，但Y軸移動(dòng)查看的需求不大，部分場(chǎng)景可考慮禁止Y軸操作。又例如游戲類(lèi) AR 模型位置相對(duì)固定，更多的體驗(yàn)在于與固定模型進(jìn)行的細(xì)部交互。

2. 手勢(shì)設(shè)計(jì)簡(jiǎn)單且符合直覺(jué)

手勢(shì)設(shè)計(jì)優(yōu)先使用通用的方式，若沒(méi)有通用的方式，則盡可能使用簡(jiǎn)單和符合用戶直覺(jué)的方式進(jìn)行設(shè)計(jì)。若違反該原則可能造成用戶的理解和記憶障礙，需要加重用戶引導(dǎo)，避免給用戶造成操作困難。

3. 手勢(shì)設(shè)計(jì)按需搭配且不可沖突

在設(shè)定模型的交互自由度后，可選擇合適的手勢(shì)進(jìn)行搭配使用。但一種操作方式只可匹配一個(gè)交互結(jié)果，不可出現(xiàn)手勢(shì)沖突。手勢(shì)的搭配需要成套考慮。例如以下搭配：

異常處理的設(shè)計(jì)分析及體驗(yàn)建議

1. AR中異常情況的定義及設(shè)計(jì)內(nèi)容

傳統(tǒng)APP設(shè)計(jì)存在異常情況，比如無(wú)網(wǎng)絡(luò)加載失敗，登錄發(fā)生錯(cuò)誤等情況，那在放置類(lèi)AR 中是否存在異常情況呢？

在放置類(lèi)AR 場(chǎng)景中體驗(yàn)時(shí)，由于使用者操作不當(dāng)，導(dǎo)致模型出屏或模型丟失，無(wú)法與其再進(jìn)行交互，我們統(tǒng)稱為異常情況。還有一種情況比較特殊，當(dāng)正在體驗(yàn)放置類(lèi)AR時(shí)，其它應(yīng)用突然被喚起，再重新返回放置類(lèi)AR 場(chǎng)景的處理。所以我們從交互設(shè)計(jì)層面需要對(duì)異常情況進(jìn)行及時(shí)處理，正確引導(dǎo)用戶解決困惑，給使用者一個(gè)良好的 AR 體驗(yàn)。

在與模型互動(dòng)過(guò)程中，會(huì)出現(xiàn)異常情況，需要通過(guò)一些設(shè)計(jì)形式可以及時(shí)地幫助使用者解決異常問(wèn)題，設(shè)計(jì)手段包括：文字、動(dòng)圖、語(yǔ)音、輔助圖形、重置、復(fù)位，具體運(yùn)用根據(jù)實(shí)際設(shè)計(jì)需求而定。可以參考以下設(shè)計(jì)內(nèi)容：

• 模型出屏：模型出屏后視覺(jué)線索引導(dǎo)用戶找到模型，可以搭配文字、動(dòng)圖、語(yǔ)音等形式，按照設(shè)計(jì)場(chǎng)景來(lái)自由組合。
• 模型丟失：當(dāng)視覺(jué)線索引導(dǎo)未找到模型時(shí)，通過(guò)點(diǎn)擊按鈕將模型復(fù)位。按鈕可以常駐或非常駐。

當(dāng)發(fā)生模型出屏、模型丟棄復(fù)位的異常情況，根據(jù)產(chǎn)品類(lèi)型和場(chǎng)景選擇合適的設(shè)計(jì)手段，解決用戶的困惑。結(jié)合具體案例以說(shuō)明：

在異常情況中有一些相對(duì)特殊的情況，第一種情況：體驗(yàn)放置類(lèi)AR時(shí)，手機(jī)來(lái)電后不得不離開(kāi)，當(dāng)再次返回時(shí)，根據(jù)技術(shù)能力來(lái)進(jìn)行交互設(shè)計(jì)引導(dǎo)，保留場(chǎng)景及模型或引導(dǎo)用戶重新獲取平面建立AR場(chǎng)景。第二種情況：當(dāng)進(jìn)入AR場(chǎng)景后，模型是固定大小尺寸，在設(shè)計(jì)時(shí)，需要考慮讓用戶可以重新放置模型在新的位置，提供重置按鈕。

游戲類(lèi)、科普類(lèi)設(shè)計(jì)時(shí)需要保留之前AR場(chǎng)景，有延續(xù)性的體驗(yàn)，技術(shù)做不到保留，則需要重新識(shí)別平面再次建立AR場(chǎng)景進(jìn)行體驗(yàn)，如果支持放置多個(gè)模型的場(chǎng)景，建議不保留。當(dāng)進(jìn)入AR場(chǎng)景后，模型是固定大小尺寸，在設(shè)計(jì)時(shí)，要考慮界面上需要重置按鈕，讓用戶可以重新放置模型在新的位置。下面結(jié)合案例具體說(shuō)明：

此外，在AR內(nèi)容體驗(yàn)中也會(huì)發(fā)生丟失平面的異常情況。這里的異常處理可以使用話術(shù)準(zhǔn)確告知用戶原因，還可以配以圖片、動(dòng)圖、語(yǔ)音，更具象更清晰引導(dǎo)用戶解決問(wèn)題。需注意與平面識(shí)別引導(dǎo)的設(shè)計(jì)形式保持一致性，若平面識(shí)別未使用語(yǔ)音，則識(shí)別失敗提示也不能使用語(yǔ)音，避免突兀感。可以參考以下設(shè)計(jì)內(nèi)容：

• 純文字話術(shù)：通過(guò)簡(jiǎn)單明了的文字正確引導(dǎo)用戶操作。
• 圖片/動(dòng)圖+文字話術(shù)：圖片/動(dòng)圖詮釋文字的含義，幫助用戶理解如何操作。
• 語(yǔ)音+文字話術(shù)：語(yǔ)音輔助文字，使信息更有效傳達(dá)，從而引導(dǎo)用戶操作。

2. 異常情況的設(shè)計(jì)原則和建議

模型出屏后需要及時(shí)引導(dǎo)用戶找到模型，避免焦慮感。

模型丟失后需要通過(guò)設(shè)計(jì)形式的組合搭配，以操作便捷的交互引導(dǎo)用戶。

建議在設(shè)計(jì)游戲類(lèi)、科普類(lèi)AR產(chǎn)品時(shí)，再次返回APP 需要保留之前的AR場(chǎng)景，保留延續(xù)性。

注意如果進(jìn)入AR場(chǎng)景時(shí)無(wú)音效和語(yǔ)音，則異常情況引導(dǎo)不能出現(xiàn)音效和語(yǔ)音，避免突兀感。

平面識(shí)別失敗后需要及時(shí)反饋用戶如何操作，需注意設(shè)計(jì)形式保持前后一致。

放置類(lèi)AR的設(shè)計(jì)核心原則

以上就是AR放置類(lèi)交互節(jié)點(diǎn)的分析和設(shè)計(jì)建議的詳細(xì)內(nèi)容。我們希望設(shè)計(jì)師能?chē)@AR應(yīng)用的真實(shí)場(chǎng)景，考慮到每個(gè)體驗(yàn)節(jié)點(diǎn)的細(xì)節(jié)，結(jié)合上文提到設(shè)計(jì)建議，在設(shè)計(jì)過(guò)程中關(guān)注以下關(guān)鍵目標(biāo)，為用戶創(chuàng)造更加友好和細(xì)膩的交互流程和體驗(yàn)過(guò)程。

• 清晰：傳達(dá)的內(nèi)容清晰明了，不會(huì)產(chǎn)生疑惑或歧義。
• 有效：能幫助用戶成功達(dá)到交互目標(biāo)。
• 流暢：無(wú)停頓感，過(guò)程一氣呵成。
• 愉悅：用戶感覺(jué)愉快、無(wú)壓力。
• 可控：可自主交互，過(guò)程反饋清晰，給用戶盡在掌握中的感受。

希望通過(guò)我們提出的設(shè)計(jì)內(nèi)容、設(shè)計(jì)原則建議能幫助到作為閱讀的設(shè)計(jì)師、開(kāi)發(fā)者們，在日后的產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)中能讓用戶在放置類(lèi)AR場(chǎng)景有更好的體驗(yàn)，這也是我們編寫(xiě)的目的所在，為AI科技盡綿薄之力。

藍(lán)藍(lán)設(shè)計(jì)( www.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。