如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

0 評(píng)論 1983 瀏覽 3 收藏 12 分鐘

Apple Vision Pro通過(guò)深入解析其Immersive(沉浸)和Authentic(真實(shí))兩大核心設(shè)計(jì)原則,我們了解到創(chuàng)造引人入勝的應(yīng)用不僅僅是技術(shù)的展現(xiàn),更是對(duì)細(xì)節(jié)的深刻理解和巧妙運(yùn)用。拉近了用戶(hù)與數(shù)字空間的距離。本文將帶您深入這些設(shè)計(jì)原則,揭示如何打造一個(gè)既沉浸又真實(shí)的用戶(hù)體驗(yàn),讓每一次互動(dòng)都成為難忘的旅程。

在我之前的文章中Apple Vision Pro設(shè)計(jì)規(guī)范之空間設(shè)計(jì)原則篇寫(xiě)到,Apple Vision Pro空間設(shè)計(jì)原則中有五大基礎(chǔ)原則,分別是:

  • Familiar:如何讓你的應(yīng)用保持熟悉感,讓用戶(hù)易于學(xué)習(xí)和上手。
  • Human-centered:如何打造以人為本的設(shè)計(jì),讓用戶(hù)更易用。
  • Dimensional:如何利用維度來(lái)打造獨(dú)特的空間體驗(yàn),讓界面更有層次感。
  • Immersive:如何將你適配你的應(yīng)用使其更具有沉浸感。
  • Authentic:如何打造更真實(shí)的體驗(yàn)設(shè)計(jì)。

那今天作者就帶大家詳細(xì)拆解其中的Immersive和Authentic兩大設(shè)計(jì)原則,即如何打造應(yīng)用的沉浸感及真實(shí)感。

一、打造應(yīng)用的沉浸感

說(shuō)到沉浸感,大家第一感覺(jué)會(huì)想到什么呢?我相信大多數(shù)同學(xué)都會(huì)想到一個(gè)場(chǎng)景——“IMAX巨幕電影“。

一方面巨幕電影超大的尺寸會(huì)占據(jù)觀影者大部分的主要視覺(jué)可視區(qū)域,另一方面在關(guān)燈場(chǎng)景下,觀影者能的視覺(jué)能更加聚焦在巨幕大屏上。因此我們可以從這一個(gè)場(chǎng)景中拆解出兩個(gè)關(guān)于營(yíng)造感沉浸感的關(guān)鍵特性——無(wú)限大屏和環(huán)境氛圍。

接下來(lái),讓我們來(lái)看看在AVP中如何設(shè)計(jì)具有沉浸感的應(yīng)用。

1. 動(dòng)態(tài)的沉浸模式

在沉浸模式類(lèi)型中,AVP支持開(kāi)發(fā)者使用.mixed、.progressive、.full等幾種沉浸式模式。這樣就可以根據(jù)用戶(hù)在不同的沉浸式狀態(tài)之間流暢的過(guò)渡。

如果你想給用戶(hù)與現(xiàn)實(shí)互動(dòng)融合的體驗(yàn),不妨試試.mixed的沉浸式效果,將元素內(nèi)容混合在VST透視中,在無(wú)邊界的場(chǎng)景下顯示內(nèi)容,VST可見(jiàn)。

如果你想給用戶(hù)環(huán)繞大屏的瀏覽體驗(yàn),那就使用.progressive的沉浸式效果,這樣就可以顯示環(huán)繞型窗口內(nèi)容應(yīng)用,不過(guò)用戶(hù)仍然可以和現(xiàn)實(shí)世界進(jìn)行互動(dòng)。

當(dāng)然如果你想給用戶(hù)一個(gè)完全獨(dú)占的沉浸式體驗(yàn),那么.full是你的最優(yōu)選擇。在無(wú)邊界的場(chǎng)景下只顯示虛擬內(nèi)容,遮蓋除了手部以外其它所有內(nèi)容的VST透視,讓用戶(hù)進(jìn)入一個(gè)完全虛擬的新世界。

2. 沉浸的環(huán)境氛圍

在Shared Space中,用戶(hù)可以通過(guò)調(diào)節(jié)頭顯上的表冠來(lái)調(diào)整沉浸程度,AVP同時(shí)提供多種虛擬自然景觀壁紙和濾鏡效果給到用戶(hù)選擇,來(lái)幫助用戶(hù)營(yíng)造沉浸的環(huán)境氛圍。

當(dāng)排練演示的時(shí)候,我們可以把用戶(hù)帶到舞臺(tái)上,讓他們完全沉浸在劇院真人大小的體驗(yàn)中,這樣的體驗(yàn)需要更多的空間,應(yīng)用將某人帶到一個(gè)他們可以看到周?chē)男碌胤健?/p>

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

除此之外,用戶(hù)在看電影或進(jìn)行PPT的演示模式時(shí),系統(tǒng)會(huì)支持調(diào)節(jié)亮度來(lái)使電影屏幕或演示文稿更加聚焦。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

因此,完整的空間時(shí)刻可能不會(huì)把用戶(hù)帶到一個(gè)新的地方,他們依然可以存在于自己的空間里,在這里感覺(jué)就像你看著大海,而你仍然可以看到你周?chē)姆块g,你可以設(shè)計(jì)豐富的沉浸式體驗(yàn),而不需要接管用戶(hù)的整個(gè)視野。

3. 提供一些精妙的小線索

除了動(dòng)態(tài)的沉浸模式以及沉浸的環(huán)境氛圍,我們還需要注意一些可以營(yíng)造沉浸感的小細(xì)節(jié)。

1)細(xì)微貼近物理世界的反射效果

比如在電影院里可以用小效果創(chuàng)造出巨大的視聽(tīng)感受,比如地板和天花板上反射的細(xì)微光線就能給人一種令人信服的空間感,而不需要渲染真實(shí)劇院的所有細(xì)節(jié)來(lái)傳達(dá)。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

2)管理用戶(hù)的注意力

我們需要引導(dǎo)用戶(hù)將他們的注意力集中在重要的事情上,盡量避免在用戶(hù)的主視角區(qū)域放置太多元素和信息,如果太多的事情同時(shí)發(fā)生,他們可能會(huì)感到不知所措或不確定該怎么做。這就要求我們?cè)谠O(shè)計(jì)沉浸式體驗(yàn)時(shí),盡量將重要且精簡(jiǎn)的信息展示在用戶(hù)主視野區(qū)域內(nèi),并通過(guò)動(dòng)效、音頻和色彩來(lái)引導(dǎo)用戶(hù)的注意力。

例如在AVP的冥想場(chǎng)景中,用戶(hù)的注意力被引導(dǎo)到空間中的一個(gè)物體上,注意力通過(guò)運(yùn)動(dòng)、空間化的音頻和彩色材料被吸引到一個(gè)位置,當(dāng)用戶(hù)深入思考的時(shí)候,它就輕輕地展開(kāi)花朵,完全包圍你,流暢及可預(yù)測(cè)的過(guò)渡,可以在用戶(hù)體驗(yàn)的不同狀態(tài)之間創(chuàng)造連續(xù)性,這將讓用戶(hù)感到舒適并意識(shí)到發(fā)生了什么。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

3)提供虛擬元素貼近物理世界的光影效果

沉浸式應(yīng)用會(huì)感覺(jué)到與人們的物理環(huán)境有聯(lián)系,比如AVP的開(kāi)機(jī)動(dòng)畫(huà)中,一個(gè)巨大的“Hello”在桌子上投下了陰影,讓你感覺(jué)就像真的在那里。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

4)考慮動(dòng)效及空間音頻

鮮活的動(dòng)畫(huà)可以給場(chǎng)景帶來(lái)活力,比如湖上蕩漾的水或漂浮在天空中的云微妙的運(yùn)動(dòng)可以將靜態(tài)體驗(yàn)轉(zhuǎn)化為生動(dòng)和動(dòng)態(tài)的體驗(yàn),并通過(guò)空間音頻進(jìn)一步創(chuàng)造氛圍,您可以將聲音錨定在空間中的物體上,或創(chuàng)建完全圍繞人們的聲音場(chǎng)景。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

5)與現(xiàn)實(shí)融合

如果你在一個(gè)完整的空間中使用應(yīng)用,你可以將應(yīng)用和現(xiàn)實(shí)環(huán)境進(jìn)行虛實(shí)融合,使用柔和的邊緣來(lái)平滑地集成你的應(yīng)用,這避免了突然的過(guò)渡,讓用戶(hù)專(zhuān)注于你的內(nèi)容。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

二、打造應(yīng)用的真實(shí)感

其次,讓我們談?wù)勅绾未蛟旄鎸?shí)的體驗(yàn)設(shè)計(jì)。

在設(shè)計(jì)富有真實(shí)感特性的應(yīng)用時(shí),我們應(yīng)該充分考慮到XR設(shè)備的獨(dú)特性——空間沉浸體驗(yàn) 。因此最好的應(yīng)用應(yīng)該是能讓用戶(hù)快速進(jìn)入空間沉浸式體驗(yàn)的。

所以我們應(yīng)該思考如何讓你的應(yīng)用程序有足夠的吸引力和獨(dú)特性,以至于用戶(hù)會(huì)持續(xù)使用你的應(yīng)用。

為了打造更加真實(shí)的吸引用戶(hù)的體驗(yàn)我們需要考慮以下幾點(diǎn)。

1. 找到關(guān)鍵時(shí)刻

讓我們看看Vision Pro是如何在照片應(yīng)用程序中做到這一點(diǎn)的,我們研究了在現(xiàn)有平臺(tái)上熟悉的照片應(yīng)用程序的核心功能,瀏覽你的照片庫(kù),重新發(fā)現(xiàn)特殊的記憶,通過(guò)全景重溫一個(gè)地方。

當(dāng)你找到那個(gè)特殊的照片時(shí),照片會(huì)在你的空間里變大,讓你的周?chē)h(huán)境變暗,這些都是你iPhone上同樣美好的回憶,但是以逼真的尺寸看到它們真的很驚喜。當(dāng)觀看全景的時(shí)候,我們有一個(gè)關(guān)鍵時(shí)刻帶你回到一個(gè)特殊的地方。

如何打造空間計(jì)算應(yīng)用的真實(shí)感和沉浸感

通過(guò)專(zhuān)注于一個(gè)特殊功能來(lái)思考你自己應(yīng)用程序中的關(guān)鍵時(shí)刻,你可以用你已經(jīng)擁有的內(nèi)容讓你的體驗(yàn)變得獨(dú)特和難忘,你可以用深度和尺寸來(lái)增強(qiáng)一個(gè)時(shí)刻,或者改變某人的空間,幫助人們專(zhuān)注于一項(xiàng)任務(wù),或者喚起一種感覺(jué),你可以創(chuàng)造難忘的體驗(yàn)。

2. 提供貼近物理世界線索

我們感知物理世界線索主要是通過(guò)視覺(jué)和聽(tīng)覺(jué)完成,為了讓虛擬元素更具有真實(shí)感,我們要考慮虛擬元素的尺寸、紋理、材質(zhì)、陰影、光照等是否符合物理世界的規(guī)律,這個(gè)就涉及到美術(shù)設(shè)計(jì)領(lǐng)域的知識(shí),如果大家感心情,作者也會(huì)在后續(xù)的篇章安排干貨講解。

除此之外,音效也能為你的虛擬體驗(yàn)呈現(xiàn)更真實(shí)的效果,典型的案例就是Mac電腦上刪除文件的體驗(yàn),將文件拖動(dòng)到垃圾桶時(shí),會(huì)有垃圾被碾碎的聲音,給用戶(hù)更加真實(shí)刪除文件的體驗(yàn)效果。所以選擇貼合物理世界的聲音效果能幫你在真實(shí)感的體驗(yàn)設(shè)計(jì)上事半功倍。

三、總結(jié)

小結(jié)一下,在打造具有沉浸感和真實(shí)感的應(yīng)用設(shè)計(jì)時(shí),我們要充分考慮XR設(shè)備的獨(dú)特特性—空間沉浸體驗(yàn)。因此在設(shè)計(jì)空間體驗(yàn)時(shí),我們可以根據(jù)視覺(jué)及聽(tīng)覺(jué)信息來(lái)管理用戶(hù)的沉浸感受,盡可能多的借鑒及洞察來(lái)自物理世界的線索,給用戶(hù)真實(shí)且沉浸的視聽(tīng)觸體驗(yàn)。

作者:Vicky。公眾號(hào):Vicky Design Studio

本文由 @Vicky。 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

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