中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

龔子儀 :App可以使用蘋果的增強(qiáng)現(xiàn)實(shí)(AR)技術(shù)、ARKit,將實(shí)體的虛擬對象與現(xiàn)實(shí)世界無縫地融合在一起,來創(chuàng)造沉浸式的、有吸引力的體驗(yàn)。在 AR App中,設(shè)備的相機(jī)被用來呈現(xiàn)實(shí)時(shí)的物理世界的影像,三維虛擬對象被疊加在這個(gè)影像之上,創(chuàng)造出一種它們好像真的存在的感覺。用戶可以調(diào)整它們的設(shè)備的方向從不同的角度來觀察這個(gè)虛擬對象。并且如果為了提升體驗(yàn),用戶可以使用手勢和移動(dòng)與這些虛擬對象進(jìn)行交互。

設(shè)計(jì)良好的用戶體驗(yàn)

1. 使用全屏顯示來吸引用戶

盡可能多的使用全屏查看和探索現(xiàn)實(shí)世界,并使用全屏呈現(xiàn)你 App 中的虛擬對象。避免在屏幕上添加多余的控制組件和信息來讓屏幕中的內(nèi)容顯得混亂,從而減少用戶身臨其境的感覺。

2. 盡量讓虛擬物品顯得真實(shí)

并不是所有的 AR 體驗(yàn)都需要實(shí)體的虛擬對象,但是這個(gè)體驗(yàn)應(yīng)該包括在物理環(huán)境中出現(xiàn)的物體。為了達(dá)到最好的效果,請?jiān)谠O(shè)計(jì) 3D 對象的時(shí)候使用逼真的紋理,使用 ARKit 提供的信息來把虛擬對象放置在真實(shí)世界之上,并且適當(dāng)?shù)目s放對象,讓環(huán)境光在虛擬對象上有所反應(yīng),在真實(shí)世界的表面投射虛擬對象的陰影,并且保證在相機(jī)位置移動(dòng)的時(shí)候刷新呈現(xiàn)效果。

3. 考慮物理?xiàng)l件限制

請記住,人們可能會(huì)嘗試在不那么適合 AR 體驗(yàn)的環(huán)境中使用你的App,比如他們可能會(huì)在沒有太多空間移動(dòng)的地方,或者這個(gè)空間不夠大,再或是這個(gè)空間中沒有足夠的平面的條件下打開你的App。請嘗試預(yù)測你可能面臨挑戰(zhàn)的使用場景,并且明確的將這些需求和期望傳達(dá)給用戶。也請考慮基于不同的環(huán)境提供不同的功能。

4. 注意用戶的舒適度

手持設(shè)備長時(shí)間保持一定的距離和角度會(huì)讓用戶感覺疲勞,請考慮用戶在使用你的 App 時(shí)如何持有他們的設(shè)備,減少不舒適感并努力創(chuàng)造一個(gè)愉快的體驗(yàn)。例如在默認(rèn)條件下,你可以將虛擬對象放在合適的距離來減少用戶手持設(shè)備靠近的必要。游戲也可以考慮讓關(guān)卡相對短一些,或者給游戲加入短暫的休止時(shí)間。

5. 如果你的 App 鼓勵(lì)用戶有一定動(dòng)作反應(yīng),請逐步介紹

例如在游戲中,用戶不應(yīng)該在進(jìn)入 AR 游戲的時(shí)候就需要立刻有動(dòng)作反應(yīng)來躲避向他發(fā)射過來的虛擬炮彈。先給用戶一些時(shí)間適應(yīng)這種體驗(yàn),再逐漸的介紹需要的動(dòng)作反應(yīng)。

6. 注意用戶的安全

如果用戶附近有其他人或者物體,過多的移動(dòng)可能會(huì)讓用戶有潛在的危險(xiǎn)。請考慮讓你的 App 能夠被安全的使用,比如游戲可以盡量避免讓用戶有幅度特別大或者突然的動(dòng)作。

7. 使用音頻和觸覺反饋來增強(qiáng)沉浸式的體驗(yàn)

聲音效果和碰撞的感覺反饋是告知虛擬對象已經(jīng)與物理表面或者其他虛擬對象接觸的好方法,在沉浸式的游戲中,背景音樂可以使用戶仿佛置身于虛擬世界之中。參考相關(guān)指導(dǎo),請查閱[音頻](Human Interface Guidelines)和[觸覺反饋](Human Interface Guidelines)。

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

8. 可能的條件下在環(huán)境中提供提示

例如,在對象周圍放置三維旋轉(zhuǎn)指示器比直接疊加一個(gè)文字提示更加直觀。然而,在表面檢測之前或者用戶沒有對環(huán)境提示做出反應(yīng)時(shí),文本提示可能是必要的。

9. 如果你必須呈現(xiàn)文字說明,請使用平易近人的措辭

AR 是一個(gè)高級概念,它可能會(huì)嚇到一些用戶,為了讓它更容易被接受,請避免使用像“ARKit、環(huán)境監(jiān)測、追蹤”這樣的面向開發(fā)者的技術(shù)詞匯。請使用大多數(shù)人都能夠理解的友好的、會(huì)話式的措辭。

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

10. 避免在 AR 體驗(yàn)中不必要的中斷

用戶每次退出和重新進(jìn)入 AR 應(yīng)用時(shí),環(huán)境和表面會(huì)被重新檢測,此外,手機(jī)和相機(jī)的位置也可能已經(jīng)改變了。因此以前放置環(huán)境中的物體可能已經(jīng)改變了位置——它們甚至可能都已經(jīng)不再在真實(shí)世界的環(huán)境中。避免中斷的一種方法是讓用戶在不退出 AR 應(yīng)用的情況下改變對象或者設(shè)置。例如,如果一個(gè)用戶在真實(shí)世界中放置了一個(gè)它們正在考慮給客廳買的虛擬的椅子,它們可能想要嘗試其他的面料。

放置虛擬對象

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

1. 幫助用戶了解何時(shí)找到一個(gè)表面并且放置一個(gè)對象

一個(gè)視覺化的提示是傳達(dá)表面定位模式已激活的好方法。例如在屏幕中心的梯形四角標(biāo)有助于幫助人們了解到他們應(yīng)該找到一個(gè)水平的平坦表面。一旦表面被定位成功,提醒提示器的外觀應(yīng)該改變,來表明虛擬對象已經(jīng)可以放置。你可以設(shè)計(jì)這類的視覺提示來讓用戶感覺到這也是你應(yīng)用體驗(yàn)的一部分。

2. 當(dāng)用戶放置對象時(shí)有適當(dāng)?shù)姆答?/strong>

在表面檢測期間,檢測精度會(huì)逐漸提高(在很短的時(shí)間內(nèi)),如果用戶輕觸屏幕來放置一個(gè)虛擬對象,請立刻使用當(dāng)前的信息進(jìn)行放置。之后一但表面檢測完成,程序會(huì)對對象的位置進(jìn)行細(xì)化調(diào)整。如果對象放置的位置超出了已檢測表面的邊界,請輕輕地將對象移回到表面上。

3. 避免嘗試將對象和已檢測到的表面的邊緣精確對齊

在 AR 中,表面的邊緣是一個(gè)近似值,它可能會(huì)隨著用戶的環(huán)境還有進(jìn)一步的程序分析而改變。

用戶與虛擬對象交互

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

1. 直接與對象交互好過與屏幕上的獨(dú)立操作控件交互

對于用戶來說,他們能直接觸摸屏幕上的對象并與它交互,而不是與屏幕的不同部分的獨(dú)立操作控件交互,會(huì)更有沉浸感,操作也更加直覺。但是請記住,在用戶正在移動(dòng)時(shí),直接操作可能會(huì)帶來困惑或者操作困難。

2. 允許用戶使用標(biāo)準(zhǔn)的、熟悉的手勢與虛擬對象進(jìn)行交互

例如,請考慮用單指拖來來移動(dòng)對象,用雙指來旋轉(zhuǎn)和縮放對象。參考相關(guān)指導(dǎo),請查閱[手勢](Human Interface Guidelines)。

3. 一般來說,保持交互方式簡單

觸摸手勢本質(zhì)上是二維的,但是 AR 體驗(yàn)涉及到現(xiàn)實(shí)生活中的第三個(gè)維度,請考慮一下簡化用戶與虛擬對象的交互的方法。

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

(限制物體只在平面中移動(dòng),限制物體只能圍繞一個(gè)軸旋轉(zhuǎn))

4. 讓可交互虛擬對象對可能的手勢做出反應(yīng)

人們難以精確觸摸小的、薄的或是放置在遠(yuǎn)處的物體。當(dāng)你的應(yīng)用檢測到一個(gè)可交互對象附近的手勢的時(shí)候,通常最好假設(shè)用戶想要操作這個(gè)對象。

5. 考慮給用戶縮放對象是否必要

對于玩具或是游戲角色這類不具有固定尺寸的對象,用戶可能希望看到他們變大或者變小,這個(gè)時(shí)候縮放通常是必要的。但是對于和現(xiàn)實(shí)世界有相對尺度的對象,如一件家居,它可能需要以精確的尺寸被放置,那么縮放就是不那么必要的。縮放不是用于調(diào)整對象的距離更遠(yuǎn)或其看起來更近的補(bǔ)救辦法。

6. 留意潛在的手勢沖突

例如雙指縮放很類似與雙指旋轉(zhuǎn)手勢。如果你想使用兩個(gè)像這樣的類似手勢操作,請確保你的應(yīng)用通過了測試并能夠給良好運(yùn)行。

7. 請確保虛擬對象的動(dòng)效是流暢的

當(dāng)用戶調(diào)整它們的大小、旋轉(zhuǎn)它們或者移動(dòng)它們的時(shí)候,對象的動(dòng)效不應(yīng)該是唐突的。

8. 探索更多有吸引力的交互方式

手勢不是人們與 AR 中虛擬對象交互的唯一方式,你的應(yīng)用可以使用其他的要素,如動(dòng)作還有設(shè)備與虛擬對象的接近程度,將內(nèi)容帶進(jìn)現(xiàn)實(shí)。例如,一個(gè)游戲角色可以在行進(jìn)的時(shí)候轉(zhuǎn)頭看向用戶。

處理問題

1. 如果體驗(yàn)不符合用戶的期望,允許用戶重置

不要強(qiáng)迫用戶等待程序條件的改善,或者讓他們困在對象放置的問題上。給他們重新開始方法,看看這是不是會(huì)帶來更好的結(jié)果。

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

2. 當(dāng)問題出現(xiàn)時(shí)的提出建議

分析各種可能導(dǎo)致用戶環(huán)境和表面檢測失敗的原因——光線不足、表面反射太強(qiáng)、表面沒有足夠的細(xì)節(jié),或者相機(jī)運(yùn)動(dòng)過多。如果你的應(yīng)用檢測到了以上這些問題,請?zhí)峁┙o用戶解決問題的建議。

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

3. 只在可以使用 AR 功能的設(shè)備上提供 AR 功能

如果你的應(yīng)用的首要功能就是 AR ,請將應(yīng)用程序設(shè)置為僅適用于支持ARKit的設(shè)備。如果你的應(yīng)用程式是把 AR 作為輔助功能。如家具商品冊,其中包括產(chǎn)品圖片,并且允許用戶在 AR 中查看某些產(chǎn)品,如果用戶的設(shè)備不支持 AR 但是嘗試使用 AR 功能,請避免彈出錯(cuò)誤。如果設(shè)備不支持 ARKit,請不要給用戶呈現(xiàn)可選的 AR 功能。開發(fā)者的相關(guān)指導(dǎo),請查閱 [Information Property List Key Reference](About Info.plist Keys and Values) 中的 [UIRequiredDeviceCapabilities](iOS Keys) 章節(jié),還有 [ARConfiguration](ARKit | Apple Developer Documentation) 中的 [isSupported](ARConfiguration | Apple Developer Documentation) 屬性。

了解更多

開發(fā)者指導(dǎo),請查閱 ARKit(ARKit | Apple Developer Documentation) 。

原文:Human Interface Guidelines
譯文:zhihu

歡迎關(guān)注作者播客:「infoier | 設(shè)計(jì)乘數(shù)

中文版來了!超實(shí)用的蘋果AR人機(jī)界面設(shè)計(jì)指南

「關(guān)于AR,這幾篇文章很實(shí)在」

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng) UiiiUiii.com是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航:國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航,設(shè)計(jì)師必備:http://hao.uisdc.com

收藏 11
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。