iOS ARKit人機界面設計規范
文章為iOS ARKit人機界面設計規范的譯文,希望能夠對你帶來幫助。
你的app可以利用Apple提供的增強現實技術,即ARKit,為用戶帶來引人入勝的、能夠與現實世界無縫融合的虛擬互動體驗。在AR app當中,設備的攝像頭用于在屏幕上呈現現實世界的即時圖景,而虛擬的3D物體則會疊映其中,構成虛實交融共存的幻象。用戶可以透過設備從不同的角度來觀察虛擬物體;如果app提供了恰當的體驗模式,用戶還可以通過手勢或其他運動方式與虛擬物體進行互動。
設計引人入勝的AR體驗
利用全屏提升參與感。將盡可能多的屏幕空間用于現實圖景與虛擬物體的呈現,不要讓沉浸式體驗由于繁雜的界面控件和信息而遭到破壞。
創造生動逼真的虛擬物體。并不是所有的AR app都需要栩栩如生的虛擬體驗;但對于那些需要的來說,必須將虛擬物體打造得盡可能生動逼真,以融入周圍的真實環境。要獲取最佳的視覺體驗,你需要設計出精細擬真的3D素材,利用ARKit提供的數據信息將虛擬物體放置在真實環境的表面,同時確保虛擬物體擁有恰當的比例,可以表現出真實環境光線的反射效果,并能在環境表面形成投影,而且要隨著攝像頭位置的變化而動態更新視覺效果。
考慮物理局限性。要記住,人們很可能會在不利于構造AR體驗的環境當中試圖使用你的app,譬如那些較難四處移動的狹小空間,或是缺少平面區域的地方。預先考慮到這些可能帶來潛在問題的場景,并事先向用戶闡明產品運行方式對于環境的需求,同時考慮針對不同的使用環境提供差異化的功能。
考慮用戶的舒適度。手持設備保持著特定的距離和角度進行使用,超過一段時間便會使人感到疲勞。謹記,人們在使用你的app時必須保持特定的姿態,因此,要在提供愉悅體驗的同時避免引發人們的不適感。例如,你可以將虛擬物體默認放置在恰當的位置,減少人們將其手動移近的必要性;對于游戲來說,要盡可能保持關卡的簡短,并在進程當中穿插提供短暫的休息時間。
如果你的app鼓勵人們通過肢體動作完成互動,那么要以漸進的方式進行引導。以游戲為例,不要讓用戶在剛剛上手時就必須通過復雜的肢體動作與虛擬物體互動;應該首先給人們一些時間去熟悉AR的體驗模式,再逐漸提升互動機制的復雜性。
注意用戶的人身安全。人們在使用AR app時,如果附近有其他人或物體,那么過多的肢體動作可能會帶來潛在的危險。要充分考慮如何確保操作的安全性。例如對于一款游戲來說,要避免將范圍較大或突然性較高的肢體動作作為互動方式。
通過音效與觸感反饋來增強沉浸體驗。當虛擬物體與實體平面或其他虛擬元素產生觸碰時,通過音效與震動觸感提供交互反饋是非常有效的方式。在沉浸式的游戲當中,背景音樂也有助于塑造身臨其境的虛擬體驗。
提供情境化的操作提示。通過環繞在虛擬物體周圍的3D旋轉指示符來提示其操作方式,會比傳統的文字說明形式更加符合直覺。不過在某些特定的情況下,譬如當系統正在探測實體平面,或是用戶沒有對情境化的操作提示給予響應的時候,文字浮層形式的提示可能更加有效。
如果必須使用文字提示,要確保其通俗易懂。一部分用戶可能會對AR這樣的高級技術概念感到恐懼。為了使文字內容更加通俗易懂,要避免使用技術術語,例如“ARKit”、“環境探測”、“追蹤”一類,取而代之的是通過更友好、更具對話性的文案使多數用戶理解概念含義。下面是一些話術風格對比:
- 恰當:“無法找到合適的平面,請試著向側面移動,或調整手機的位置?!?/li>
- 不恰當:“無法探測到水平表面。調整追蹤?!?/li>
- 恰當:“輕點某處,將[物體名]放在上面?!?/li>
- 不恰當:“輕點水平表面,錨定對象?!?/li>
- 恰當:“嘗試調亮燈光,并稍作移動?!?/li>
- 不恰當:“特征不足?!?/li>
- 恰當:“嘗試慢慢移動你的手機?!?/li>
- 不恰當:“探測到過快的運動速度?!?/li>
避免不必要的體驗中斷。用戶每次退出并再次進入AR模式,環境分析與水平面探測都會被重新執行一次,而且手機與攝像頭的位置通常會發生改變,致使之前已經被放置好的虛擬物體被重新定位;有時它們看上去甚至會脫離現實世界的表面。避免這種中斷的方式之一,就是盡可能讓人們在不必離開AR模式的情況下完成相關操作。譬如在家居類的AR app當中,用戶已經將一把心怡的椅子放置在客廳里,接下來他們很可能希望繼續添加其他家具進行預覽;要確保相關操作都可以在當前界面環境當中完成。
進入AR環境
明確提示初始化狀態,引導用戶參與完成。每當你的app進入AR模式,初始化流程都會執行一次,完成對環境的探測和評估。整個過程可能會花費數秒的時間。為了減少用戶的困惑,加速流程的進行,你可以通過文字明確地向用戶提示當前的系統狀態,并鼓勵他們通過攝像頭探索周邊環境,主動尋找能夠提供水平表面的地方。
放置虛擬物體
幫助用戶了解何時需要定位水平面,何時可以放置虛擬物體??梢暬闹甘緲俗R可以有效地使用戶了解到水平面定位正在進行。例如,當用戶看到位于屏幕中央的梯形準星,就會明白現在應該去尋找一片平面區域;水平面測定完成之后,準星的樣式發生變化,暗示用戶可以放置虛擬物體。指示標識的外觀樣式需要與app的整體風格保持一致。
水平面探測指示符
物體放置指示符
特定app中的定制化指示符
以恰當的方式響應用戶放置虛擬物體的行為。水平面的精準定位過程需要耗費一定的時間(雖然極為短暫)。如果用戶在這個過程中試圖放置虛擬物體,你應該利用現有數據信息將物體立刻呈現在屏幕當中。水平面測定完成之后,再利用最終的數據對物體的位置進行微調。如果用戶一開始將物體放在了已測定的水平面范圍之外,那么要以平緩的方式將其拉回到平面當中。
避免將物體預置在水平面邊緣。在AR當中,水平面的邊緣范圍可能會隨著用戶所在位置的變化而產生調整。
用戶與虛擬物體的交互行為
通過直接操作取代控件交互。相比于通過與虛擬物體互相分離的界面控件進行操作,讓用戶直接與物體本身進行互動可以帶來更具沉浸感的AR體驗。不過要記住,如果用戶需要頻繁地移動身體位置,那么直接操作的方式也可能提升交互難度,甚至使用戶感到受挫。
通過標準的、為人熟知的手勢實現直接操作。例如,你可以允許用戶通過單指拖拽手勢來移動物體,通過雙指扭轉手勢使物體旋轉。
保持交互的簡單易行。觸屏手勢本質上是2D交互方式,而AR體驗則涉及到與3D真實世界的互動。可以考慮簡化用戶與虛擬物體的交互方式,彌補維度的差異,例如將物體的移動范圍限定在2D平面當中,或是只允許物體圍繞單一軸線旋轉。
將物體的移動范圍限定在2D平面當中
將物體的旋轉方式限定在單一軸線上
擴大手勢操作的響應區域。在觸屏上,人們很難精準地點擊到微小物體上的特定位置,要將物體準確地放置在某個點上也不是一件容易的事。如果在可交互的物體附近監測到手勢動作,通??梢约僭O用戶此時有著操作該物體的意圖。
考慮是否有必要為用戶添加的物體提供縮放能力。對于那些在尺寸上不具備特定參考系的虛擬物體,譬如玩具或游戲角色,用戶很可能需要根據自身所處的環境來調整它們的大??;這種情況下,為物體提供手動縮放功能是一種恰當的做法。另一方面,對于那些與現實環境有著特定比例關系的物體,例如家具,如果能夠提供精準的預設尺寸,那么手動縮放功能便不是必需的。此外,縮放功能并不能用于調整物體與用戶之間的距離 – 例如對物體進行放大操作,其結果只會改變物體自身的尺寸,而不會因為“近大遠小”效應使實際距離被拉近。
警惕潛在的手勢沖突。例如雙手捏合手勢會與雙手扭轉手勢過于相似。如果你需要整合運用這些手勢,那么要通過測試來驗證其合理性,并且一定要向用戶進行解釋說明。
確保虛擬物體的運動方式足夠平滑。當用戶對物體進行縮放、旋轉或移動操作時,其運動方式應該足夠平滑和連貫,不會產生跳躍感。
探索更多更有趣的交互方式。手勢操作并非人們與虛擬對象進行互動的唯一方式。你可以充分運用位置與運動方面的要素來打造更加生動有趣的交互體驗,例如一個游戲角色可以在用戶走近他的時候轉過頭來看著用戶。
處理問題
如果體驗未達預期,應該允許用戶重置場景。不要強迫用戶等待體驗環境的改善,或是受困于不佳的物體擺放方式。隨時為用戶提供重置場景的方式,幫助他們獲取最佳體驗。
在出現異常時為用戶提供處理建議。分析環境和探測水平面的過程可能會由于諸多原因而出現失敗的狀況,例如環境不夠明亮,水平面過于粗糙或反光度過高,攝像頭位置不夠穩定,等等。如果你的app監測到這些狀況,或是水平面探測過程過于冗長,那么要及時向用戶提供處理建議。
- 問題:特征不足。
- 建議:“嘗試調亮燈光,并稍作移動。”
- 問題:探測到過快的運動速度。
- 建議:“嘗試慢慢移動你的手機?!?/li>
- 問題:水平面探測過久。
- 建議:“請稍作移動,調亮燈光,并確保手機攝像頭瞄向足夠細滑的水平面?!?/li>
僅為具備兼容性的設備提供AR功能。如果你的app以AR為功能核心,那么在設置設備兼容范圍時,應該將不支持ARKit的設備排除在外。如果AR只是app當中的次要功能,例如某家居類app以圖冊名錄展示為主,同時會為一些家具提供AR演示,那么當用戶通過不支持ARKit的設備使用該app時,要隱藏AR相關功能,而不是允許用戶進行訪問然后收到出錯提示。
AR圖標
你可以在app中使用標準的AR符號圖標來觸發基于ARKit的功能。訪問Resources部分,下載相關圖形資源。
https://developer.apple.com/design/resources/#ios-apps
意圖明確地使用AR圖標。該圖標僅可被用于啟動(基于ARKit的)AR模式。不要改動該圖標的樣式(除了尺寸和配色)或是將其用作其他目的,也不要在非ARKit打造的AR app當中使用該圖標。
確保最基本的留白區域。你需要在AR圖標四周保留最基本的留白區域,具體比例是圖標高度的10%。其他界面元素不得占用這片區域,也不能以任何形式將這片區域環繞封閉起來。
AR徽標
對于提供了產品名錄或類似形式內容的app,可以使用AR徽標來表示特定的內容對象能夠通過AR模式進行查看。譬如一款家居類app可以使用AR徽標引導用戶預覽家具在自己家里的擺放樣式,便于其制定購買決策。
意圖明確地使用AR徽標。你可以訪問Resources部分,下載相關圖形資源:https://developer.apple.com/design/resources/#ios-apps。
AR徽標包含“標準”和“簡化”兩種樣式,僅可被用于表示某產品或特定的內容對象可以通過(基于ARKit的)AR模式進行查看。不要改動該徽標的樣式和配色,或是將其用作其他目的,也不要在非ARKit打造的AR app當中使用該徽標。
標準AR徽標
僅保留圖標的簡化AR徽標
推薦使用標準AR徽標。通常,只在界面空間較為局促,難以容納標準AR徽標的情況下考慮使用簡化徽標。兩種徽標的默認尺寸都可以確保他們的可辨識性。
僅在一部分內容支持AR模式、另一部分不支持的情況下使用AR徽標。如果全部內容均可以在AR模式下查看,那么徽標就多余了。
保持徽標的布局一致、清晰可見。通常,將徽標放置在內容縮略圖的一角可以達到最佳呈現效果。保持全局范圍內徽標位置的統一,確保其尺寸可以達到清晰辨識的程度(但不要過大,以防徽標遮擋住縮略圖的細節內容)。
確保最基本的留白區域。你需要在AR徽標四周保留最基本的留白區域,具體比例是徽標高度的10%。其他界面元素不得占用這片區域,也不能以任何形式將這片區域環繞封閉起來。
注:文中插圖全部來源于蘋果官網
本文翻譯自iOS 11 Human Interface Guidelines中的Augmented Reality部分。
作者:izzy,交互設計專家
微信公眾號:大眾點評UED(ID:dianpingUED),現美團點評上海用戶體驗部,簡稱DPUX
原文鏈接?https://developer.apple.com/ios/human-interface-guidelines/technologies/augmented-reality/
本文來源于人人都是產品經理合作媒體@大眾點評UED,作者@?izzy
- 目前還沒評論,等你發揮!