中文版來(lái)了!超實(shí)用的蘋(píng)果AR人機(jī)界面設(shè)計(jì)指南
龔子儀 :App可以使用蘋(píng)果的加強(qiáng)實(shí)際(AR)技術(shù)、ARKit,將實(shí)體的假造對(duì)象與實(shí)際世界無(wú)縫地融合在一路,來(lái)創(chuàng)造沉浸式的、有吸引力的體驗(yàn)。在 AR App中,設(shè)備的相機(jī)被用來(lái)呈實(shí)際時(shí)的物理世界的影像,三維假造對(duì)象被疊加在這個(gè)影像之上,創(chuàng)造出一種它們彷佛真的存在的感覺(jué)。用戶可以調(diào)整它們的設(shè)備的方向從不同的角度來(lái)觀察這個(gè)假造對(duì)象。并且假如為了提拔體驗(yàn),用戶可以使用手勢(shì)和移動(dòng)與這些假造對(duì)象進(jìn)行交互。
設(shè)計(jì)優(yōu)秀的用戶體驗(yàn)
1. 使用全屏表現(xiàn)來(lái)吸引用戶
盡可能多的使用全屏查看和探索實(shí)際世界,并使用全屏呈現(xiàn)你 App 中的假造對(duì)象。避免在屏幕上添加多余的控制組件和信息來(lái)讓屏幕中的內(nèi)容顯得紊亂,從而削減用戶身臨其境的感覺(jué)。
2. 盡量讓假造物品顯得真實(shí)
并不是所有的 AR 體驗(yàn)都必要實(shí)體的假造對(duì)象,但是這個(gè)體驗(yàn)應(yīng)該包括在物理環(huán)境中出現(xiàn)的物體。為了達(dá)到最好的結(jié)果,請(qǐng)?jiān)谠O(shè)計(jì) 3D 對(duì)象的時(shí)候使用真切的紋理,使用 ARKit 提供的信息來(lái)把假造對(duì)象放置在真實(shí)世界之上,并且適當(dāng)?shù)目s放對(duì)象,讓環(huán)境光在假造對(duì)象上有所反應(yīng),在真實(shí)世界的外觀投射假造對(duì)象的陰影,并且保證在相機(jī)位置移動(dòng)的時(shí)候刷新呈現(xiàn)結(jié)果。
3. 考慮物理?xiàng)l件限定
請(qǐng)記住,人們可能會(huì)嘗試在不那么適合 AR 體驗(yàn)的環(huán)境中使用你的App,比如他們可能會(huì)在沒(méi)有太多空間移動(dòng)的地方,或者這個(gè)空間不夠大,再或是這個(gè)空間中沒(méi)有充足的平面的條件下打開(kāi)你的App。請(qǐng)嘗試展望你可能面臨挑釁的使用場(chǎng)景,并且明確的將這些需求和期望傳達(dá)給用戶。也請(qǐng)考慮基于不同的環(huán)境提供不同的功能。
4. 細(xì)致用戶的舒適度
手持設(shè)備長(zhǎng)時(shí)間保持肯定的距離和角度會(huì)讓用戶感覺(jué)委靡,請(qǐng)考慮用戶在使用你的 App 時(shí)如何持有他們的設(shè)備,削減不舒適感并努力創(chuàng)造一個(gè)興奮的體驗(yàn)。例如在默認(rèn)條件下,你可以將假造對(duì)象放在合適的距離來(lái)削減用戶手持設(shè)備靠近的需要。游戲也可以考慮讓關(guān)卡相對(duì)短一些,或者給游戲加入短暫的停止時(shí)間。
5. 假如你的 App 鼓勵(lì)用戶有肯定動(dòng)作反應(yīng),請(qǐng)漸漸介紹
例如在游戲中,用戶不應(yīng)該在進(jìn)入 AR 游戲的時(shí)候就必要馬上有動(dòng)作反應(yīng)來(lái)逃避向他發(fā)射過(guò)來(lái)的假造炮彈。先給用戶一些時(shí)間適應(yīng)這種體驗(yàn),再漸漸的介紹必要的動(dòng)作反應(yīng)。
6. 細(xì)致用戶的安全
假如用戶附近有其他人或者物體,過(guò)多的移動(dòng)可能會(huì)讓用戶有潛在的傷害。請(qǐng)考慮讓你的 App 能夠被安全的使用,比如游戲可以盡量避免讓用戶有幅度分外大或者忽然的動(dòng)作。
7. 使用音頻和觸覺(jué)反饋來(lái)加強(qiáng)沉浸式的體驗(yàn)
聲音結(jié)果和碰撞的感覺(jué)反饋是告知假造對(duì)象已經(jīng)與物理外觀或者其他假造對(duì)象接觸的好方法,在沉浸式的游戲中,背景音樂(lè)可以使用戶仿佛置身于假造世界之中。參考相干引導(dǎo),請(qǐng)查閱[音頻](Human Interface Guidelines)和[觸覺(jué)反饋](Human Interface Guidelines)。
8. 可能的條件下在環(huán)境中提供提醒
例如,在對(duì)象四周放置三維旋轉(zhuǎn)指示器比直接疊加一個(gè)筆墨提醒更加直觀。然而,在外觀檢測(cè)之前或者用戶沒(méi)有對(duì)環(huán)境提醒做出反合時(shí),文本提醒可能是需要的。
9. 假如你必須呈現(xiàn)筆墨說(shuō)明,請(qǐng)使用平易近人的措辭
AR 是一個(gè)高級(jí)概念,它可能會(huì)嚇到一些用戶,為了讓它更容易被接受,請(qǐng)避免使用像“ARKit、環(huán)境監(jiān)測(cè)、追蹤”如許的面向開(kāi)發(fā)者的技術(shù)詞匯。請(qǐng)使用大多數(shù)人都能夠理解的友愛(ài)的、會(huì)話式的措辭。
10. 避免在 AR 體驗(yàn)中不需要的停止
用戶每次退出和重新進(jìn)入 AR 應(yīng)用時(shí),環(huán)境和外觀會(huì)被重新檢測(cè),此外,手機(jī)和相機(jī)的位置也可能已經(jīng)改變了。因此曩昔放置環(huán)境中的物體可能已經(jīng)改變了位置——它們甚至可能都已經(jīng)不再在真實(shí)世界的環(huán)境中。避免停止的一種方法是讓用戶在不退出 AR 應(yīng)用的情況下改變對(duì)象或者設(shè)置。例如,假如一個(gè)用戶在真實(shí)世界中放置了一個(gè)它們正在考慮給客廳買的假造的椅子,它們可能想要嘗試其他的面料。
放置假造對(duì)象
1. 幫助用戶了解何時(shí)找到一個(gè)外觀并且放置一個(gè)對(duì)象
一個(gè)視覺(jué)化的提醒是傳達(dá)外觀定位模式已激活的好方法。例如在屏幕中間的梯形四角標(biāo)有助于幫助人們了解到他們應(yīng)該找到一個(gè)水平的平坦外觀。一旦外觀被定位成功,提示提醒器的表面應(yīng)該改變,來(lái)注解假造對(duì)象已經(jīng)可以放置。你可以設(shè)計(jì)這類的視覺(jué)提醒來(lái)讓用戶感覺(jué)到這也是你應(yīng)用體驗(yàn)的一部分。
2. 當(dāng)用戶放置對(duì)象時(shí)有適當(dāng)?shù)姆答?/strong>
在外觀檢測(cè)期間,檢測(cè)精度會(huì)漸漸進(jìn)步(在很短的時(shí)間內(nèi)),假如用戶輕觸屏幕來(lái)放置一個(gè)假造對(duì)象,請(qǐng)馬上使用當(dāng)前的信息進(jìn)行放置。之后一但外觀檢測(cè)完成,程序會(huì)對(duì)對(duì)象的位置進(jìn)行細(xì)化調(diào)整。假如對(duì)象放置的位置超出了已檢測(cè)外觀的邊界,請(qǐng)輕輕地將對(duì)象移回到外觀上。
3. 避免嘗試將對(duì)象和已檢測(cè)到的外觀的邊緣正確對(duì)齊
在 AR 中,外觀的邊緣是一個(gè)近似值,它可能會(huì)隨著用戶的環(huán)境還有進(jìn)一步的程序分析而改變。
用戶與假造對(duì)象交互
1. 直接與對(duì)象交互好過(guò)與屏幕上的自力操作控件交互
對(duì)于用戶來(lái)說(shuō),他們能直接觸摸屏幕上的對(duì)象并與它交互,而不是與屏幕的不同部分的自力操作控件交互,會(huì)更有沉浸感,操作也更加直覺(jué)。但是請(qǐng)記住,在用戶正在移動(dòng)時(shí),直接操作可能會(huì)帶來(lái)疑心或者操作困難。
2. 許可用戶使用標(biāo)準(zhǔn)的、認(rèn)識(shí)的手勢(shì)與假造對(duì)象進(jìn)行交互
例如,請(qǐng)考慮用單指拖來(lái)來(lái)移動(dòng)對(duì)象,用雙指來(lái)旋轉(zhuǎn)和縮放對(duì)象。參考相干引導(dǎo),請(qǐng)查閱[手勢(shì)](Human Interface Guidelines)。
3. 一樣平常來(lái)說(shuō),保持交互體例簡(jiǎn)單
觸摸手勢(shì)本質(zhì)上是二維的,但是 AR 體驗(yàn)涉及到實(shí)際生活中的第三個(gè)維度,請(qǐng)考慮一下簡(jiǎn)化用戶與假造對(duì)象的交互的方法。
(限定物體只在平面中移動(dòng),限定物體只能圍繞一個(gè)軸旋轉(zhuǎn))
4. 讓可交互假造對(duì)象對(duì)可能的手勢(shì)做出反應(yīng)
人們難以正確觸摸小的、薄的或是放置在遠(yuǎn)處的物體。當(dāng)你的應(yīng)用檢測(cè)到一個(gè)可交互對(duì)象附近的手勢(shì)的時(shí)候,通常最好假設(shè)用戶想要操作這個(gè)對(duì)象。
5. 考慮給用戶縮放對(duì)象是否需要
對(duì)于玩具或是游戲角色這類不具有固定尺寸的對(duì)象,用戶可能盼望看到他們變大或者變小,這個(gè)時(shí)候縮放通常是需要的。但是對(duì)于和實(shí)際世界有相對(duì)尺度的對(duì)象,如一件家居,它可能必要以正確的尺寸被放置,那么縮放就是不那么需要的??s放不是用于調(diào)整對(duì)象的距離更遠(yuǎn)或其看起來(lái)更近的補(bǔ)救辦法。
6. 留意潛在的手勢(shì)沖突
例如雙指縮放很類似與雙指旋轉(zhuǎn)手勢(shì)。假如你想使用兩個(gè)像如許的類似手勢(shì)操作,請(qǐng)確保你的應(yīng)用通過(guò)了測(cè)試并能夠給優(yōu)秀運(yùn)行。
7. 請(qǐng)確保假造對(duì)象的動(dòng)效是流暢的
當(dāng)用戶調(diào)整它們的大小、旋轉(zhuǎn)它們或者移動(dòng)它們的時(shí)候,對(duì)象的動(dòng)效不應(yīng)該是冒昧的。
8. 探索更多有吸引力的交互體例
手勢(shì)不是人們與 AR 中假造對(duì)象交互的唯一體例,你的應(yīng)用可以使用其他的要素,如動(dòng)作還有設(shè)備與假造對(duì)象的接近程度,將內(nèi)容帶進(jìn)實(shí)際。例如,一個(gè)游戲角色可以在行進(jìn)的時(shí)候轉(zhuǎn)頭看向用戶。
處理題目
1. 假如體驗(yàn)不吻合用戶的期望,許可用戶重置
不要強(qiáng)迫用戶等待程序條件的改善,或者讓他們困在對(duì)象放置的題目上。給他們重新開(kāi)始方法,看看這是不是會(huì)帶來(lái)更好的效果。
2. 當(dāng)題目出現(xiàn)時(shí)的提出建議
分析各種可能導(dǎo)致用戶環(huán)境和外觀檢測(cè)失敗的緣故原由——光線不足、外觀反射太強(qiáng)、外觀沒(méi)有充足的細(xì)節(jié),或者相機(jī)運(yùn)動(dòng)過(guò)多。假如你的應(yīng)用檢測(cè)到了以上這些題目,請(qǐng)?zhí)峁?yīng)用戶解決題目的建議。
3. 只在可以使用 AR 功能的設(shè)備上提供 AR 功能
假如你的應(yīng)用的首要功能就是 AR ,請(qǐng)將應(yīng)用程序設(shè)置為僅適用于支持ARKit的設(shè)備。假如你的應(yīng)用程式是把 AR 作為輔助功能。如家具商品冊(cè),其中包括產(chǎn)品圖片,并且許可用戶在 AR 中查看某些產(chǎn)品,假如用戶的設(shè)備不支持 AR 但是嘗試使用 AR 功能,請(qǐng)避免彈出錯(cuò)誤。假如設(shè)備不支持 ARKit,請(qǐng)不要給用戶呈現(xiàn)可選的 AR 功能。開(kāi)發(fā)者的相干引導(dǎo),請(qǐng)查閱 [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) 屬性。
了解更多
開(kāi)發(fā)者引導(dǎo),請(qǐng)查閱 ARKit(ARKit | Apple Developer Documentation) 。
原文:Human Interface Guidelines
譯文:zhihu
迎接關(guān)注作者播客:「infoier | 設(shè)計(jì)乘數(shù)」
本文地址:http://m.pkvc.cn/tutorial/di3952.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏