隨著虛擬現實(VR)逐漸走向主流,設計師和開發者們開始著手構建Bullet Proof技術及方法以使VR環境及體驗更加有趣、逼真。以下是一些關于如何為room-scale(房間規模)VR交互式體驗設計用戶界面(UI)的一些小技巧。
VR中有哪些類型的UI元素?
我們大多數的VR理念起源于電影和游戲。在創建360°環境時具有一些特殊性,但是我發現從你知道的東西開始,然后適應新的媒介總是有用的。
VR設計中的3種UI類型:
Diegetic UI(劇情性UI)
劇情性UI是讓環境中的物體自行向用戶展示信息,例如,墻上的鐘顯示時間。對于用戶來說可能很難知道這些物體是否可以交互;通常,如果用戶應該與這些對象進行交互,則必須向這些對象添加視覺工具或“提示”。 實際上,它們與環境的天然契合使得這些對象更加沉浸,但有時交互性并不是很明顯。
Spatial UI(空間UI)
這些都是處于3D空間中的非現實物體或平面設計,通過增加深度、光線、焦點、調整大小以對應環境中的其他物體。形狀越不真實,用戶越容易理解它是一個外來元素,并禁不住誘惑開始與它交互。因為外觀和感覺不同,所以空間UI容易影響VR的沉浸感,但是對于用戶理解該對象是可以交互的這一方面卻非常有效。
Non-diegetic UI(非劇情型UI)
在傳統的非VR項目中,UI通常顯示在界面的頂部,用來顯示生命值、得分之類的信息,通常被稱為HUD。這就是所謂的非劇情型UI-用戶界面跟游戲世界沒有什么關聯度,但是對玩游戲的玩家有一定的作用。在VR中,這種類型的對象具有與逼真的360°世界完全不相符的外觀和位置。它并不是3D空間的一部分,且沒有深度。如果你需要推送對用戶至關重要的信息,那么這種類型的對象對于基于智能手機的VR及Room-Scale VR非常有用。
無論你做什么,請記住沉浸在新現實里的感覺,正是這一點才使得VR如此特別、獨一無二。UI不應該讓用戶感覺到他/她不是所處環境的一部分。
你應該牢記在心
首先,您需要創建2D草圖來檢測您的想法,并規劃各種UI元素的顯示位置。你的360°視角可能看起來像這樣:
如果你認為文本元素需要大一點以方便閱讀,并且鏈接需要容易指向和點擊,我可以向你保證的是,信息顯示屏并不是越大越好。想象一下當用戶看到屏幕上這么大的選項面板是多么崩潰:
縮小。當用戶站在1.5米之外,下圖中顯示面板的尺寸就是最完美的大小。
以下就是你在VR中看到的舒適視角。
當你把360°界面草圖劃分成10x10的比例,文本應該只需占1%。標題可以大一些。如果占2%—4%,那么在VR中看依舊很大。
那么,在設計360度UI時,你需要記住什么?
文本應該靠近與它所涉及的對象,眼睛應該能夠在同一距離內聚焦。
文本應該在我們的眼睛的前面或稍低位置,以便更自然地閱讀,同時對于頭部來說這個位置也是舒適的。
較長的文本應以易于攜帶和方便保存的格式呈現,這樣用戶可以將其移動到自己最佳的視角進行閱讀。最好的實現方式是通過在現實生活中可以找到的對象來提供更長的文本,例如在一本書中。
關鍵信息可以大一些,甚至可以隱藏大多數背景以刪除空間參照。
在空間及時間上UI應該成為故事的一部分,不應當成為障礙。
UI應該有助于增強沉浸感。
應添加聲音效果以添加逼真的沉浸感。
盡可能減少文本;應以保持沉浸感為優先原則。
額外的小貼士:
快速在移動VR設備上上傳你的360°草圖或樣本進行測試,以對草圖的大小、可讀性、位置及互動性有所了解。
原型
所有新技術都以同樣的方式開始:創意及原型。但最重要的是,我們從錯誤中學習。在那個令人失望的時刻,我們意識到我們未達到目標,但是同時我們也被大量的知識洗禮著。有一些錯誤非常明顯,你只能允許它們出現一次——當你開始接受它成為整個創作過程的一部分時,你將會對此一笑而過。
(審核編輯: 林靜)
分享