策划一场精彩的VR舞台剧——VR用户引导系统设计的四个技巧
| 导语 在虚拟现实中，创作者可以发挥无限的想象力，为体验者创建一个真实或超现实的环境，可以打破现实中的固有思维，也可以模拟出真实的视听体验……
由于目前VR领域还处在未成熟阶段，设计上也没有太多的前车之鉴。在为几个VR项目进行设计的过程中，我们尝试了各种方法来让用户得到更好的沉浸式体验。我意识到做好VR体验内的用户引导，是项目设计中十分重要的模块。因此我希望通过这篇文章，和各位对VR 用户体验设计感兴趣的朋友们分享一些我的思考。
VR内为什么要用户引导？
首先，由于VR市场仍处于刚起步阶段，先不论高价的PCVR设备（如HTC VIVE、Oculus、PS VR等），很多人甚至连平价的VR眼镜盒子（Google Cardboard）都未必尝试过。在开启一个VR项目的设计时，我们必须认识到我们面向的用户群体其中很大一部分都是第一次接触VR体验，如何保证他们的顺利体验，一开始的新手指引不可或缺。但同样不可忽视的是，我们还需要在正式的体验中辅助以一些轻度的指引，原因如下：
· 容易迷失 ：VR体验即沉浸式体验，交互界面不再限定于一个平面内，用户也较难感知到自己所处的位置与方位。
· 长时间佩戴容易产生疲劳 ：不同于手机、电脑等传统2D界面，靠用户自己摸索VR内各种功能可能会需要用户的头部的大量转动从而产生疲劳不适。我们需要让用户花更少时间去掌握体验中的各个交互，把时间留给精彩的内容体验。
· 容易错过关键事件 ：用户在全景的环境中，更有自主性、视野更自由。我们无法像设计传统2D界面一样将要传递的信息内容完整地呈现在有限的区域中，用户视野一旦超出了你的主交互界面，可能就错过了这一刻想要让用户关注到的视觉内容。
综上所述，引导系统在不过分干扰的前提下，能给予整个沉浸式体验带来较大的提升。无论是初次进入体验时的新手指引，与贯穿在整个体验中的轻度引导，在体验设计上都会有一些通用的特性，所以接下来我们会重点探讨一下这四个小技巧。
准备一场精彩的舞台剧！
经过几个VR项目的沉淀后，把设计VR体验的引导系统比作筹备舞台剧的前期工作再合适不过了。对于舞台剧整个场地结构的了解、再据此来进行道具的摆放、演员的排练到音效师的演练等等，恰好对应了我们在设计引导系统时所需要具备的全局思维、对元素的摆放、设计交互的反馈效果、音效设计这几项。那么准备好，让我们一起来准备一场精彩的舞台剧吧！
一、为了让每个观众都享受演出——全局思维
为了确保无论是前排观众，或是二楼观众都能享受到精彩的演出内容，整个团队都得预先进行多次排练。其中像是关键演员的走位是否一直保持在舞台中心位置、肢体动作幅度与其他辅助角色的差别、身上是否有标志性元素、在某个时刻是否需要为他打上聚光灯等等......通过这些方式，引导无论近或远处的用户都能持续关注剧情发展。
这些思路放在设计VR内引导系统上也是相通的。用户的交互体验空间从平面（手机、电脑等传统用户界面媒介）转变为立体三维空间。因此在设计引导系统的时候，也要求我们具备一个全局思维：什么样的情况用那种形式的引导元素？如何才能让用户注意到且不干扰他顺畅的体验过程？
1. 固定位置的引导元素
首先在舞台剧中，主剧情呈现如果在无人问津、太偏的角度和位置，可能会造成观众错过一些剧情。放在VR环境内，若是位置固定的引导元素，放在哪里也十分讲究。比如将引导回到主视野方向的箭头放在天空中，虽然利用了天空这个广阔的空间，并且不会对主视野有干扰，但由于在VR体验中抬头动作是个低频率的行为，这样引导设计可能就无法达到我们的目的了，我们通常会将一些没有实际的交互作用但却有存在意义的视觉元素放置在这个区域。
将无交互作用的产品logo放置在天空中，不干扰主体验内容 ©Vplus app
其次，就像舞台剧一样，我们有时候也需要给引导元素打上“聚光灯”，或者让它们“肢体动作”更加夸张。这是由于虚拟现实空间广阔，场景往往非常丰富，与主体UI样式太过相似的视觉元素容易被用户忽略。因此在设计时，我们必须尝试或通过差异化引导元素和主体UI之间的视觉样式或将环境暗化，使引导元素的视觉样式从环境中独立出来。
将引导箭头放置在高频的出错位置，并加上简单闪动特效 ©Vplus app
2. 动态引导元素
由于舞台剧场地较大，较大部分观众几乎无法看清演员的脸，如演员身上有一些固定的装扮，在剧情中的每次换装会保留着，那么观众就可以更直接地辨识出他所饰演的角色。就如同将某些动态引导元素维持一个固定的形态来引导用户完成每一步操作，能让整个引导体验更有一贯性，减少用户去理解的时间。需要注意的是，由于视野区域有限，引导元素的下一步移动可能会超出视野范围造成用户追踪丢失。
光球沿着 ©Vplus app
3. 跟随主视野引导元素
如果你在观影过程中，有个工作人员喋喋不休的在你跟前讲解剧情，想必会让你非常困扰。传统的2D界面，拍脸的弹窗和提示较为常见，但过频繁的使用也会让用户感到反感。同样在广阔的VR环境内，固定于主视野中某位置的引导提示可能也会造成用户体验时极大的干扰，因此除非是特别重要的操作提示，拍脸的提示都需要斟酌使用、或者根据使用情景动态显示。
引导主界面方向的指南针跟随头部转动，随着视野进入目标区域渐隐 ©Vplus app
二、讲究的道具摆放——运用Z轴
道具摆放的角度、位置对于一场舞台剧来说非常重要。对于VR内的引导系统，“道具”——各种引导元素的摆放也有别于其他传统2D界面：我们有了Z轴！有了Z轴意味着有了纵深感，能给用户带来真实的立体感受。对于Z轴的运用，以下是我的一些小心得。
1. Z轴+-，重要的放前头
通过不同的Z轴摆放，来给予各个元素不同的重要层级。像是体验中重要的出错提示，将其Z轴拉近从而避免被任何UI所遮挡，用户就能在出错时立刻感知到。另外，有时候将引导元素放大，Z轴拉远，也是一种避免过度干扰同时保持清晰度的方法。
2. Z轴+Y轴，平面也可变立体
就算是一个单薄的2D面片，也可以通过旋转Y轴或使2D元素卷曲来呈现出3D的效果，再配合上光影的渲染，用户能更加清楚的理解导向的目标在哪儿。
呈抛物线、引导至目标的射线 ©Vplus app
3. Z轴+X轴，假装我是立体的
对于移动端的VR体验，由于目前大部分机型内存相当有限，若有太多的3D元素需要渲染、会对性能消耗巨大。由于引导元素并非核心功能内容，需要尽量降低其对设备的损耗，尽量避免使用3D渲染，但好在我们有了Z轴，两个简单的2D面片也能模拟出3D的效果。
底座为3D石台，立面为保持面向镜头的2D发光图片 ©Vplus app
三、让演员和观众目光交流——强化Retical
对于一场舞台剧，演员和观众之间的火花会对整个演出带来很大影响，越热烈正向的反馈，演员越有动力，观众越能感受到演员的张力。由于VR环境相当于一个围绕用户的360度舞台，那么用户和各个UI元素之间的“火花”就需要更加“抓眼球“。在这其中，reticle的交互效果就相当于“火花”来引导用户去关注到各个功能模块。
首先介绍下reticle：虽然移动VR的体验还需要通过手机这个媒介，但交互的方式不再是通过触屏，而是需要通过头瞄来定位目标（无控制器的移动VR体验），通常在视野中心会有一个瞄点，即为reticle来执行类似PC端界面中的鼠标的交互功能。用户在虚拟的场景里，可以通过reticle来体验各种功能、产生乐趣甚至自我感知。因此reticle作为引导系统的重要模块，能够完整整个设计的流畅体验。以下是我对reticle在引导设计中的一些思考：
1. 悬停反馈要足够大
与鼠标的交互类似的是，reticle同样具备悬停效果（hover态），但不同于传统2D界面的有限大小，身处广阔又充满各种视觉元素的VR环境时，用户很容易忽略微弱的视觉效果，无法辨识到哪些部分为可交互的“物体”。因此不但要讲瞄准的可交互目标的反馈效果做的足够明显，reticle本身的变化也需要更加突出。
瞄准可投掷水球的目标区域与非目标区域时Reticle的不同样式 ©Vplus app
2. 瞄准热区要大一些
由于用户在进行VR体验时头部会晃动，无法像2D平面那样稳定，以致瞄准的精度会相对较低。我们可适当将交互热区扩大，但需要注意不和其他元素的热区重叠。
四、音效师是幕后功臣——3D环绕音
音效为舞台上的剧情增添更加真实的效果，有时候还能成为剧情的补充工具，可见添加合适音效是非常重要的。对我们的VR引导系统，音效设计也具备着不容小觑的重要性与优越性。
1. 音源的摆放位置
在现实中拥有一套家庭式立体环绕音设备价格不菲，但在VR内，你可以轻易为用户实现这个梦想。就好比远处的欢呼声，你可以很好的辨别是从远方传来，VR内也可以应用这一现实中存在的物理特性：有别于传统的耳机设备仅会区分左右声道，3D音效会根据放置的位置产生更丰富的如声音的传播速度、强弱等区别。在某个功能模块的界面附近放置适合的3D音效，从而引导用户观察到这个模块并进一步去了解与体验。
@Anthony Mattana，Linkedin
2. 语音代替文字
有过虚拟现实体验的同学应该领教过在VR环境内阅读文字是多么“费眼”了，代替大段的文字引导提示，我们可以选择用人声语音来引导用户，能更高效的达到你的设计目的哦！
排练即王道
总结了以上的这些小点，我想说由于VR这个领域对于无论是我亦或是大部分设计师还是非常崭新的事物，我们无法仅通过纸上谈兵就能获取到“正确”的设计。无论是怎样的设计，小到一个按钮，大至整个系统，都离不开多次的测试与调研直至达到较好的体验。就如同舞台剧的排练的重要性。虽然充满挑战和未知，但值得我们去探索，毕竟好的VR体验非常有趣炫酷不是吗？