掌握這7個(gè)細(xì)節(jié),幫你創(chuàng)建貼合Vision Pro的用戶(hù)體驗(yàn)
編者按:Vision Pro 所創(chuàng)建的數(shù)字空間將真實(shí)的環(huán)境和虛擬的數(shù)字內(nèi)容進(jìn)行了有效的融合,在體驗(yàn)的設(shè)計(jì)上,也區(qū)別于我們所熟知的手機(jī)和平板內(nèi)的 APP 設(shè)計(jì)范式,用戶(hù)體驗(yàn)的邏輯的簡(jiǎn)單遷移并不足以創(chuàng)建出優(yōu)秀的體驗(yàn),這使得我們需要重新審視和琢磨 Vision Pro 的空間計(jì)算下的體驗(yàn)設(shè)計(jì)。
Vision Pro 在細(xì)節(jié)上做出了很多令人舒適、以人為本的設(shè)計(jì),今天的文章將會(huì)梳理總結(jié)這些內(nèi)容。
用戶(hù)視野
我們通常說(shuō)的視野,是用戶(hù)在不移動(dòng)頭部的情況下,雙眼能直接看到的空間區(qū)域。視野居中的位置是最容易被看到的內(nèi)容,因此最重要的內(nèi)容需要放在居中的位置。由于視野通常較為開(kāi)闊,所以采用橫向布局會(huì)更好。
具體可以參考下面的范例:在 Safari 當(dāng)中,將主窗口置于中心位置。當(dāng)用戶(hù)想要一次查看所有標(biāo)簽頁(yè)的時(shí)候,它們會(huì)按照網(wǎng)格分散呈現(xiàn),這種分布非常適合用戶(hù)的視野,同時(shí),分散的標(biāo)簽頁(yè)會(huì)按照它們距離視野中心的距離,有微妙的縮放和偏移傾斜角度,向內(nèi)傾斜,這樣更容易閱讀。
這樣一來(lái),整體的瀏覽體驗(yàn)會(huì)明顯的具有沉浸感,不過(guò)依然要注意,內(nèi)容還是要盡量控制在用戶(hù)視野之內(nèi)。

人體工程學(xué)
在默認(rèn)情況下,窗口應(yīng)該沿著視野的自然角度來(lái)排布放置,這樣也是鼓勵(lì)用戶(hù)用更加舒適的姿勢(shì)來(lái)與 Vision Pro 進(jìn)行互動(dòng),無(wú)論所處的環(huán)境如何。
將內(nèi)容放置在距離用戶(hù)較遠(yuǎn)的地方,最好超出手臂可以觸及的區(qū)域,這樣可以鼓勵(lì)用戶(hù)使用目光遠(yuǎn)距離互動(dòng),降低交互成本。

窗口控制
在下方的范例當(dāng)中,所呈現(xiàn)的控件,是用于移動(dòng)、關(guān)閉窗口,以及調(diào)整窗口大小的。

用戶(hù)可以鎖定窗口的底部握柄控件,將窗口移動(dòng)到任意的位置。

窗口也可以被拉伸成為任何比例,來(lái)適配不同的尺寸需求。

控件和內(nèi)容分開(kāi)
在下面的范例當(dāng)中,Safari 瀏覽器的頂部導(dǎo)航欄和網(wǎng)頁(yè)內(nèi)容被分開(kāi),讓頁(yè)面內(nèi)容更容易被視線聚焦,而當(dāng)打開(kāi) Safari 側(cè)邊欄的時(shí)候,窗口會(huì)變大,顯示更多的控件,并不會(huì)覆蓋網(wǎng)頁(yè)內(nèi)容。

下面的范例則是 Keynote,在播放演示文稿的時(shí)候,展示的內(nèi)容會(huì)放置在一個(gè)更遠(yuǎn)更大的窗口當(dāng)中,同時(shí)還有一個(gè)方便演示者使用的小窗口則置于觸手可及的位置,兩者的組合讓演示和操作區(qū)分開(kāi)來(lái),確保了 Keynote 展示是完美而大方的。

當(dāng)用戶(hù)移動(dòng)窗口的時(shí)候,窗口會(huì)隨著距離邊遠(yuǎn)而適當(dāng)變大確??勺x性,當(dāng)窗口靠近的時(shí)候,則會(huì)適當(dāng)縮小,讓界面保持清晰且具備良好的可操作性。窗口變化會(huì)在近大遠(yuǎn)小的基本物理規(guī)則的基礎(chǔ)上,做適當(dāng)?shù)恼{(diào)整來(lái)符合交互。

光影控制
空間計(jì)算并不僅僅只涉及到控件本身,在虛擬空間中,看起來(lái)會(huì)發(fā)光的元素,需要將光同樣投射到地板和天花板上,借助光的發(fā)散來(lái)凸顯它在空間中的位置。
而不發(fā)光的物體,則應(yīng)該具有投影,就像虛擬的窗口投射在桌子上的陰影一樣,這會(huì)讓這些數(shù)字元素更加融入這個(gè)空間。

錨定內(nèi)容
為了避免用戶(hù)產(chǎn)生「被困住」的感覺(jué),盡量不要將空間中的內(nèi)容固定在一個(gè)視野中的特定位置。

相反,將窗口或者內(nèi)容固定在空間當(dāng)中,這會(huì)讓它更像是空間中的一部分,讓用戶(hù)可以更加自由地環(huán)顧周?chē)臃潘伞?/p>

空間音頻
為了獲得更加引人入勝的體驗(yàn),調(diào)用空間音頻技術(shù),來(lái)創(chuàng)建更加具有融入感的音頻效果。
豐富的視覺(jué)效果、貼合環(huán)境的音頻效果,會(huì)讓數(shù)字內(nèi)容的真實(shí)感更強(qiáng)。