本文是iOS ARKit人機界面設(shè)計規(guī)范的翻譯,希望能夠為您提供幫助。
您的應(yīng)用程序可以利用Apple的增強現(xiàn)實技術(shù)ARKit為用戶帶來迷人的虛擬互動體驗,與現(xiàn)實世界無縫融合。在AR應(yīng)用程序中,設(shè)備的相機用于在屏幕上呈現(xiàn)實時實時圖像,并且虛擬3D對象被疊加在它們上以形成虛擬和真實之間共存的錯覺。用戶可以通過設(shè)備從不同角度查看虛擬對象;如果app提供適當(dāng)?shù)捏w驗?zāi)J剑瑒t用戶還可以通過手勢或其他動作與虛擬對象交互。
設(shè)計迷人的AR體驗
全屏使用可增強您的參與感。盡可能多地使用真實圖像和虛擬對象的屏幕空間,并且不要讓沉浸式體驗受到繁瑣的界面控制和信息的影響。
創(chuàng)建生動逼真的虛擬對象。并非所有AR應(yīng)用都需要逼真的虛擬體驗;但對于那些需要它的人來說,虛擬物體必須盡可能生動,以適應(yīng)周圍的現(xiàn)實世界。為了獲得最佳的視覺體驗,您需要設(shè)計一個細(xì)粒度的3D材質(zhì),使用ARKit提供的數(shù)據(jù)信息將虛擬對象放置在真實環(huán)境的表面上,同時確保虛擬對象具有正確的比例并且能夠代表真實的環(huán)境光。反射效果,可以在環(huán)境表面形成投影,并隨著相機位置的變化動態(tài)更新視覺效果。
考慮物理限制。請記住,人們可能會嘗試在不利于構(gòu)建AR體驗的環(huán)境中使用您的應(yīng)用程序,例如難以移動的小空間或缺乏平坦區(qū)域的地方。預(yù)先考慮可能帶來潛在問題的這些場景,并事先向用戶解釋環(huán)境的產(chǎn)品操作模式的要求,并考慮為不同的使用環(huán)境提供差異化??的功能。
考慮用戶的舒適度。手持設(shè)備在特定的距離和角度使用,并且隨著時間的推移,它們可能會疲勞。請記住,人們在使用您的應(yīng)用時必須保持特定的姿勢,因此在避免不適的同時提供愉快的體驗非常重要。例如,您可以默認(rèn)將虛擬對象放置在正確的位置,從而減少人們手動移動它們的需要;對于游戲,保持盡可能短的水平,并穿插在過程中提供短暫休息。
如果您的應(yīng)用鼓勵人們通過身體動作進(jìn)行互動,那么請以漸進(jìn)的方式引導(dǎo)他們。以游戲為例。剛剛開始時,不要讓用戶通過復(fù)雜的物理動作與虛擬對象進(jìn)行交互。你應(yīng)該首先給人們一些時間來熟悉AR的體驗?zāi)J?,然后逐漸增加交互機制的復(fù)雜性。
注意用戶的人身安全。當(dāng)人們使用AR應(yīng)用程序時,如果附近有其他人或物體,過多的身體動作可能會造成潛在危險。充分考慮如何確保操作的安全性。例如,對于游戲,避免使用大范圍或突然的高身體動作作為交互方法。
通過聲音效果和觸覺反饋增強沉浸體驗。當(dāng)虛擬對象與實心平面或其他虛擬元素進(jìn)行觸摸時,通過聲音效果和振動觸覺感覺提供交互式反饋是非常有效的方式。在沉浸式游戲中,背景音樂也有助于塑造身臨其境的虛擬體驗。
提供上下文操作提示。通過提示虛擬對象周圍的3D旋轉(zhuǎn)指示器來指示其操作,它比傳統(tǒng)的字幕形式更直觀。然而,在某些特定情況下,例如當(dāng)系統(tǒng)探測物理平面時,或者當(dāng)用戶不響應(yīng)上下文操作提示時,浮動層形式的提示可能更有效。
如果必須使用文本提示,請確保它易于理解。一些用戶可能害怕像AR這樣的高級技術(shù)概念。為了使文本內(nèi)容更直接,請避免使用“ARKit”,“環(huán)境檢測”,“跟蹤”等技術(shù)術(shù)語,并將其替換為更友好和對話的副本。大多數(shù)用戶理解概念的含義。以下是一些語言風(fēng)格的比較:
適當(dāng):“找不到合適的飛機,嘗試移動到側(cè)面或調(diào)整手機的位置。 ”的
不恰當(dāng)?shù)模骸盁o法檢測水平表面。調(diào)整跟蹤。 ”的
適當(dāng)?shù)模?lt ;;點擊某處并將[對象名稱]放在上面。 ”的
不恰當(dāng)?shù)模?lt ;;點擊水平表面以錨定對象。 ”的
適當(dāng)?shù)模?lt ;;嘗試使燈光變亮并稍微移動一下。 ”的
不恰當(dāng)?shù)模?ldquo;功能不足。 ”的
適當(dāng)?shù)模?nbsp;嘗試慢慢移動手機。 ”的
不恰當(dāng)?shù)模?ldquo;檢測到移動速度太快。 ”的
避免不必要的經(jīng)驗中斷。每次用戶退出并重新進(jìn)入AR模式時,重新執(zhí)行環(huán)境分析和等級檢測,并且電話和攝像機的位置通常會改變,從而導(dǎo)致先前放置的虛擬對象被重新定位;有時他們甚至看起來會與現(xiàn)實世界的表面分開。避免這種中斷的一種方法是讓人們盡可能地做,而不必離開AR模式。例如,在家庭類的AR應(yīng)用程序中,用戶將椅子放在起居室中,然后他們可能希望繼續(xù)添加其他家具以供預(yù)覽;確??梢栽诋?dāng)前界面環(huán)境中完成相關(guān)操作。
進(jìn)入AR環(huán)境
清楚地提示初始化狀態(tài)以指導(dǎo)用戶參與完成。只要您的應(yīng)用程序進(jìn)入AR模式,初始化過程就會執(zhí)行一次,以完成對環(huán)境的檢測和評估。整個過程可能需要幾秒鐘。為了減少用戶的困惑并加快處理速度,您可以通過文字清楚地提醒用戶當(dāng)前系統(tǒng)狀態(tài),并鼓勵他們通過攝像頭探索周圍環(huán)境,并積極找到可以提供水平表面的地方。
放置虛擬對象
幫助用戶了解何時需要定位水平平面以及何時放置虛擬對象。視覺指示器可以有效地通知用戶水位位置正在進(jìn)行中。例如,當(dāng)用戶在屏幕中央看到梯形瞄準(zhǔn)器時,他會明白他現(xiàn)在應(yīng)該尋找一個平坦的區(qū)域;在測量水平之后,視線的樣式改變,表明用戶可以放置虛擬對象。指示標(biāo)志的外觀風(fēng)格需要與應(yīng)用程序的整體風(fēng)格保持一致。
液位檢測指示器
對象放置指示器
特定應(yīng)用中的自定義指標(biāo)
響應(yīng)用戶以適當(dāng)方式放置虛擬對象的行為。水位的精確定位過程需要一定的時間(盡管非常短)。如果用戶嘗試在進(jìn)程中放置虛擬對象,則應(yīng)使用現(xiàn)有數(shù)據(jù)信息在屏幕上立即顯示對象。水平測量完成后,最終數(shù)據(jù)用于微調(diào)對象的位置。如果用戶最初將物體放置在測量的水平面之外,則以溫和的方式將其拉回平面。
避免將物體放置在水面的邊緣。在AR中,可以隨著用戶的位置改變來調(diào)整水平平面的邊緣范圍。
用戶與虛擬對象的交互
用直接操作替換控制交互。通過與獨立于虛擬對象的界面控件交互,允許用戶直接與對象本身交互可以帶來更加身臨其境的AR體驗。但是,請記住,如果用戶需要經(jīng)常移動身體位置,直接操作也可能增加交互的難度,甚至使用戶感到沮喪。
通過標(biāo)準(zhǔn)的,眾所周知的手勢直接操作。例如,您可以允許用戶使用單指拖動手勢移動對象,并使用雙指扭轉(zhuǎn)手勢旋轉(zhuǎn)對象。
保持交互簡單易行。觸摸屏手勢本質(zhì)上是2D交互式,而AR體驗涉及與3D現(xiàn)實世界的交互??梢钥紤]簡化用戶與虛擬對象交互的方式,彌補尺寸的差異,例如將對象的運動范圍限制到2D平面,或者僅允許對象圍繞單個軸旋轉(zhuǎn)。
將對象的移動范圍限制為2D平面
將對象的旋轉(zhuǎn)限制為單軸
展開手勢操作的響應(yīng)區(qū)域。在觸摸屏上,很難準(zhǔn)確地點擊微小物體上的特定位置。將對象精確地放置在某一點并不是一件容易的事。如果在交互式對象附近檢測到手勢動作,則通??梢约僭O(shè)用戶此時具有操作對象的意圖。
考慮是否有必要為用戶添加的對象提供縮放功能。對于沒有特定參考框架的虛擬對象,例如玩具或游戲角色,用戶可能需要根據(jù)其環(huán)境調(diào)整其大小;在這種情況下,為對象提供手動縮放是一種正確的方法。另一方面,對于與真實環(huán)境具有特定比例關(guān)系的對象,例如家具,如果可獲得準(zhǔn)確的預(yù)設(shè)尺寸,則不需要手動縮放。另外,縮放功能不能用于調(diào)整對象和用戶之間的距離。例如,如果對象被放大,結(jié)果將僅改變對象本身的大小,并且不會由“近似大小”的效果引起。距離越近。
警惕潛在的手勢沖突。例如,雙手捏手勢與雙手扭動手勢太相似。如果您需要集成這些手勢,請測試它們以驗證其合法性,并確保向用戶解釋它們。
確保虛擬對象以足夠平滑的方式移動。當(dāng)用戶縮放,旋轉(zhuǎn)或移動對象時,它應(yīng)該以平滑且連貫的方式移動而不會跳躍。
探索越來越多有趣的互動方式。手勢不是人們與虛擬對象交互的唯一方式。您可以充分利用位置和運動元素來創(chuàng)建更有趣和互動的體驗,例如游戲角色可以在用戶接近他時轉(zhuǎn)向查看用戶。
處理問題
如果體驗不符合預(yù)期,則應(yīng)允許用戶重置場景。不要強迫用戶等待體驗環(huán)境的改善,或者被困在不良對象放置中。隨意給用戶重置場景的方法,以幫助他們獲得最佳體驗。
為用戶提供異常發(fā)生時的處理建議。分析環(huán)境和檢測水平面的過程可能由于多種原因而失敗,例如環(huán)境不夠亮,水位太粗糙或反射太高,攝像機位置不夠穩(wěn)定,以及等等。如果您的應(yīng)用監(jiān)控這些情況,或者水位檢測過程過長,請及時向用戶提供建議。
問題:功能不足。
建議:“嘗試照亮燈光并稍微移動一下。 ”的
問題:檢測到運動速度太快。
建議: 嘗試慢慢移動手機。 ”的
問題:水位檢測時間過長。
建議:“稍微移動,照亮燈光,并確保手機攝像頭的目標(biāo)是足夠平穩(wěn)。 ”的
AR功能僅適用于兼容設(shè)備。如果您的應(yīng)用基于AR,則在設(shè)置設(shè)備兼容性時應(yīng)排除不支持ARKit的設(shè)備。例如,如果AR僅是應(yīng)用程序中的輔助功能,則主應(yīng)用程序主要顯示在相冊列表中,并且為某些家具提供AR演示。當(dāng)用戶通過不支持ARKit的設(shè)備使用應(yīng)用程序時,需要隱藏與AR相關(guān)的內(nèi)容。該功能而不是允許用戶訪問然后收到錯誤。
AR圖標(biāo)
您可以在應(yīng)用程序中使用標(biāo)準(zhǔn)AR符號圖標(biāo)來觸發(fā)基于ARKit的功能。訪問參考資料部分以下載相關(guān)的圖形資源。
https://developer.apple.com/design/resources/ios-apps
目的是明確使用AR圖標(biāo)。此圖標(biāo)只能用于啟動(基于ARKit)AR模式。請勿更改圖標(biāo)的樣式(大小和顏色除外)或?qū)⑵溆糜谄渌康?,并且不要在不是由ARKit構(gòu)建的AR應(yīng)用程序中使用它。
確保最基本的區(qū)域為空白。您需要在AR圖標(biāo)周圍保留最基本的空白區(qū)域,這是圖標(biāo)高度的10%。其他界面元素不得占據(jù)該區(qū)域,也不得以任何方式包圍該區(qū)域。
AR徽標(biāo)
對于提供產(chǎn)品列表或類似內(nèi)容的應(yīng)用,AR徽標(biāo)可用于指示可以在AR模式下查看特定內(nèi)容對象。例如,類似家庭的應(yīng)用程序可以使用AR徽標(biāo)來指導(dǎo)用戶預(yù)覽家中家具的位置,從而輕松做出購買決策。
目的是明確使用AR徽標(biāo)。您可以通過訪問參考資料部分下載相關(guān)的圖形資源:https://developer.apple.com/design/resources/ios-apps。
AR徽標(biāo)包含“標(biāo)準(zhǔn)”和“簡化”樣式,這些樣式只能用于指示可以通過基于ARKit的AR模式查看產(chǎn)品或特定內(nèi)容對象。請勿更改徽標(biāo)的樣式和顏色,或?qū)⑵溆糜谄渌康模膊灰诓皇怯葾RKit構(gòu)建的AR應(yīng)用中使用它。
標(biāo)準(zhǔn)AR徽標(biāo)
簡化的AR徽標(biāo),僅保留圖標(biāo)
建議使用標(biāo)準(zhǔn)AR徽標(biāo)。通常,只有在界面空間更加狹窄且難以容納標(biāo)準(zhǔn)AR徽標(biāo)時才考慮使用簡化徽標(biāo)。兩個徽標(biāo)的默認(rèn)大小可確保其可識別性。
僅當(dāng)某些內(nèi)容支持AR模式而其他內(nèi)容不支持時,才使用AR徽標(biāo)。如果可以在AR模式下查看所有內(nèi)容,則徽標(biāo)是多余的。
保持徽標(biāo)布局一致且清晰可見。通常,將徽標(biāo)放在內(nèi)容縮略圖的角落是呈現(xiàn)它的最佳方式。保持徽標(biāo)位置在地球上均勻,以確保其尺寸清晰(但不能太大,以防止徽標(biāo)遮擋縮略圖的細(xì)節(jié))。
確保最基本的區(qū)域為空白。您需要在AR徽標(biāo)周圍保留最基本的空白區(qū)域,這是徽標(biāo)高度的10%。其他界面元素不得占據(jù)該區(qū)域,也不得以任何方式包圍該區(qū)域。
注意:文章中的插圖均來自Apple的官方網(wǎng)站
本文由iOS 11人機界面指南的增強現(xiàn)實部分翻譯而來。
作者:izzy,交互設(shè)計專家
微信公眾號:公眾評論UED(ID:dianpingUED),現(xiàn)在美國團(tuán)隊評論上海用戶體驗部,簡稱DPUX
原始鏈接https://developer.apple.com/ios/human-interface-guidelines/technologies/augmented-reality/