webvr沉浸式内容设计的先进指南
奥斯丁建立了一个个人实践过程，以研究和创造基于新兴技术的身临其境的体验。 现在他将和我们分享他的个人经验。
2017年8月29日，我们有幸采访了奥斯丁·奈特(ustinknight)。 奥斯丁目前在hub运动中工作。他是国际讲师出版作家uxgrowthpodcast的联合主持人。 一位ux专家。
如果您是产品经理；开发人员；设计师；作家；心理学家；或认为虚拟现实/ar/mr爱好者的未来体验，您应该继续阅读本文。
当谈到虚拟现实以增强现实和混合现实时，奥斯丁建立了研究和创建基于新兴技术的身临其境的过程。 现在他将和我们分享他的个人经验。 好吧，让我们看看ux设计师的分享。
虚拟现实是三者中最成熟的技术，但虚拟现实仍处于发展的早期阶段。 例如，当我邀请mozilr的caseye来到ux和growthpodcast时。 我们讨论了链接在虚拟现实中的风格。
因为这是一个难得的机会，这让我想起了早期的互联网时代。 考虑到这一点，我很快证实我想在虚拟现实中做实验，特别是在webvr。 因为它可以访问我们只需要一个互联网连接和一个设备。 该设备可以非常简单，例如便宜的android手机或笔记本电脑；该设备也可以非常复杂，例如oculusrift。 web虚拟现实适用于每个人。
这也意味着每个人都可以为他们开发经验。 我主要是远程工作，需要去世界不同的地方。 很多时候，这意味着我不能接触到最新的技术。
如果你知道一定的html和css，最好是jascript。 一旦你掌握了相关的知识，你就会觉得自己是个魔术师。 以下是这些工具的链接：a-frame（单击internet）和magicoxel（单击internet）。
有时你可能需要一些帮助，所以我选择a-frame支持文档a-frameslack和webvrslack。 如果你想得到灵感，你可以看看谷歌的webvr实验。你也可以看看我开发的webvr网站。
就个人而言，我建议从a-frame和magicoxel开始。 magicoxel的基本建模并将其引入a-frame。 然后在a-frame中创建动画和交互。
互联网上有大量的webvr框架。 a-frame和three.js主要使用代码给您更多的控制。 vizorhologram和playcanvas等工具允许您使用完全可视化的编辑器，但控制较少。 您也可以选择其他类型的混合工具，如sketchfab。
当我把目标定在webvr上时，我开始探索潜在的方法。 我最终选择了a-frame，因为在互联网上有很多文档，很容易使用，并连接到mozila和开源社区。 第一步是根据模型文件进行篡改。 这一直是我学习的方式。我不看教程或参加课程。 a-frame模型文件非常简单.
此外，a-frame提供了自己独特的inspect版本，但对于虚拟现实。 我们可以在任何a-frame项目上单击ctrlalti访问。
在这一点上，一个虚拟编辑器将被弹出，以便我可以篡改模型文件中的元素和其他实时a-frame项目的元素。 这帮助我理解a-frame巧妙的实体组件结构，看起来像html，但它是html。
当我对a-frame和它的工作原理有足够的了解时，我开始为我的第一个webvr项目做准备。 我经历了大量的训练来验证事情真的很简单，因为我不相信这样一个简单的代码能创造出如此不可思议的体验。
在这一点上，我需要确定我想要发展什么，以及我应该如何发展它。 我发表了很多演讲，主持了一个播客，他们通常在世界上不同的地方，所以没有人可以去。 所以我决定在虚拟现实中创造一个人来看我的演讲和播客的空间，就好像他们和我在同一个房间里一样。 这意味着我需要创建一个球体来添加我的360度视频，并将它添加到导航和互动元素中。
我从a-frame提供的详细文档开始，创建了一个球体. 接下来，我添加了由a-frame产生的几个3d几何，并使用magicoxel创建更复杂的3d元素。 所有这些都将位于体内作为用户界面。
当我开始学习jascript时，事情开始变得很好。 在a-frame场景中添加一些jascript活动，一切都变得活跃起来。 最后，我开始了我的虚拟现实体验，世界各地的成千上万的人都在使用它。
在用户测试和分析中，我发现用户不使用完整的360度区域，这也发生在其他产品中。 所以我制定了一个教程，向我的用户介绍webvr。
通过描述和实际引导他们，教程将向用户提供较少的体验。 在这一点上，用户将开始真正利用我创造的经验，我发现他们刚刚将整个ux过程应用于虚拟现实项目。
从设计和增长的角度来看，我感到非常满意，比我预期的要容易得多。 也许最重要的是，我使用这个概念来证明hubspot引入了虚拟现实计划。
首先，我们意识到我们现在有了一个新的设计元素。 虽然设计师通常使用红色、绿色和蓝色的组合，虚拟现实引入了第四元素，即深度。 这可以极大地改变设计的可能性。
第二，你会意识到用户是否有3个自由度（环顾四周）或6个免费步骤（环顾四周和免费步行）对您的建设经验有很大的影响。
我相信ux的未来在很大程度上是先生。 这是自然发展的一部分。 我们已经看到，从一个桌面到一些具有多个分辨率的设备的设计，甚至可能没有传统的屏幕设备。
通过这一点，我们可以看到用户实际上并不迷恋他们的设备。 他们很容易放弃旧设备，转向新的和更好的设备。 相反，他们陶醉于设备提供的信息和经验。 一旦这一信息融入我们的现实世界，我们对电脑智能手机和2d接口的需求就会几乎消失。
作为一个ux设计师，我们将看到它们在先生身上扮演着重要的角色。 但与ux设计师过时的想法相反，我认为整个行业将像往常一样发展。 成为一名ux设计师的意思将会改变，并将随着r先生的发展而迅速改变。
具有3d空间声音设计、认知空间处理、认知负荷、人工工程学经验的人员将具有很大的优势。 所以这就是我开始这个项目的原因。
令人鼓舞的是，虽然设计技术和媒体将随着mr而改变，但原则将在很大程度上保持不变。 如果你是一个基本的ux设计师，这对你来说是很自然的。 你要做的就是对它开放。
一般来说，新兴技术虽然像玩具一样，但在mr的背景下会变得非常有影响力。 深入学习是一个很好的例子。 事实上，深度研究和量子计算可能是mr大规模增长和普及的最重要因素。
能够扫描环境并理解环境并根据这些环境来定制体验是一些非常强大的事情，这就是为什么mr感觉如此真实。 想象一只蜘蛛爬过你的笔记本电脑。 设备是真实的，但蜘蛛是假的，但你不能区分它们。
您的mr设备可以识别环境中的一切，并映射笔记本电脑和桌面的物理属性(hololens)。 立即创建环境虚拟网格。 它看着房间里的灯光，把它投射到蜘蛛身上。 也许它甚至会注意到你的笔记本电脑更热，并阻止蜘蛛。
商业机会将变得非常广泛。 你的美味可乐罐是空的吗？ 好吧，我们会自动从亚马逊购买更多美味的焦炭。 哦，眼镜的后相机注意到，当你看到最新的梅赛德斯c系列时，你的瞳孔通常会扩张。
也许梅赛德斯应该开始播放广告，给你一个折扣，让你下订单。 房间里的女孩刚刚倒在地上，她在抽搐。 您的设备将立即识别问题，并实时通知护理人员细节，并告诉您在医务人员到达前如何处理。 你正在考虑买一个陶瓷花瓶，但你不确定它是否适合你的房间。
只要看看你能准确地展示花瓶在你心中的位置。 你可以从不同的角度看花瓶。 现在wayfair可以做到这一点。
每次我遇到这个问题，我都会推荐a-frame文档和google，或者在github或stackoverflow上找到答案。 如果我真的处于僵局。 a-frameslackwebvrslack有很多好人来帮助你。
vr/ar/mrux仍在等待我们定义完整的风格，没有人能想象沉浸式体验。 这意味着今天的ux设计师非常负责。 不管是好是坏。 我们今天创造的身临其境的体验将塑造世界的未来。
感谢ostinante现在有机会体验我们自己的身临其境的设计。 请尝试一下。 我相信你会喜欢的。