编者注:上一篇文章我们探讨了「VR设计与用户体验」。本文,Adobe创意总监Patricia Reiners将以实例告诉你如何在Adobe XD中不使用代码进行VR原型设计。
每周我都会对虚拟现实技术所带来的创新可能性兴奋不已。我们现在迫切需要的是有意义有价值的VR用例。在Adobe担任创意总监期间,我有机会从事与「未来的工作」相关的项目。我的任务是思考未来的工作会是什么样子的,特别是在未来的5到10年。
在此期间,我意识到,当审视我们现在的工作方式和未来的工作方式时,将VR用于某些任务的潜力很大。自从COVID-19大流行,大多数国家都实行居家隔离政策的几个月来,这一点变得越来越明显。我们现在生活在一个远程工作正式到来的世界里,其带来了许多好处(当然,还有潜在的劣势)。
我想了解远程工作的主要痛点,以便找到VR的良好用例。经过初步研究,我得出了以下主要痛点:
- 在家工作时很难集中精力。
- 工作时可能会有很多分心的事情。
- 没有专门的工作空间可能会很困难。
- 在项目上很难协作。
- 远程研讨会可能会有困难。
- 很难在线进行构思会议。
经过研究后发现,人们在集中注意力方面存在问题。首先,在非常规工作空间中,许多人很难集中注意力。其次,人们需要更好的合作方式,尤其是在研讨会、构思会、甚至是普通的会议上。
将VR整合到我们的工作流程中的最佳方式是将其用于以上两个领域。这意味着需要在特定的专项任务中使用VR,而不是在整个工作日中使用。我坚信,未来的工作全在于协作和专注!因此,我必须开始着手设计一个能实现这一点的VR原型。
原型设计对VR构思的重要性
在本文中,我将引导你了解我的项目以及我是如何为这个项目创建原型的。我是一个设计师,而不是一个开发者。我的目标始终是提出一个出色的解决方案,一个可以用来测试的设计,并在不编写任何代码的情况下构建原型。
在这个项目中,原型设计是非常重要的。它有助于快速验证想法、进行用户测试、并调整设计。开始一个虚拟现实项目意味着要使用正确的方法和工具,这有助于设计体验。以下是我总结的三条建议,告诉你如何通过使用正确的工具和方法来快速启动VR项目。
进行VR设计的三条建议
所有数字设计的最佳建议可能就是:尝试一下! 如果没有构建可以在VR头显中可试用的原型,就不要开始做VR设计。
1. 从笔和纸开始
虚拟现实只是媒介,无论使用哪种媒介,你都应始终确保从产品设计基础开始:
- 我要为谁设计?
- 我要解决的问题是什么?
- 将在何处以及什么情况下使用?
- 我们为什么要这样做呢?
思考一下你想让用户达成的目标,甚至可以为你的体验制定一个小的电梯广告。
把需要的场景描述成故事板,并草拟一些可能的资产和UI替代方案。还有一些网格模板可以帮助你把场景绘制为360°全景图。
2. 创建资产
完成草图后,你可以直接进入Adobe XD,在这里为你的设计创建资产。先为不同的场景创建不同的画板。VR的设计流程与应用程序和网站的数字设计流程非常相似;但是,需要牢记的是,导航是VR体验的关键要素。
我的VR原型主题是「协作和专注」,我聚焦于可以在虚拟空间中移动的各种元素,从而个性化你的整个工作区。对于集中工作空间,我的想法是,用户可以使用所有必要的信息和工具对其进行更改以满足其需求。例如,这可能是会议记录、草图甚至是最初的设计思路。
为此,我在用户面前创建了一个90°角的弧形虚拟工作空间。对我来说,测试这个角度是否真的有效,并且呈现出合适的信息量而不会使用户不知所措,这一点至关重要。
3. 使用Draft XR插件为VR体验进行原型设计
Draft XR是Adobe XD的一个免费插件,可以让你创建一个逼真的VR原型。该插件在本项目中提供了巨大的帮助。使用它可以快速测试你的想法,并对你的设计进行迭代。
使用VR工具进行原型设计需要一些基本的编码技能,并且需要花费更多的时间。作为一个设计师,在设计VR体验原型时,最有价值的事情就是能够戴上VR头显,然后在Adobe XD中测试你的设计。
在这个VR原型中,用户可以在虚拟现实空间中心无旁骛地完成一项任务,同时获取所有需要的资源。
对于设计师而言,VR改变了游戏规则
对于我们设计师来说,与时俱进至关重要。尝试使用工具将我们的想法原型化,以便能够以最佳方式咨询客户,并为未来将会抛给我们的问题提出最佳解决方案。VR的新维度和沉浸式体验为设计体验开辟了许多新途径。
我认为不需要任何花哨的工具或编码技巧来进行构思尤为重要。在实际设计过程中进行原型创作并能够在早期阶段测试你的想法是非常有价值的。我永远喜欢的一句话是来自Tom和David Kelle的,「如果一张图片价值1000字,那么一个原型就价值1000场会议。」
在Behance中查看完整案例:「在Adobe XD中使用Draft XR插件的完整案例研究」
英文原文:https://xd.adobe.com/ideas/principles/emerging-technology/vr-prototyping-without-code/
原文作者:Patricia Reiners
编译作者:微博/公众号@设计吐司
以上译文仅代表原作者观点。如需转载请遵循CC版权协议正确标明出处。