跃入VR/AR设计

本文概述

• 入门：沉浸于自我
• 第一人称与平面设计
• 新投入, 新挑战
• 回到基础：虚拟设计的过程
• 从小处着手：快速原型制作
• 可视化虚拟
• 保持真实
• 立即加入！

在三个维度上进行设计思考。

虚拟现实已不再是科幻小说的范畴。在过去的几年中, 虚拟和增强现实(VR / AR)市场一直在升温, 微软, 谷歌, HTC, Facebook甚至苹果等大型科技公司都加入了。该技术不再仅仅适合游戏玩家, 而是从汽车销售到企业培训, 它被广泛用于各种活动。福布斯(Forbes)预测, 到2021年, VR和AR头戴设备的销售额将达到8000万美元, TechCrunch提出, 到2021年, AR可能成为1080亿美元的AR / VR市场的主要驱动力。

目前, VR / AR的环境看起来有点像荒野的西部。现有的标准或指南并不多, 许多人仍然不确定VR / AR是什么以及它为什么重要。对于设计师来说, 虚拟现实设计和增强现实设计提供了一个机会, 可以参与创建和设计一个全新的行业-开发设计标准, 而不是遵循其他人概述的预设规则。

由于大多数设计师花了多年的时间在平面屏幕上磨练自己的手艺：计算机, 移动设备, 甚至是印刷设计, 因此跳入3D设计似乎很艰巨。得知你已经掌握了许多新技能, 这可能会令人惊讶。

与任何设计项目一样, 必须尽可能多地了解和了解平台, 目标受众以及你(或客户)想要达到的目标。现实点。这是一个新领域, 所以请不要低估掌握该技术所花费的时间-准备犯错误并向他们学习。

入门：沉浸于自我

最好的入门方法是, 如果你还没有体验过VR / AR, 并且曾经尝试过VR / AR, 那么现在就该沉浸其中了。由于这个领域太新了, 因此无法获得尽可能多的第一手经验就无法开始设计。

对于预算有限的初学者, 请先从Google和Apple App商店下载VR / AR应用程序到你的智能手机或平板电脑上。许多应用仍是免费的, 并且可供选择的种类繁多。选择Google Cardboard, 这是开始体验VR的最低成本方式。

如果你喜欢冒险, 又有更多钱可投入, 那么Google Daydream和Samsung Gear VR可以在低端提供更集成, 更高质量的体验。

增强现实和混合现实(AR / MR)使用耳机或移动设备将虚拟世界元素与现实世界结合在一起。虚拟现实(VR)将用户完全沉浸在虚拟世界中。

对于那些手头比较大的人, Oculus, HTC Vive和Sony提供了更专注于游戏的高端平台。这些都不是胆小鬼, 而且成本可能很高, 从完整的PlayStation VR套装的949美元到带有高端PC的Vive或Oculus系统的数千美元。这些系统还需要相当多的设置和精通技术。

在探索时, 请从UX / UI的角度记录下哪些有效, 哪些无效。确保考虑到技术限制以及硬件是在帮助还是阻碍用户体验。另外, 记下吸引你的元素是什么, 你喜欢VR的沉浸式体验还是喜欢AR的混合现实？这将帮助你确定在哪里花时间学习。

第一人称与平面设计

VR / AR都是关于三个维度的, 并且用户界面不再局限于平面矩形屏幕或表面。因此, 有必要更好地了解空间设计和空间UI元素。

空间UI元素的类型：

• 跟进-用户界面元素在环境中移动时会跟随用户, 并且不会固定。一个真实的例子就是你的汽车仪表板。

• 世界锁定– UI元素在环境中具有特定分配的空间, 并且不会移动。在现实世界中, 示例包括路牌, 交通信号灯或人行横道指示器。

开始考虑现实世界中的设计如何应用于虚拟世界。确保你考虑视线和字体大小, 并准备在VR中进行一些快速原型制作以测试你的假设。有时, 你可以使用对象上的热链接进行简单的交互。要进行更复杂的交互, 你需要创建具有二级甚至三级交互的动态菜单。玩家已经熟悉其中许多概念, 并掌握了每种类型的空间UI元素的重要性。

新投入, 新挑战

第一次, 要求用户与UI进行交互而不进行触觉交互。不再需要鼠标, 触摸板或触摸屏。尽管有些方法会模仿这种触觉交互, 但在大多数情况下, 用户将通过一些陌生的输入与虚拟环境进行交互, 因此了解这对UI设计的影响非常重要。

输入类型：

• 手势
• 注视(眼动追踪)
• 语音
• 硬件输入：
  • 平台特定
  • 触摸并单击控制器
  • 游戏控制器
  • 触觉的

每个平台或设备将具有自己独特的一组输入法, 并且可能具有上面探讨的全部或部分输入法；因此, 了解你要设计的平台至关重要。

回到基础：虚拟设计的过程

无论最终产品是什么, 每一个伟大的设计都以相同的方式开始。一旦你掌握了项目和目标, 便开始协作和集思广益。使用当前用于早期设计概念的任何东西：白板, 笔和纸或软件。收集反馈并进行迭代, 以在继续进行之前优化和缩小焦点。

与任何设计项目一样, 在集思广益阶段进行素描或白板书写是充实想法的最佳方法。上图显示了三维AR / VR仪表板的初始概念。

在完善了初始概念之后, 下一步就是通过创建用户流进入用户的心态。通过跟踪用户在用户界面中使用的路径, 我们可以确保该路径简单易懂。

最后阶段是线框。设计UI的布局方式以及用户可访问的方式。

从小处着手：快速原型制作

不要害怕在早期将草图或线框带入快速的VR / AR原型。它将帮助你解决想法中任何无法预料的问题, 然后再深入开发树林。

可以使用一些简单的工具快速测试一些早期概念：

• Sketch to VR –一个使设计人员能够使用Sketch创建Google VR演示的插件。创建和向利益相关者展示早期原型的绝佳工具。
• Vizor –稍微先进一点, 使设计师可以创建基于照片或3D场景的交互式演示。 Storyscape指导了如何入门。
• WebVR –一个开放平台, 可让你在Web浏览器中体验VR。

你还可以使用诸如Sketchup, Blender和Cinema 4D之类的软件来对VR / AR接口和场景进行建模和原型设计。另外, 如果你想直接进入VR / AR中用于设计和开发的主要工具之一, 请直接转到Unity并设置一个免费帐户。它有更多的学习曲线, 但是有很多教程可以帮助你入门。

一旦用户界面的想法开始成形, 就有多种方法可以为概念提供原型。上面显示的是在导出到Unity Pro之前在Cinema 4D中建模和动画化的3D用户界面元素。

从Unity Pro捕获运行时。

可视化虚拟

与传统的UI设计一样, 出色的视觉设计至关重要。应用你所知道的知识, 不要试图彻底改造轮子或太大地改变你的审美观。使用你已经熟悉的工具来避免不必要的学习过程(Adobe CC, Sketch, Framer等)。

请记住, 最终用户将使用该设备来体验你的UI。高分辨率的屏幕和耳机(平板电脑AR, Oculus, Vive, PlayStation VR)可实现更详细的设计以及更小, 更美观的字体。低端或小屏幕设备(智能手机VR / AR, Cardboard, Daydream, Gear VR)将需要使用更大, 更粗的字体和不太详细的UI元素。

保持真实

使用提示引导用户通过你的界面, 并始终在每次交互时提供反馈, 从而使用户迅速适应方向。坚持UX / UI最佳实践, 创建清晰, 简单, 用户友好的图形, 通过为用户提供熟悉的参考点和视觉隐喻, 让你掌握虚拟体验。

信不信由你, 这些年来, VR / AR逐渐摆脱了设计上的拟态性, 将其带回了世界。用手势转动拨号盘或拿起一个物体对用户来说很自然。只需问一下铁杆游戏玩家, 他们已经与虚拟世界互动多年了。

上图显示了一款为沉浸式儿童读物制作的迷你游戏。用户抓住零件并将它们放在蓝图上, 以构造机器人动力腿。

立即加入！

对于有创造力的人可以进入VR / AR的地方没有任何限制。这是一个充满新机遇的开放领域。很少有设计师能够涉足全新的事物, 并且拥有如此之多的可能性。身临其境的技术迫切需要设计师加入, 参与其中, 承担风险并做出新的尝试。

• • •

进一步阅读：

• 新现实：VR, AR, MR和设计的未来
• 增强现实vs.虚拟现实vs.混合现实–入门指南
• 互动环境和智能空间设计
• UI设计最佳做法和常见错误
• 空状态-用户体验最被忽视的方面