如何为房间规模VR交互式体验设计UI?

电工入门 2年前 (2022) aysz01
0

        随着虚拟现实VR)逐渐走向主流,设计师和开发者们开始着手构建Bullet Proof技术及方法以使VR环境及体验更加有趣、逼真。以下是一些关于如何为room-scale(房间规模)VR交互式体验设计用户界面(UI)的一些小技巧。

VR中有哪些类型的UI元素?

我们大多数的VR理念起源于电影和游戏。在创建360°环境时具有一些特殊性,但是我发现从你知道的东西开始,然后适应新的媒介总是有用的。

VR设计中的3种UI类型:

Diegetic UI(剧情性UI)

剧情性UI是让环境中的物体自行向用户展示信息,例如,墙上的钟显示时间。对于用户来说可能很难知道这些物体是否可以交互;通常,如果用户应该与这些对象进行交互,则必须向这些对象添加视觉工具或“提示”。 实际上,它们与环境的天然契合使得这些对象更加沉浸,但有时交互性并不是很明显。

如何为房间规模VR交互式体验设计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°视角可能看起来像这样:

如何为房间规模VR交互式体验设计UI?

如果你认为文本元素需要大一点以方便阅读,并且链接需要容易指向和点击,我可以向你保证的是,信息显示屏并不是越大越好。想象一下当用户看到屏幕上这么大的选项面板是多么崩溃:

如何为房间规模VR交互式体验设计UI?

缩小。当用户站在1.5米之外,下图中显示面板的尺寸就是最完美的大小。

如何为房间规模VR交互式体验设计UI?

以下就是你在VR中看到的舒适视角。

如何为房间规模VR交互式体验设计UI?

当你把360°界面草图划分成10x10的比例,文本应该只需占1%。标题可以大一些。如果占2%—4%,那么在VR中看依旧很大。

如何为房间规模VR交互式体验设计UI?

那么,在设计360度UI时,你需要记住什么?

文本应该靠近与它所涉及的对象,眼睛应该能够在同一距离内聚焦。

文本应该在我们的眼睛的前面或稍低位置,以便更自然地阅读,同时对于头部来说这个位置也是舒适的。

较长的文本应以易于携带和方便保存的格式呈现,这样用户可以将其移动到自己最佳的视角进行阅读。最好的实现方式是通过在现实生活中可以找到的对象来提供更长的文本,例如在一本书中。

关键信息可以大一些,甚至可以隐藏大多数背景以删除空间参照。

在空间及时间上UI应该成为故事的一部分,不应当成为障碍。

UI应该有助于增强沉浸感。

应添加声音效果以添加逼真的沉浸感。

尽可能减少文本;应以保持沉浸感为优先原则。

额外的小贴士:

快速在移动VR设备上上传你的360°草图或样本进行测试,以对草图的大小、可读性、位置及互动性有所了解。

原型

所有新技术都以同样的方式开始:创意及原型。但最重要的是,我们从错误中学习。在那个令人失望的时刻,我们意识到我们未达到目标,但是同时我们也被大量的知识洗礼着。有一些错误非常明显,你只能允许它们出现一次——当你开始接受它成为整个创作过程的一部分时,你将会对此一笑而过。

暂无评论

暂无评论...