iOS ARKit人機界面設(shè)計規(guī)范

1 評論 16196 瀏覽 48 收藏 20 分鐘

文章為iOS ARKit人機界面設(shè)計規(guī)范的譯文,希望能夠?qū)δ銕韼椭?/p>

你的app可以利用Apple提供的增強現(xiàn)實技術(shù),即ARKit,為用戶帶來引人入勝的、能夠與現(xiàn)實世界無縫融合的虛擬互動體驗。在AR app當(dāng)中,設(shè)備的攝像頭用于在屏幕上呈現(xiàn)現(xiàn)實世界的即時圖景,而虛擬的3D物體則會疊映其中,構(gòu)成虛實交融共存的幻象。用戶可以透過設(shè)備從不同的角度來觀察虛擬物體;如果app提供了恰當(dāng)?shù)捏w驗?zāi)J?,用戶還可以通過手勢或其他運動方式與虛擬物體進行互動。

設(shè)計引人入勝的AR體驗

利用全屏提升參與感。將盡可能多的屏幕空間用于現(xiàn)實圖景與虛擬物體的呈現(xiàn),不要讓沉浸式體驗由于繁雜的界面控件和信息而遭到破壞。

創(chuàng)造生動逼真的虛擬物體。并不是所有的AR app都需要栩栩如生的虛擬體驗;但對于那些需要的來說,必須將虛擬物體打造得盡可能生動逼真,以融入周圍的真實環(huán)境。要獲取最佳的視覺體驗,你需要設(shè)計出精細擬真的3D素材,利用ARKit提供的數(shù)據(jù)信息將虛擬物體放置在真實環(huán)境的表面,同時確保虛擬物體擁有恰當(dāng)?shù)谋壤?,可以表現(xiàn)出真實環(huán)境光線的反射效果,并能在環(huán)境表面形成投影,而且要隨著攝像頭位置的變化而動態(tài)更新視覺效果。

考慮物理局限性。要記住,人們很可能會在不利于構(gòu)造AR體驗的環(huán)境當(dāng)中試圖使用你的app,譬如那些較難四處移動的狹小空間,或是缺少平面區(qū)域的地方。預(yù)先考慮到這些可能帶來潛在問題的場景,并事先向用戶闡明產(chǎn)品運行方式對于環(huán)境的需求,同時考慮針對不同的使用環(huán)境提供差異化的功能。

考慮用戶的舒適度。手持設(shè)備保持著特定的距離和角度進行使用,超過一段時間便會使人感到疲勞。謹記,人們在使用你的app時必須保持特定的姿態(tài),因此,要在提供愉悅體驗的同時避免引發(fā)人們的不適感。例如,你可以將虛擬物體默認放置在恰當(dāng)?shù)奈恢茫瑴p少人們將其手動移近的必要性;對于游戲來說,要盡可能保持關(guān)卡的簡短,并在進程當(dāng)中穿插提供短暫的休息時間。

如果你的app鼓勵人們通過肢體動作完成互動,那么要以漸進的方式進行引導(dǎo)。以游戲為例,不要讓用戶在剛剛上手時就必須通過復(fù)雜的肢體動作與虛擬物體互動;應(yīng)該首先給人們一些時間去熟悉AR的體驗?zāi)J?,再逐漸提升互動機制的復(fù)雜性。

注意用戶的人身安全。人們在使用AR app時,如果附近有其他人或物體,那么過多的肢體動作可能會帶來潛在的危險。要充分考慮如何確保操作的安全性。例如對于一款游戲來說,要避免將范圍較大或突然性較高的肢體動作作為互動方式。

通過音效與觸感反饋來增強沉浸體驗。當(dāng)虛擬物體與實體平面或其他虛擬元素產(chǎn)生觸碰時,通過音效與震動觸感提供交互反饋是非常有效的方式。在沉浸式的游戲當(dāng)中,背景音樂也有助于塑造身臨其境的虛擬體驗。

提供情境化的操作提示。通過環(huán)繞在虛擬物體周圍的3D旋轉(zhuǎn)指示符來提示其操作方式,會比傳統(tǒng)的文字說明形式更加符合直覺。不過在某些特定的情況下,譬如當(dāng)系統(tǒng)正在探測實體平面,或是用戶沒有對情境化的操作提示給予響應(yīng)的時候,文字浮層形式的提示可能更加有效。

如果必須使用文字提示,要確保其通俗易懂。一部分用戶可能會對AR這樣的高級技術(shù)概念感到恐懼。為了使文字內(nèi)容更加通俗易懂,要避免使用技術(shù)術(shù)語,例如“ARKit”、“環(huán)境探測”、“追蹤”一類,取而代之的是通過更友好、更具對話性的文案使多數(shù)用戶理解概念含義。下面是一些話術(shù)風(fēng)格對比:

  • 恰當(dāng):“無法找到合適的平面,請試著向側(cè)面移動,或調(diào)整手機的位置?!?/li>
  • 不恰當(dāng):“無法探測到水平表面。調(diào)整追蹤?!?/li>
  • 恰當(dāng):“輕點某處,將[物體名]放在上面?!?/li>
  • 不恰當(dāng):“輕點水平表面,錨定對象?!?/li>
  • 恰當(dāng):“嘗試調(diào)亮燈光,并稍作移動?!?/li>
  • 不恰當(dāng):“特征不足?!?/li>
  • 恰當(dāng):“嘗試慢慢移動你的手機?!?/li>
  • 不恰當(dāng):“探測到過快的運動速度?!?/li>

避免不必要的體驗中斷。用戶每次退出并再次進入AR模式,環(huán)境分析與水平面探測都會被重新執(zhí)行一次,而且手機與攝像頭的位置通常會發(fā)生改變,致使之前已經(jīng)被放置好的虛擬物體被重新定位;有時它們看上去甚至?xí)撾x現(xiàn)實世界的表面。避免這種中斷的方式之一,就是盡可能讓人們在不必離開AR模式的情況下完成相關(guān)操作。譬如在家居類的AR app當(dāng)中,用戶已經(jīng)將一把心怡的椅子放置在客廳里,接下來他們很可能希望繼續(xù)添加其他家具進行預(yù)覽;要確保相關(guān)操作都可以在當(dāng)前界面環(huán)境當(dāng)中完成。

進入AR環(huán)境

明確提示初始化狀態(tài),引導(dǎo)用戶參與完成。每當(dāng)你的app進入AR模式,初始化流程都會執(zhí)行一次,完成對環(huán)境的探測和評估。整個過程可能會花費數(shù)秒的時間。為了減少用戶的困惑,加速流程的進行,你可以通過文字明確地向用戶提示當(dāng)前的系統(tǒng)狀態(tài),并鼓勵他們通過攝像頭探索周邊環(huán)境,主動尋找能夠提供水平表面的地方。

放置虛擬物體

幫助用戶了解何時需要定位水平面,何時可以放置虛擬物體。可視化的指示標(biāo)識可以有效地使用戶了解到水平面定位正在進行。例如,當(dāng)用戶看到位于屏幕中央的梯形準(zhǔn)星,就會明白現(xiàn)在應(yīng)該去尋找一片平面區(qū)域;水平面測定完成之后,準(zhǔn)星的樣式發(fā)生變化,暗示用戶可以放置虛擬物體。指示標(biāo)識的外觀樣式需要與app的整體風(fēng)格保持一致。

水平面探測指示符

物體放置指示符

特定app中的定制化指示符

以恰當(dāng)?shù)姆绞巾憫?yīng)用戶放置虛擬物體的行為。水平面的精準(zhǔn)定位過程需要耗費一定的時間(雖然極為短暫)。如果用戶在這個過程中試圖放置虛擬物體,你應(yīng)該利用現(xiàn)有數(shù)據(jù)信息將物體立刻呈現(xiàn)在屏幕當(dāng)中。水平面測定完成之后,再利用最終的數(shù)據(jù)對物體的位置進行微調(diào)。如果用戶一開始將物體放在了已測定的水平面范圍之外,那么要以平緩的方式將其拉回到平面當(dāng)中。

避免將物體預(yù)置在水平面邊緣。在AR當(dāng)中,水平面的邊緣范圍可能會隨著用戶所在位置的變化而產(chǎn)生調(diào)整。

用戶與虛擬物體的交互行為

通過直接操作取代控件交互。相比于通過與虛擬物體互相分離的界面控件進行操作,讓用戶直接與物體本身進行互動可以帶來更具沉浸感的AR體驗。不過要記住,如果用戶需要頻繁地移動身體位置,那么直接操作的方式也可能提升交互難度,甚至使用戶感到受挫。

通過標(biāo)準(zhǔn)的、為人熟知的手勢實現(xiàn)直接操作。例如,你可以允許用戶通過單指拖拽手勢來移動物體,通過雙指扭轉(zhuǎn)手勢使物體旋轉(zhuǎn)。

保持交互的簡單易行。觸屏手勢本質(zhì)上是2D交互方式,而AR體驗則涉及到與3D真實世界的互動??梢钥紤]簡化用戶與虛擬物體的交互方式,彌補維度的差異,例如將物體的移動范圍限定在2D平面當(dāng)中,或是只允許物體圍繞單一軸線旋轉(zhuǎn)。

將物體的移動范圍限定在2D平面當(dāng)中

將物體的旋轉(zhuǎn)方式限定在單一軸線上

擴大手勢操作的響應(yīng)區(qū)域。在觸屏上,人們很難精準(zhǔn)地點擊到微小物體上的特定位置,要將物體準(zhǔn)確地放置在某個點上也不是一件容易的事。如果在可交互的物體附近監(jiān)測到手勢動作,通常可以假設(shè)用戶此時有著操作該物體的意圖。

考慮是否有必要為用戶添加的物體提供縮放能力。對于那些在尺寸上不具備特定參考系的虛擬物體,譬如玩具或游戲角色,用戶很可能需要根據(jù)自身所處的環(huán)境來調(diào)整它們的大?。贿@種情況下,為物體提供手動縮放功能是一種恰當(dāng)?shù)淖龇āA硪环矫?,對于那些與現(xiàn)實環(huán)境有著特定比例關(guān)系的物體,例如家具,如果能夠提供精準(zhǔn)的預(yù)設(shè)尺寸,那么手動縮放功能便不是必需的。此外,縮放功能并不能用于調(diào)整物體與用戶之間的距離 – 例如對物體進行放大操作,其結(jié)果只會改變物體自身的尺寸,而不會因為“近大遠小”效應(yīng)使實際距離被拉近。

警惕潛在的手勢沖突。例如雙手捏合手勢會與雙手扭轉(zhuǎn)手勢過于相似。如果你需要整合運用這些手勢,那么要通過測試來驗證其合理性,并且一定要向用戶進行解釋說明。

確保虛擬物體的運動方式足夠平滑。當(dāng)用戶對物體進行縮放、旋轉(zhuǎn)或移動操作時,其運動方式應(yīng)該足夠平滑和連貫,不會產(chǎn)生跳躍感。

探索更多更有趣的交互方式。手勢操作并非人們與虛擬對象進行互動的唯一方式。你可以充分運用位置與運動方面的要素來打造更加生動有趣的交互體驗,例如一個游戲角色可以在用戶走近他的時候轉(zhuǎn)過頭來看著用戶。

處理問題

如果體驗未達預(yù)期,應(yīng)該允許用戶重置場景。不要強迫用戶等待體驗環(huán)境的改善,或是受困于不佳的物體擺放方式。隨時為用戶提供重置場景的方式,幫助他們獲取最佳體驗。

在出現(xiàn)異常時為用戶提供處理建議。分析環(huán)境和探測水平面的過程可能會由于諸多原因而出現(xiàn)失敗的狀況,例如環(huán)境不夠明亮,水平面過于粗糙或反光度過高,攝像頭位置不夠穩(wěn)定,等等。如果你的app監(jiān)測到這些狀況,或是水平面探測過程過于冗長,那么要及時向用戶提供處理建議。

  • 問題:特征不足。
  • 建議:“嘗試調(diào)亮燈光,并稍作移動。”
  • 問題:探測到過快的運動速度。
  • 建議:“嘗試慢慢移動你的手機?!?/li>
  • 問題:水平面探測過久。
  • 建議:“請稍作移動,調(diào)亮燈光,并確保手機攝像頭瞄向足夠細滑的水平面。”

僅為具備兼容性的設(shè)備提供AR功能。如果你的app以AR為功能核心,那么在設(shè)置設(shè)備兼容范圍時,應(yīng)該將不支持ARKit的設(shè)備排除在外。如果AR只是app當(dāng)中的次要功能,例如某家居類app以圖冊名錄展示為主,同時會為一些家具提供AR演示,那么當(dāng)用戶通過不支持ARKit的設(shè)備使用該app時,要隱藏AR相關(guān)功能,而不是允許用戶進行訪問然后收到出錯提示。

AR圖標(biāo)

你可以在app中使用標(biāo)準(zhǔn)的AR符號圖標(biāo)來觸發(fā)基于ARKit的功能。訪問Resources部分,下載相關(guān)圖形資源。
https://developer.apple.com/design/resources/#ios-apps

意圖明確地使用AR圖標(biāo)。該圖標(biāo)僅可被用于啟動(基于ARKit的)AR模式。不要改動該圖標(biāo)的樣式(除了尺寸和配色)或是將其用作其他目的,也不要在非ARKit打造的AR app當(dāng)中使用該圖標(biāo)。

確保最基本的留白區(qū)域。你需要在AR圖標(biāo)四周保留最基本的留白區(qū)域,具體比例是圖標(biāo)高度的10%。其他界面元素不得占用這片區(qū)域,也不能以任何形式將這片區(qū)域環(huán)繞封閉起來。

AR徽標(biāo)

對于提供了產(chǎn)品名錄或類似形式內(nèi)容的app,可以使用AR徽標(biāo)來表示特定的內(nèi)容對象能夠通過AR模式進行查看。譬如一款家居類app可以使用AR徽標(biāo)引導(dǎo)用戶預(yù)覽家具在自己家里的擺放樣式,便于其制定購買決策。

意圖明確地使用AR徽標(biāo)。你可以訪問Resources部分,下載相關(guān)圖形資源:https://developer.apple.com/design/resources/#ios-apps。

AR徽標(biāo)包含“標(biāo)準(zhǔn)”和“簡化”兩種樣式,僅可被用于表示某產(chǎn)品或特定的內(nèi)容對象可以通過(基于ARKit的)AR模式進行查看。不要改動該徽標(biāo)的樣式和配色,或是將其用作其他目的,也不要在非ARKit打造的AR app當(dāng)中使用該徽標(biāo)。

標(biāo)準(zhǔn)AR徽標(biāo)

僅保留圖標(biāo)的簡化AR徽標(biāo)

推薦使用標(biāo)準(zhǔn)AR徽標(biāo)。通常,只在界面空間較為局促,難以容納標(biāo)準(zhǔn)AR徽標(biāo)的情況下考慮使用簡化徽標(biāo)。兩種徽標(biāo)的默認尺寸都可以確保他們的可辨識性。

僅在一部分內(nèi)容支持AR模式、另一部分不支持的情況下使用AR徽標(biāo)。如果全部內(nèi)容均可以在AR模式下查看,那么徽標(biāo)就多余了。

保持徽標(biāo)的布局一致、清晰可見。通常,將徽標(biāo)放置在內(nèi)容縮略圖的一角可以達到最佳呈現(xiàn)效果。保持全局范圍內(nèi)徽標(biāo)位置的統(tǒng)一,確保其尺寸可以達到清晰辨識的程度(但不要過大,以防徽標(biāo)遮擋住縮略圖的細節(jié)內(nèi)容)。

確保最基本的留白區(qū)域。你需要在AR徽標(biāo)四周保留最基本的留白區(qū)域,具體比例是徽標(biāo)高度的10%。其他界面元素不得占用這片區(qū)域,也不能以任何形式將這片區(qū)域環(huán)繞封閉起來。

注:文中插圖全部來源于蘋果官網(wǎng)

本文翻譯自iOS 11 Human Interface Guidelines中的Augmented Reality部分。

 

作者:izzy,交互設(shè)計專家

微信公眾號:大眾點評UED(ID:dianpingUED),現(xiàn)美團點評上海用戶體驗部,簡稱DPUX

原文鏈接?https://developer.apple.com/ios/human-interface-guidelines/technologies/augmented-reality/

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@大眾點評UED,作者@?izzy

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!