如何将虚拟现实融入移动应用原型设计
已发表: 2018-02-25你的原型越接近你的最终产品越好
在 90 年代,虚拟现实将改变世界。 《割草机人》 、 《黑客帝国》和《 Existenz 》等电影将 VR 塑造成一种近乎超自然的力量,能够创造出充满危险的平行世界,以及超越人类正常能力的力量。 甚至还有一些早期的消费级 VR 工具,例如 Nintendo Virtual Boy 和 Sega VR Headset。
然后这一切似乎都消失了。
在很多方面,那些早期的日子就像 VR 的童年。 我们有远大的梦想(和恐惧),对于它如何运作以及它实际上有什么好处的想法非常模糊。 VR 工具粗糙且昂贵,世界还没有准备好。 这不仅仅是技术问题——我们刚刚开始了解如何开发直观的 UI(而 UX 设计仍处于早期阶段)。
然而,现在我们准备好了。
VR 在过去几年中呈爆炸式增长。 您可以将手机变成带有 15 美元 Google Cardboard 显示屏的 VR 工具,甚至可以使用一些基本的工艺工具自己动手。 即使是功能强大的沉浸式耳机,如 Oculus Rift 或 HTC Vive,其成本也低于高端 Apple MacBook。
而且与 90 年代不同的是,消费者的需求是巨大的。 根据 Zion Market Research 的数据,到 2022 年,全球虚拟现实市场将以 54.01% 的惊人复合年增长率继续扩大,届时价值将达到 268.9 亿美元。 另一项研究表明,2016 年,来自 Google Play 和 App Store 的 VR 应用下载量增长了 276%。
然而,对于开发人员和设计人员来说,这仍处于早期阶段。 有很多 SDK 和设计工具,但对于想要在不深入研究代码的情况下创建功能性虚拟现实原型的移动应用程序设计师来说,那里并没有很多东西——直到我们的 VR 组件库,就是这样。
移动虚拟现实应用程序现在在哪里
实现虚拟现实有两种基本方式:三个或六个自由度。 三自由度是 Android 和其他移动设备的虚拟现实现在的工作方式。 用户可以向任何方向看,并与他们所在的虚拟空间中的对象进行交互。一些专用的 VR 控制器允许六个自由度,这意味着该应用程序还可以跟踪用户在房间内的移动,从而为与虚拟空间。
为什么智能手机不能做六度? 虽然您的手机擅长跟踪方向的变化,但它无法准确地跟踪物理空间中的运动。 事实上,目前,VR 控制器需要一个带有外部传感器的专用房间来实现六度 VR,以及一个外部设备来处理处理。
由于以下几个原因,大多数移动应用程序原型设计都集中在三个方面:
- 它广泛可用,因此有更大的市场。
- 您可以在任何地方进行,而不仅仅是在一个特别配置的房间里,连接到一台计算机上。
- 您不需要特殊(且昂贵)的设备来使用或测试它。
很难准确地说出虚拟现实将如何发展,但很有可能六度仍然是虚拟现实中的一个狭窄领域。 VR 的一大优点是它可以让你摆脱物理环境的限制,如果你必须配置整个虚拟空间,你就会失去这个好处。
虚拟现实应用程序开发
你的原型越接近你的最终产品越好。 仅仅因为在产品完全开发后对其进行更改的成本远高于对原型进行更改的成本。 您的应用原型应尽可能模拟您的应用的功能、UI 和用户体验。 通过这种方式,您获得的反馈更接近您在应用准备就绪时与用户进行测试时所期望获得的反馈。
为你推荐:
话虽如此,您的 UI 库对于 Android 或 iOS 应该是最新的。 需要支持注视控制,以便您可以以复杂的方式与应用程序交互,即使您只是将智能手机用作控制器。 交互和动画需要同样出色,这样您才能在原型设计中确定设计元素。
在很多方面,获得恰到好处的虚拟现实原型制作工具更为重要。 一方面,您不能依赖适用于移动应用程序原型设计的久经考验的真实设计惯例。 当您有 360° 和三个轴可以使用时,一个在 Android 屏幕上可能看起来很棒的简单界面不一定会翻译。 虚拟现实应用程序将引发拟物化与材料设计的争论,这是一个很好的选择,最佳实践将会改变。
你也不能依靠你的直觉和粗略的草图。 您需要尽可能详细地模拟它的工作原理,这样您就可以在投入时间创建最终产品之前做好它。
此外,创建图形丰富的沉浸式环境将比通常在移动应用程序原型设计中重要得多。 您要求用户将屏幕绑在他们的脸上,这很不方便——他们需要从屏幕中获得更多,而不是完全相同的按钮做同样的事情,但现在漂浮在空间中。
使虚拟现实变得有趣的许多因素将取决于交互和微交互。 如果一个物体在平面屏幕上发光或投下阴影,这只是一种效果。 它可以与其他设计元素交互,但它仍然从用户中移除。 在虚拟现实中,用户实际上可以与光源进行交互。 您可以使用距离来表示优先级,或者让用户朝不同的方向扫视以完成不同的任务。
这为创新设计师创造了以全新方式取悦用户的机会。 您可以使用实际模拟聚光灯突出重要任务,或更改房间设计以响应用户的情绪或特定任务的性质。 动画元素可以通过摇晃来营造紧迫感,或者向用户移动以吸引他们对新信息的注意。
但是如果不对用户控件进行原型设计,就无法一起测试这些元素。 当您与屏幕交互时,看似直观的用户流程可能是绝对的噩梦,而当用户用他们的目光控制一切时。 您需要能够实际模拟用户与环境交互的方式,否则您可能会在项目后期遇到不幸的唤醒呼叫。
您需要所有这些都以与您的 2D 应用程序开发工作流程相吻合的方式工作。 如果你想同时支持 VR 和传统界面,你不需要学习一套全新的工具,或者模拟一个应用程序的两个不同原型——你应该能够在同一个框架内设计和测试两者。
如何在 Proto.io 中制作 VR 应用原型
Proto.io 开发了一个 VR 原型设备库,使设计人员和开发人员能够使用与传统移动应用程序原型设计相同的直观 Proto.io 工作流程来模拟他们自己的 VR 体验。
用户可以在几分钟内上传 360° 照片和设计演练。 Proto.io Asset Flow 与 Sketch 和 Photoshop 等行业标准工具无缝集成,使得在梦幻般的虚拟世界中模拟演练就像在房子内部游览一样容易。
我们的 VR 组件库还可以轻松模拟菜单和其他基于注视的控件、添加动画和声音以及调整布局以充分利用虚拟空间。 您可以在任何运行 Proto.io 应用程序的设备上预览您的原型,为您提供难以置信的灵活性。 例如,您可以使用 MacBook 在 Web 应用程序上构建场景,然后对其进行测试并调整适用于 Android 的虚拟现实版本,然后在 Oculus Rift 或其他高端 VR 耳机上进行演示。
开始使用虚拟现实应用程序
我们整理了一些教程来帮助您开始使用 VR。 无论您是想要进入 VR 的经验丰富的开发人员,还是对 VR 原型设计完全陌生,创建基本的 VR 环境都是很好的第一步。 大约三分钟后,您将了解如何加载 VR 容器、添加图像并在您的设备上查看它。
完成后,无需离开 Proto.io 即可查看我们的按需网络研讨会 VR 原型制作。 首先,我们将向您展示如何使用令人惊叹的 360° 图像制作您的第一个交互式演练。 然后,我们将教你如何制作游戏菜单,按钮会在你按下时展开、发光和发出声音(你也可以单独观看游戏菜单教程)。 在此过程中,您将学到很多对构建其他虚拟现实应用程序有用的技能,包括:
- 制作对用户注视做出反应的 VR 按钮。
- 触发场景变化。
- 使用平面图像和信标来指示不同类型的场景变化。
- 将声音融入您的 VR 应用程序。
如果你是 Proto.io 的新手,你也会对一切如何协同工作有所了解。 尽管 VR 容器在某些方面很特别,但我们已尽可能保持工作流程的一致性。 如果您有构建应用程序的经验,并且您是那种只使用手册作为最后手段的类型,那么它应该会让您上路。 否则,我们的用户指南应该包含您需要了解的所有内容。
如需更多设计和 UI 见解,我们强烈建议您浏览 The UX of VR。 在那里,您会发现大量精彩的视频、文章、书籍、幻灯片和其他资源,让您成为虚拟现实用户体验方面的专家。
这篇文章首次出现在 Proto.io 博客上,经许可转载。