陌北默

这是一篇介绍VR设计的全过程的经验分享,我们可以一起来学习一下VR设计中,怎样做才能做好用户体验和流程设计。

交互设计与用户体验在VR设计中是尤为重要的,那么让我们一起来看一看,Alfa Laval这家公司在接到VR设计任务的时候,他们是怎样思考并解决问题的。

 

Alfa Laval是瑞典的一家有着100年历史的工业公司,在行业内处于领头羊的地位,一直想要以创新的方式展示其在丹麦阿尔堡新建的工厂。在去年,我们与他们正式合作,并在一个月内,我们开发了一个VR体验空间,可以实现他们的这一想法。

我们坚信,这项技术有潜力改变公司与客户之间的互动方式,就像过去十年里,移动应用程序所做的那样。因此,我们想深入探索除娱乐业以外,VR体验在其他领域的可能性,并且创造有意义的VR体验。这篇文章讲述了我们的设计过程,我们的一些设计理念和原则可以帮助我们更好的创造出令自己和客户既满意又有价值的产品。

 

对于导航和交互的探索

这是一个非常大的场景

我们选用的目标硬件是HTCVive这一款机型,原因是它让我们不必再担心移动VR中可能会出现的性能问题,能够帮助我们更好的专注于学习和试验。我们在Unity(一款软件)内部建立了一个简单的3D环境,并在其中设置了导航。客户给我们送来了一个CAD三维模型,这个3D模型是他们最大的机器之一,我们把它放在我们创建的建筑中间。除此之外,我们让站在机器内部成为了可能,这一点可以使用户产生良好的尺度感,并容易理解这台大型机器所需的物理空间的大小。

 

增加人物角色的设计元素

我们探讨了在环境中增加一个人物角色作为向导的想法,然后将这个人物角色命名为“Milla”,旨在引导用户通过VR体验来了解如何进行导航。虽然我们无法在短时间内实现全部功能,但我们想要通过增加Milla这样充满活力的人物角色,探索一些有趣的可能性。

Image title

 

直观的导航

我们在VR中设计了一个3m x 3m大的物理区域,用户可以在这一空间范围内进行走动,并且可以从不同的角度观察事物。另外,我们还使用了一种简单并且在VR领域中非常普遍的传送技术,只需要你按下并握住一个按钮,同时将控制器指向你想去的任何地方,当释放按钮时,你就会立即被传送到那个位置。

 

引导用户

在做了大量的用户测试之后,我们意识到,仅仅依靠声音是很难起到引导用户的作用,于是我们决定在监视器上添加一个第三人视角的摄像机视图,利用这一原理,站在物理世界中的观察者或人就可以使用它来指导体验中的人。此外,观察者可以在环境中的任何地方放置标记,这个标记可以用来引导VR体验中的用户。

 

利用VR的力量

由于我们是围绕着机器和机器的不同部分来展开工作的,所以我们使用了一个3D模型,用户可以通过一个简单的手部动作就可以看到机器内部的部件,就像一张爆炸图。这个功能带来了许多其他有趣的想法,例如添加有关零部件的信息和订购替换部件的选项。

Image title

 

由用户控制的运动

早期的原型我们是在大楼的第二层建立的。我们在其中安装了一个货运电梯,用户只要踏进去,按下按钮就可以上去了。在第一次的原型中电梯的运动曲线是线性的并且速度非常快,这种运动会使人们感觉非常不愉快。之后我们调整了电梯的运动曲线和长度,减慢了它的速度,并且在启动和停靠时做了平稳的缓冲,这些调整都使人们在乘坐电梯时,感觉非常自然,在一定程度上减少了恐惧与不安的情绪,每个用户对于运动的敏感程度都有所不同,这正是在VR设计中需要着重去考虑的部分。

Image title

 

对工厂环境的观察

在做出决定之前的研究

该项目的主要目的是让更多的人有机会能体验他们在奥尔堡的测试和培训中心,同时减少 Alfa Laval及其客户的旅行时间和费用。

在我们决定采用哪种方案和使用哪种VR平台之前,我们希望更好地了解客户的产品和他们的实际需求。我们被邀请到丹麦奥尔堡的实际测试和培训中心,在那里我们有机会体验空间,更好地感受那里的空气、尺度、气味、声音、光线和品牌。

参观结束后,我们和客户坐下来讨论我们的选择。我们很快意识到,即使有像htcVive这样高端的VR设备,我们也不可能在没有性能问题的情况下复制这样一个如此详细的环境。客户还在寻找比电脑更具有灵活性的解决方案,他们可以发送给他们在全球各地的销售人员。基于这些信息,我们选择使用三星VR移动式耳机来进行工作。

这个决定让我们开始重新考虑我们的宏伟目标。我们决定,我们将创建一个高质量的360°渲染的测试环境和培训中心,并以此为基础来进行接下来的研究。用户在其中可以环顾四周,选择建筑中的不同热点来进行体验,并且每个热点都包含其中某台机器的360°视频。在整个体验过程中,会有一个会话声音来引导用户。

Image title

UI流程图

优化设计理念

对于任何类型的项目来说,只有一个月的时间通常是非常紧张的,所以我们决定尽快把我们想法的详细的版本写在纸上,看看哪些部分是最重要的。我们的第一次迭代的概念有一个欢迎的页面,这个页面就是对用户体验的介绍以及测试和培训中心所有机器的导览。当用户完成全部的游览后,他们可以自由地探索建筑中的不同热点。

我们在UI流程中提出了这个粗略的概念,并将我们的第一个基本的迭代版本演示给用户,与此同时有很多问题浮出水面,比如“我们是否需要有完整的导览,而不是让用户从一开始就自由探索?”、“扬声器的声音持续多久就会让用户产生厌烦心理?”、“我们是否需要为新手用户安装内置的VR系统?”、“我们是否可以移动一些机器,让它们更接近体验中的人?”,所有这些问题都很有道理。我们和客户一起决定跳过全局介绍这一环节,这一决定使得一切都变得更加容易,同时也能为用户带来更好的服务。我们做了一个假设,就是大多数人都不会想要一次性体验工厂中全部的设备,特别是在一个会话中。

 

迭代和测试

我们相信,通过早期测试和短期迭代可以帮我们更快地达到目标预期,并且更容易发现潜在问题。 当我们在3D中完成了一些基本的工作后,我们快速渲染,并将其放入Unity中,在VR耳机上进行尝试和完善,我们可以很容易地看到设备在建筑物中的位置是否正常并作出更正。 如果我们在完成全部3D工作跳过测试就直接渲染,那么我们会错过许多事情,并浪费大量宝贵的时间。我们使用相同的迭代方法来开发功能或实现UI元素、音乐/声音和视觉效果。

 

让客户参与到其中并且共享VR建筑

看一段VR体验的2D视频是一回事,戴上耳机则是完全不同的体验。 在大多数项目中,我们尽可能快地制作出高质量的原型,让客户理解我们的想法并为愿景获得正确的感受。 这在设计VR时显得格外重要。 直到你戴上耳机,你才真正的明白它的含义。 为了确保我们在循环中保持客户端,并且与我们正在构建的东西上保持一致,我们发送了应用程序的Alfa Laval规则构建。

 

360°渲染的好处

360°渲染基本上是指一个在3D场景中使用6个不同的相机生成的高质量,高分辨率的3D渲染。 渲染器将不同的相机渲染图像拼接成一个大图像,然后您可以在应用程序Unity中将其用作立方体贴图纹理。 这就使你在3D空间内产生了错觉,尽管它只是一个包裹在用户周围的大图像,但你仍会有一种深度感。

Image title

 

使用360°视频

VR中的视频功能非常强大,可以帮助用户以全新的视角看待事物。因为我们不需要他们能够与世界互动,而只是观察,这是我们采取的一条很好的途径。 我们能够在一天内拍摄所有视频,并将它们带回工作室。 我们已经在Unity中做好了准备,所以我们可以很容易地更换视频源文件。

处理这些视频时需要考虑的是不同硬件上的性能,它将如何增加应用程序的文件大小以及渲染时间。 在某些情况下,您可以使用视频其中的一个较短的片段来缩减文件的大小,并在不引起用户注意的情况下对其进行循环。

 

UI

从导航的角度来看,我们希望尽可能简化元素,使其成为无缝的学习体验,而无需按键或信息妨碍机器运行。 启动页面包含logo,欢迎信息,开始按钮和一些音乐在背景中播放。

点击开始按钮打开大楼内的灯光,您可以在机器大厅中环视四周,同时扬声器语音介绍测试和培训中心,并告诉你能从中获得什么。 如果用户想继续,他们有一个“跳过介绍”按钮,只要他们低头俯视,便可以看到。

Image title

在介绍之后,用户会在整个建筑中看到几个热点,让他们四处看看,然后选择一台机器来观看关于它的视频。如果用户向下看,他们可以看到一个“重启”按钮再次回到开始屏幕。

Image title

点击热点打开一台或几台机器的360°视频。 有些机器需要使用文本标签来突出显示,以便用户可以更容易查看扬声器语音所指的是哪些机器。

Image title

另外,我们还使用了后退按钮,以便用户可以返回到热点视图和重播视频按钮。

Image title

 

视觉效果

为了增加场景的深度感,我们创建了一个粒子效果来模拟空气中的灰尘感, 使它透明和微妙,同时增加一些动荡,最终达到了完美的视觉和触觉体验。

 

音效和音乐

在试用应用程序的早期原型时,我们很快就会发现,视觉效果和音频中缺少了一些东西。 为了让欢迎屏幕变得更加积极和有趣,我们创造了一个欢快的音乐作品。当用户开始体验时,大楼里的灯继续亮着,我们添加了电灯开关的声音,并在后台启动并巧妙地运行机器的噪音,增强了进入机房大楼的错觉。我们还为UI中的按钮创建了悬停声音和选择声音。除此之外, 我们添加了扬声器语音。

Image title

 

展望未来

在Alfa Laval的百年庆典上,我们有机会向更多的观众展示我们的作品,这是获得新见解的绝佳机会。 参加这次活动的人与我们测试过的目标群体不同。 大多数人在40-60岁之间,其中大约一半人从未尝试过VR。 最初,人们有些犹豫,但在第一次测试之后,很多人都跟着去了。 大多数用户都喜欢这种体验,并了解产品的用途和价值。

 

结论

我们在头脑风暴中得到了很多乐趣,讨论了在哪里以及如何在其他部分中为为客户带来价值。 AR内部的可能性是客户非常感兴趣的事情。 例如,有关于远程维护援助的想法。 例如,船上的一名船员通过他们的AR头戴式耳机得到快速的指导,在游轮机舱修理东西。他们可以看到一个包含信息的覆盖界面,并指导哪些部分可以替换或与之交互。远程助理可以很容易地将机组成员指向正确的方向。

使用VR需要设计师和开发人员具备很多不同的技能并且关注细节。 我们需要与游戏行业相同的技能,但改变我们在设计用户体验时的思维方式。 我们需要考虑你通常不会做的事情,比如晕车,对高度的恐惧,平衡感以及VR体验可能给人们带来的所有心理和生理影响。 与传统的数字体验相比,虚拟现实技术在智能手机或电视屏幕等平面二维平面上的体验更为强大。

大多数时候,在我们的用户测试中,人们在摘下耳机时都会面带微笑,并说出“哇!”。 虚拟现实技术是一个最佳的媒介,它让人们感受到一些特殊的东西并且在任何你想让他们体验的东西上投入很多。我们非常高兴看到我们接下来会做什么。

 

译文仅作学习用途,转载请注明:本文来自DUBEST原创翻译,如有其他用途请联系作者。

 

原文地址:ustwo

译文地址:UI中国

作者:Tobias Arréhn

译者:DUBEST(公众号)

 

转载请注明:韦德1946 » VR设计全过程经验分享

登录收藏

学UI就上韦德1946!越努力,越幸运!

“韦德1946www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
互联网垂直招聘网站「拉勾网」原型分享互联网垂直招聘网站「拉勾网」原型分享
“会说话的人,一开口就赢了”——语音交互中的机器话术研究“会说话的人,一开口就赢了”——语音交互中的机器话术研究
知识付费类app「得到」原型分享知识付费类app「得到」原型分享
交互设计师的核心价值交互设计师的核心价值
用户体验是玄学吗?用户体验是玄学吗?
从交互维度量化用户体验从交互维度量化用户体验
硅谷大神教Sketch三剑客炫酷设计硅谷大神教Sketch三剑客炫酷设计
“低保真到高保真”需要多少次的推敲与考量“低保真到高保真”需要多少次的推敲与考量
超全面!给零基础设计新人的交互设计学习资源超全面!给零基础设计新人的交互设计学习资源
「菜鸟裹裹」原型分享「菜鸟裹裹」原型分享