400-807-8991
奇酷学院专注于VR/AR培训,欢迎您咨询本校VR/AR培训班
网站首页 >VR/AR培训 >VR教程 >WebVR内容设计进阶式指南:十二个方法助你从入门到精通

WebVR内容设计进阶式指南:十二个方法助你从入门到精通

来源:奇酷学院 点击量: 发表于:

随着VR的逐渐普及,WebVR也即将成为一种全新的上网方式。那么,对于内容设计者来说,在打造一款沉浸式体验的时候有哪些需要注意的地方呢?

一、UX的未来是怎样子的呢?

我相信VR/AR/MR是UX的未来,在明确这一点后,我希望学习应如何为其进行设计和开发。

VR是现在三者中最成熟的技术,但VR目前仍处于发展初期,UX模式仍然在定义中。

所以不仅要学习如何设计和开发,而且也需要自行制定UX模式,也许是帮助定义这一媒介。

二、为什么今天的UX设计师需要涉足沉浸式体验呢?

因为这是一个难得的机会,这使我想起了早期的互联网时代,当时一切都没有定论,一切都在定义之中。考虑到这一点,我很快就确定我希望在VR中进行实验,尤其是WebVR。因为这完全可以访问,我们只需要一个互联网连接和一台设备。这台设备可以十分简单,如廉价的安卓手机或笔记本;这台设备也可以是十分复杂,比如Oculus Rift。WebVR适用于所有人。

这同时意味着所有人都可以为其开发体验。

三、在VR/AR/MR创建沉浸式体验需要怎样的技能呢?

如果你知道一定的HTML和CSS最好,尤其是Javascript。一旦掌握相关知识,你会感觉自己成为了一名魔法师。

有时候会你很有可能需要一定的帮助,所以我会经常查看奇酷学院官网上面的一些就教程,讲师讲的内容十分详细,对我来说很有帮助。

四、今天WebVR UX设计师需要什么工具呢?

网上有大量的WebVR框架,其用例和复杂程度都不尽相同。A-Frame和three.js主要是使用代码,给予你的控制也更多;而Vizor、Hologram和Playcanvas等工具则允许你使用完全可视化的编辑器,但控制较少。你还可以选择其他类型的混合工具,如Sketchfab。

当我把目标定在WebVR,我开始探索潜在的方法。我最终选择了A-Frame,因为这项工具的使用人数多,网上存在大量的文档,易于使用,同时与Mozilla和开源社区相连接。第一步是根据样板文件开始捣鼓。这一直是我学习的方法,我不会观看教程或参加课程。A-Frame的样板文件十分简单。

除此之外,A-Frame提供自己独特的Inspect版本,但对于VR,我们可以通过在任何A-Frame项目上点击CTRL+ALT+I来访问。

这时会弹出一种虚拟编辑器,这样我就能在样板文件中随意捣鼓其中的元素,以及网上其他实时A-Frame项目中的元素。这帮助我理解A-Frame巧妙的实体组件结构,这看起来很像HTML,但它的却HTML。

五、你的第一个WebVR项目?

当我足够了解A-Frame及其工作原理后,我开始准备我的第一个WebVR项目(老实说,我经过的大量“训练”只是为了验证事情真的如其所示般简单,因为我不相信这样简单的代码可以创造出如此令人难以置信的体验)。

这时,我需要确定我希望开发什么,以及我该如何开发。我发表过很多次演讲,并在主持一个播客,它们通常位于世界上不同的地方,所以不是人人都能前往参加。于是,我决定在VR中创建一个人人都可以观看我演讲和播客的空间,就好象他们都和我位于同一个房间。这意味着我需要创建一个球体来添加我的360度视频,然后在这个球体上添加用于导航和交互的元素。

我从A-Frame提供的详细文档开始,然后创建了一个球体。接下来我添加由A-Frame生成的几个3D几何体,并使用Magicavoxel创建一些更复杂的3D元素,所有这一切都将位于球体之中,作为用户界面。

六、你当前的WebVR UX流程是什么?

当我开始学习Javascript时,事情开始变得很棒。将一些Javascript活动加入到A-Frame场景中后,一切都变得活灵活现。最后,我启动了我的VR体验,而全球数以千计的人正在使用它。

在用户测试和分析时,我发现用户没有利用体验完整的360度区域,而这样的情况同样发生在其他产品中。所以我制作了一个教程,向我的用户介绍WebVR。

通过讲述,以及实际引导他们,这个教程会向用户较少体验的本质。这时用户将开始真正利用我创建的体验,而这时我发现自己刚刚将整个UX流程应用到VR项目中去。

从设计和增长的角度来看,我感到非常满意,同时比我预想的更容易。也许最重要的是,我用这个作为概念证明在HubSpot推出了VR计划。

七、 在WebVR中设计UX后,你的结论是什么?

1、 首先,我们认识到我们现在有了一个全新的设计元素。虽然设计师一般使用红,绿和蓝的组合,但VR引入了第四个元素,即深度。这可以大大改变设计中的可能性。

2、 其次,你会意识到用户是否拥有3自由度(环顾四周)或6自由度(环顾四周和自由行走)将你构建体验产生重大的影响。

3、 第三,你会意识到,尽管声音在网页端上是一个“禁忌”,但对VR体验而言至关重要。

4.、第四,你会意识到最好的界面需要集成至环境中,而不是附加到用户上(如抬头显示器)。

八、你如何看待用户体验的未来?

我相信UX的未来在很大程度上属于MR。这是自然发展的一部分。我们已经看到设计从单个桌面体验,多个桌面分辨率,到有着多个分辨率的多个设备,再到甚至可能没有传统意义上的屏幕的设备等等。

通过这一点,我们可以看到用户实际上并不迷恋于他们的设备。他们很容易就会放弃旧设备并转向新的和更好的设备。相反,他们沉醉于设备提供的信息和体验。一旦这种信息可以整合到我们的现实世界中,我们对计算机,智能手机和2D接口的需求将几乎消失。

九、什么类型的专业人士会选择这种UX职位呢?

作为UX设计师,我们将看到他们在MR中发挥重要的作用。但与“UX设计师已经过时”的说法相反,我认为整个行业将会像往常一样发展。成为“UX设计师”的意思将会改变,并会随着MR的发展而急剧变化。

具有3D空间,声音设计,具身认知,空间处理,认知负载,本体感,人为因素和人体工程学经验的人员都将拥有巨大的优势。因此,这也是我开始这个项目的原因。

十、 UX设计师需要担心未来吗?

令人鼓舞的是,这个项目让我看到虽然设计技术和媒介将随着MR而改变,但原则在很大程度上将保持不变。如果你是一个基础水平很好的UX设计师,这种转变对你而言将会变得很自然。你只需要对它持开放的态度即可。

十一、你认为诸如深度学习这样的新兴技术会与VR/AR/MR相结合吗?

一般而言,新兴技术尽管本身像玩具一样,但当置于MR的背景下将变得非常有影响力。深度学习是一个很好的例子。事实上,深度学习和量子计算可能是MR大规模增长和普及的最关键因素。

能够扫描环境并了解这些环境,然后依此来定制体验,这是一些十分强大的东西,这也是MR感觉如此真实的原因所在。想象一下,有一只蜘蛛正爬过你的笔记本电脑。设备是真实的,但蜘蛛是假的,然而,你却不能将两者区分开来。

你的MR设备可以识别环境中的所有内容,并映射了笔记本电脑和桌面的物理属性(Hololens)已经可以做到这一点,即时创建了环境的虚拟网格)。它观察到房间里的照明,并将其投射至蜘蛛身上。或许它甚至会注意到你的笔记本电脑发热情况比较严重,并使蜘蛛避免它们。

十二. 它会带来什么样的商业机会呢?

商业机会将会变得十分宽广。Hey,你的可口可乐罐已经空了吗?好,我们将自动从亚马逊订购更多的可口可乐。Hey,眼镜的后置摄像头注意到,当你看到最新的梅赛德斯C系列时,你的瞳孔往往会扩大。还有你正考虑购买的陶瓷花瓶,但你不能确定它是否适合你的房间。只需看一下,你将能够把花瓶准确地呈现在你心中所想的位置。你可以从不同的角度观察,移动花瓶,任何事情都可以。现在Wayfair已经可以做到这一点。

VR/AR/MR的UX领域仍然等待着我们去定义,现在没有人可以想象沉浸式体验的完整样式。这意味着今天的UX设计师肩负很大的责任。无论好坏。我们今天创造的沉浸式体验将会塑造世界的未来。

WebVR的潜力也是相当的大,我们也相信,在不远的未来,各位设计师将会给我们带来大量优秀的VR体验。未来已来,而各位VR开发者们都会是打造这个未来的一员。

同时,如果你对VR内容制作感兴趣,并且正在寻找一个可以一睹VR风采的平台,那么,随时欢迎你加入奇酷学院VR短训课程。在这里,不仅可以学到你从未听说过的知识,奇酷学院还会给你提供你展示自己能力的平台。我们不仅有国内领先VR开发团队,还有很多专业的VR培训讲师,我们的努力只为成就你的未来!


热门文章

开课提醒

郑州 石家庄

郑州VR/AR
开课时间离开课还有

-

石家庄VR/AR
开课时间离开课还有

-

奇酷学院培训课程

猜你喜欢

VR/AR工具教程

VR/AR视频教程