如何不用代码进行VR原型设计?

编者注:上一篇文章我们探讨了「VR设计与用户体验」。本文,Adobe创意总监Patricia Reiners将以实例告诉你如何在Adobe XD中不使用代码进行VR原型设计。

每周我都会对虚拟现实技术所带来的创新可能性兴奋不已。我们现在迫切需要的是有意义有价值的VR用例。在Adobe担任创意总监期间,我有机会从事与「未来的工作」相关的项目。我的任务是思考未来的工作会是什么样子的,特别是在未来的5到10年。

在此期间,我意识到,当审视我们现在的工作方式和未来的工作方式时,将VR用于某些任务的潜力很大。自从COVID-19大流行,大多数国家都实行居家隔离政策的几个月来,这一点变得越来越明显。我们现在生活在一个远程工作正式到来的世界里,其带来了许多好处(当然,还有潜在的劣势)。

我想了解远程工作的主要痛点,以便找到VR的良好用例。经过初步研究,我得出了以下主要痛点:

  • 在家工作时很难集中精力。
  • 工作时可能会有很多分心的事情。
  • 没有专门的工作空间可能会很困难。
  • 在项目上很难协作。
  • 远程研讨会可能会有困难。
  • 很难在线进行构思会议。

经过研究后发现,人们在集中注意力方面存在问题。首先,在非常规工作空间中,许多人很难集中注意力。其次,人们需要更好的合作方式,尤其是在研讨会、构思会、甚至是普通的会议上。

将VR整合到我们的工作流程中的最佳方式是将其用于以上两个领域。这意味着需要在特定的专项任务中使用VR,而不是在整个工作日中使用。我坚信,未来的工作全在于协作和专注!因此,我必须开始着手设计一个能实现这一点的VR原型。

原型设计对VR构思的重要性

在本文中,我将引导你了解我的项目以及我是如何为这个项目创建原型的。我是一个设计师,而不是一个开发者。我的目标始终是提出一个出色的解决方案,一个可以用来测试的设计,并在不编写任何代码的情况下构建原型。

在这个项目中,原型设计是非常重要的。它有助于快速验证想法、进行用户测试、并调整设计。开始一个虚拟现实项目意味着要使用正确的方法和工具,这有助于设计体验。以下是我总结的三条建议,告诉你如何通过使用正确的工具和方法来快速启动VR项目。

进行VR设计的三条建议

所有数字设计的最佳建议可能就是:尝试一下! 如果没有构建可以在VR头显中可试用的原型,就不要开始做VR设计。

1. 从笔和纸开始

虚拟现实只是媒介,无论使用哪种媒介,你都应始终确保从产品设计基础开始:

  • 我要为谁设计?
  • 我要解决的问题是什么?
  • 将在何处以及什么情况下使用?
  • 我们为什么要这样做呢?

思考一下你想让用户达成的目标,甚至可以为你的体验制定一个小的电梯广告。

用笔绘制的故事板,用于VR原型。

把需要的场景描述成故事板,并草拟一些可能的资产和UI替代方案。还有一些网格模板可以帮助你把场景绘制为360°全景图。

2. 创建资产

在Adobe XD中为VR原型创建资产

完成草图后,你可以直接进入Adobe XD,在这里为你的设计创建资产。先为不同的场景创建不同的画板。VR的设计流程与应用程序和网站的数字设计流程非常相似;但是,需要牢记的是,导航是VR体验的关键要素。

我的VR原型主题是「协作和专注」,我聚焦于可以在虚拟空间中移动的各种元素,从而个性化你的整个工作区。对于集中工作空间,我的想法是,用户可以使用所有必要的信息和工具对其进行更改以满足其需求。例如,这可能是会议记录、草图甚至是最初的设计思路。

为此,我在用户面前创建了一个90°角的弧形虚拟工作空间。对我来说,测试这个角度是否真的有效,并且呈现出合适的信息量而不会使用户不知所措,这一点至关重要。

我的VR原型是在Adobe XD中用Draft XR插件创建的,主要用于在虚拟现实的会议和研讨会中与他人进行协作。

3. 使用Draft XR插件为VR体验进行原型设计

Draft XR是Adobe XD的一个免费插件,可以让你创建一个逼真的VR原型。该插件在本项目中提供了巨大的帮助。使用它可以快速测试你的想法,并对你的设计进行迭代。

使用VR工具进行原型设计需要一些基本的编码技能,并且需要花费更多的时间。作为一个设计师,在设计VR体验原型时,最有价值的事情就是能够戴上VR头显,然后在Adobe XD中测试你的设计。

VR原型演示了用户如何创建个性化虚拟工作区

在这个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版权协议正确标明出处。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,716评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,558评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,431评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,127评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,511评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,692评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,915评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,664评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,412评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,616评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,105评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,424评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,098评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,096评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,869评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,748评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,641评论 2 271