如何打造空間計算應用的真實感和沉浸感

0 評論 1401 瀏覽 2 收藏 12 分鐘

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

在我之前的文章中Apple Vision Pro設計規范之空間設計原則篇寫到,Apple Vision Pro空間設計原則中有五大基礎原則,分別是:

  • Familiar:如何讓你的應用保持熟悉感,讓用戶易于學習和上手。
  • Human-centered:如何打造以人為本的設計,讓用戶更易用。
  • Dimensional:如何利用維度來打造獨特的空間體驗,讓界面更有層次感。
  • Immersive:如何將你適配你的應用使其更具有沉浸感。
  • Authentic:如何打造更真實的體驗設計。

那今天作者就帶大家詳細拆解其中的Immersive和Authentic兩大設計原則,即如何打造應用的沉浸感及真實感。

一、打造應用的沉浸感

說到沉浸感,大家第一感覺會想到什么呢?我相信大多數同學都會想到一個場景——“IMAX巨幕電影“。

一方面巨幕電影超大的尺寸會占據觀影者大部分的主要視覺可視區域,另一方面在關燈場景下,觀影者能的視覺能更加聚焦在巨幕大屏上。因此我們可以從這一個場景中拆解出兩個關于營造感沉浸感的關鍵特性——無限大屏和環境氛圍。

接下來,讓我們來看看在AVP中如何設計具有沉浸感的應用。

1. 動態的沉浸模式

在沉浸模式類型中,AVP支持開發者使用.mixed、.progressive、.full等幾種沉浸式模式。這樣就可以根據用戶在不同的沉浸式狀態之間流暢的過渡。

如果你想給用戶與現實互動融合的體驗,不妨試試.mixed的沉浸式效果,將元素內容混合在VST透視中,在無邊界的場景下顯示內容,VST可見。

如果你想給用戶環繞大屏的瀏覽體驗,那就使用.progressive的沉浸式效果,這樣就可以顯示環繞型窗口內容應用,不過用戶仍然可以和現實世界進行互動。

當然如果你想給用戶一個完全獨占的沉浸式體驗,那么.full是你的最優選擇。在無邊界的場景下只顯示虛擬內容,遮蓋除了手部以外其它所有內容的VST透視,讓用戶進入一個完全虛擬的新世界。

2. 沉浸的環境氛圍

在Shared Space中,用戶可以通過調節頭顯上的表冠來調整沉浸程度,AVP同時提供多種虛擬自然景觀壁紙和濾鏡效果給到用戶選擇,來幫助用戶營造沉浸的環境氛圍。

當排練演示的時候,我們可以把用戶帶到舞臺上,讓他們完全沉浸在劇院真人大小的體驗中,這樣的體驗需要更多的空間,應用將某人帶到一個他們可以看到周圍的新地方。

如何打造空間計算應用的真實感和沉浸感

除此之外,用戶在看電影或進行PPT的演示模式時,系統會支持調節亮度來使電影屏幕或演示文稿更加聚焦。

如何打造空間計算應用的真實感和沉浸感

因此,完整的空間時刻可能不會把用戶帶到一個新的地方,他們依然可以存在于自己的空間里,在這里感覺就像你看著大海,而你仍然可以看到你周圍的房間,你可以設計豐富的沉浸式體驗,而不需要接管用戶的整個視野。

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

除了動態的沉浸模式以及沉浸的環境氛圍,我們還需要注意一些可以營造沉浸感的小細節。

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

比如在電影院里可以用小效果創造出巨大的視聽感受,比如地板和天花板上反射的細微光線就能給人一種令人信服的空間感,而不需要渲染真實劇院的所有細節來傳達。

如何打造空間計算應用的真實感和沉浸感

2)管理用戶的注意力

我們需要引導用戶將他們的注意力集中在重要的事情上,盡量避免在用戶的主視角區域放置太多元素和信息,如果太多的事情同時發生,他們可能會感到不知所措或不確定該怎么做。這就要求我們在設計沉浸式體驗時,盡量將重要且精簡的信息展示在用戶主視野區域內,并通過動效、音頻和色彩來引導用戶的注意力。

例如在AVP的冥想場景中,用戶的注意力被引導到空間中的一個物體上,注意力通過運動、空間化的音頻和彩色材料被吸引到一個位置,當用戶深入思考的時候,它就輕輕地展開花朵,完全包圍你,流暢及可預測的過渡,可以在用戶體驗的不同狀態之間創造連續性,這將讓用戶感到舒適并意識到發生了什么。

如何打造空間計算應用的真實感和沉浸感

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

沉浸式應用會感覺到與人們的物理環境有聯系,比如AVP的開機動畫中,一個巨大的“Hello”在桌子上投下了陰影,讓你感覺就像真的在那里。

如何打造空間計算應用的真實感和沉浸感

4)考慮動效及空間音頻

鮮活的動畫可以給場景帶來活力,比如湖上蕩漾的水或漂浮在天空中的云微妙的運動可以將靜態體驗轉化為生動和動態的體驗,并通過空間音頻進一步創造氛圍,您可以將聲音錨定在空間中的物體上,或創建完全圍繞人們的聲音場景。

如何打造空間計算應用的真實感和沉浸感

5)與現實融合

如果你在一個完整的空間中使用應用,你可以將應用和現實環境進行虛實融合,使用柔和的邊緣來平滑地集成你的應用,這避免了突然的過渡,讓用戶專注于你的內容。

如何打造空間計算應用的真實感和沉浸感

二、打造應用的真實感

其次,讓我們談談如何打造更真實的體驗設計。

在設計富有真實感特性的應用時,我們應該充分考慮到XR設備的獨特性——空間沉浸體驗 。因此最好的應用應該是能讓用戶快速進入空間沉浸式體驗的。

所以我們應該思考如何讓你的應用程序有足夠的吸引力和獨特性,以至于用戶會持續使用你的應用。

為了打造更加真實的吸引用戶的體驗我們需要考慮以下幾點。

1. 找到關鍵時刻

讓我們看看Vision Pro是如何在照片應用程序中做到這一點的,我們研究了在現有平臺上熟悉的照片應用程序的核心功能,瀏覽你的照片庫,重新發現特殊的記憶,通過全景重溫一個地方。

當你找到那個特殊的照片時,照片會在你的空間里變大,讓你的周圍環境變暗,這些都是你iPhone上同樣美好的回憶,但是以逼真的尺寸看到它們真的很驚喜。當觀看全景的時候,我們有一個關鍵時刻帶你回到一個特殊的地方。

如何打造空間計算應用的真實感和沉浸感

通過專注于一個特殊功能來思考你自己應用程序中的關鍵時刻,你可以用你已經擁有的內容讓你的體驗變得獨特和難忘,你可以用深度和尺寸來增強一個時刻,或者改變某人的空間,幫助人們專注于一項任務,或者喚起一種感覺,你可以創造難忘的體驗。

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

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

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

三、總結

小結一下,在打造具有沉浸感和真實感的應用設計時,我們要充分考慮XR設備的獨特特性—空間沉浸體驗。因此在設計空間體驗時,我們可以根據視覺及聽覺信息來管理用戶的沉浸感受,盡可能多的借鑒及洞察來自物理世界的線索,給用戶真實且沉浸的視聽觸體驗。

本文由 @Vicky。 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自蘋果官網

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!