[自译]VR 设计实践

在Media Lab的作者分享了他在本科项目中对VR设计实践的一些思考,阅读后能够帮助对虚拟现实中的体验设计建立一些基础的认识,其中对地形特征(terrain features)和标线(reticle)的交互解读让我感觉收获颇多,与大家分享。

1472565209-1081-658161-1c876fba8752b457

原文链接:Design Practices in Virtual Reality

原文作者:Jonathan Ravasz

虚拟现实技术(VR)已经获得了很大的发展动力,然而还是缺乏方法和设计上的最佳实践。在我的本科项目中,我关注的更多由VR技术带来的用户界面(UI)和用户体验(UX)带来的机会和挑战。

历史上的数字界面,已经是为了2D屏幕和硬件的需求而定制的。设计师们一直在显示的框架内去匹配内容和导航方式,将我们在真实世界中的体验转化为icon或其他的UI元素。逐渐发展的虚拟环境,如果都是2D元素将会影响VR提供的沉浸体验。为VR设计不应该是从2D实践转化到3D,而是寻找一个新的体系。

我的研究基础是基于文献来探索人类认知与环境的,比如James J.Gibson的“生态视觉感知方法”,John Zeisel的“调查设计”,Gaston Bachelard的“空间的诗”。尽管环境心理学的核心文献写于70年代,但是这些知识还是完全适用于虚拟现实的。

设计师应该扩大自己的专业知识,在不同的领域上,例如心理学、建筑、声音设计、照明设计和物理,为了能够创建完全可控的体验,通过塑造虚拟环境在VR中引导用户。

在我的项目中,我设计开发一个简单的VR体验,通过在一个中立的虚拟环境中通过用例来解决这些问题(类似于google在Cardboard Design Lab应用)。

以下的用例只会覆盖各种各样的新交互和VR解决方案的一小部分,同时新兴的混合现实(MR)也将会打开新的可能性。尽管在VR和MR之间会有UI和UX设计的重叠,都会是设计师们对技术需求寻找新的方法。

这些媒介的未来,取决于它们的内容。当前大多数的虚拟现实体验,都是裸露的真实生活的模拟。但是在繁荣的新技术尘埃落定后,内容将会适应媒介的新规范。这个即将到来的阶段,又需要新的设计解决方案,但是我们现在需要做的,就是专注于研发公司建立基础。

VR的设计解决方案

地面的作用

“当一个飞行员在云中的时候,看不到外面的飞机,他是非常迷茫的;当飞行员飞出了云后,看见了地面和地平线上的天空,飞行员就可以确定自己的方向。”(James J.Gibson,2015,p.19)。用户同样会在很差的虚拟体验中,遇到这种设计不良的情况,造成不可避免的晕眩感。VR中地面的层级关系和物理世界一样重要。

1472565260-7625-658161-cfce32017d32a297

大气

大气(空中)角度可以帮助用户来理解虚拟环境的规模,因此体验会更加自然,这哥现象的概念很简单:“一个物体越远,在大气中就会看得更加模糊,使对象远看起来的轮廓没有那么清晰,会比近物看起来更蓝一些。”(E.Bruce Goldstein,2013,p.230)。这个现象是一个深度和距离逐渐衰落的明确线索。

1472564873-9224-658161-4fd29b7073c31d2e

Masaccio使用大气透视来创造深度的幻觉

地形特征

James J.Gibson在他的著作《生态视觉感知方法》(p.62)中将地形特征分为了八类:

地面很少是一个开放的环境,通常是混乱复杂的,在一个开放的环境中,允许向任何方向运动,而在一个杂乱的环境中,只允许在一个开口的方向运动。

路径提供行人从一个位置移动到另一个位置,在不同的地形之间移动。

障碍物可以是一个动物大小的对象,提供碰撞。

水畔会组织行人运动。

峭壁或是悬崖的边缘,是一种限制的方法,表示危险区域,行人和动物应该避免去这些地方。

台阶与相邻的台阶组成了上升或者下降的通道。

斜坡能不能负担起行人的运动,依赖于它的坡度以及表面纹理。

1472565301-2558-658161-ec280ced78ef1ea4

地形特征:开放,路径,障碍,屏障,水畔,峭壁,台阶,斜坡

使用这些可控的特性,作为模块来搭建设计虚拟环境,会让VR体验很自然的执导人类的直觉。

通过音景引入用户环境

在虚拟现实中实现环境变化是很容易的,但是这些突然和压制性的变化会让用户混乱而且引发疾病。可以尝试通过淡入的环境音景温和的介绍新环境,然后再对图像进行变化。这通过声音建立了一个对图像的心理环境预期,降低冲击因素。

通过物体指引用户

在嘈杂的环境中去通过一定的路径导航用户,如果没有使用一些传统的指引UI元素是很困难的。但是使用了这些元素又会打破沉浸式体验。所以可以常识环境的细微变化,例如种满了花的地面上有一条空出来没种花的路径,这样是为了吸引用户关注正确的路径,仍能保持环境的真实。这些提示应当与环境相融合。(花不会出现在火星表面)

1472565038-8533-658161-a811864e5576e350

Firewatch的红花引导用户沿着正确的方向。

环境标线

在无追踪VR(e.g.Gear VR,Google Cardboard),使用标线是为了显示用户视线的指定点。它也用户运动和与对象交互。这些特定的任务需求标线会有不同的反应。

空闲状态-空闲状态时标线应当尽可能的小,只给出一个提示中心在哪。

运动-标线应当从用户熟悉的地方激活。当这样做时,标线应该转化成一个更大的指针,从用户的角度来考虑,高亮选择区域通过一个圆圈投影。

1

空闲状态与运动状态的区别

与对象交互-当用户关注到一个可交互的物体时,标线应该做出反应

2

空闲状态的转换与可交互标线

标线色值-标线应当根据背景亮度来调整它的颜色,在亮与暗之间切换模式,保持在照明条件下的可见状态。

对象作为标线-通过特定的3D对象来取代标线可以是一个很简单的提示交互(例如,将钥匙取代标线来打开锁)。

3

3D对象替换标线作为特定的交互

交互对象

如果不是全部对象都能产生交互,那么应该暗示用户哪些对象可以与之交互。情景下的标线可以在这种情况下提供帮助,但是在某些场景下味了避免混淆,交互对象也应该改变。这可能是一个物体阴影的小改变,甚至是看着它的同时一个微妙的声音描述它的行为(例如,隐约点击电灯开关)。

4

注视的时候可交互对象被激活

结语

虚拟现实正在成为一个有影响力的新媒介,就像在过去一个世纪力的收音机和电视那样。我们有机会去构建基础的界面,体验,和交互原则,而不是去将那些已经存在的解决方案认为理所当然。

引用:

1.Moggridge, Bill.Designing Interactions.Cambridge, MA: The MIT Press, 2007. Print.

2.Google Inc.Cardboard Design Lab.Google Play Store,Vers. 1.0.https://play.google.com/store/apps/details?id=com.google.vr.cardboard.apps.designlab&hl=en.

3.Gibson, James J.The Ecological Approach To Visual Perception.New York, NY: Psychology Press, 2015. Print.

4.Goldstein, E. Bruce.Sensation and Perception.9th ed.Belmont, CA: Wadsworth Publishing, 2013. Print.

5.La Jetée. Dir. Chris Marker. 1962. Film.

6.Parkin, Simon. “With Firewatch, Olly Moss Brings His Subversive Touch to Video Games.” New Yorker, 10 Feb. 2016.

7.“Display Reticle.”VR Design Guidelines. Google Design.https://www.google.com/design/spec-vr/interactive-patterns/display-reticle.html.

原文作者的个人站点:jonathanravasz.com

文/ShusQ(IAMUE翻译编辑、作者)

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/17262/

(0)
iouedioued
上一篇 2016-08-30 15:27
下一篇 2016-08-31 09:38

相关推荐

  • 设计规范如何写?这20个精选案例让你大开眼界

    如下为规范汇总页,里面囊括了许多大家熟知品牌的规范。1.Brand Style Guide Examples

    2017-06-02
  • 从交互层面探讨:不一样的 App 该如何设计?

    针对APP同质化现象,本文作者从从交互层面探索了不一样的 App 该如何设计,且谈及自己的解决方案。值得一读。     “首先占据人们大多数时间的同类型APP内容高度同质化,而风格取决于内容,在平庸的内容下只能诞生风格平庸的APP设计。其次,对于以商业目标为根本的APP应用设计开发,设计风格的投入产出比并不高(游戏依然除外),设计模式的流行以及交互方式的单一使得保守的设计投入产出更高。最后在现今的消费领域,功能主义盛行,界面设计中理性居于主导地位,设计风格显示不是理性思考的首要考量目标。”

    2017-05-04
  • 亚马逊语音交互设计规范(三)Alexa的回应

    作者:Amazon翻译:原形必录这篇是整个设计规范的重点,因为在设计语音交互时最主要的就是Alexa的回复内容,本篇给出了很多让对话更自然易懂的方法,希望对大家有帮助。往期回顾:《亚马逊语音交互设计规范(一)设计流程》《亚马逊语音交互设计规范(二)用户说的内容》本文讲的是Alexa如何表达能让人们更容易理解和更好的回应。Alexa能够以自然的对话方式来回应、通知,还能问问题。 在设计Alexa对用户说什么时,我们可以参考以下做法。本章目...

    2018-03-18
  • 用户体验:网页设计中错误提示的五种设计方法

    每个系统软件在运行的过程中都会出错,可能是用户操作造成的也可能是系统错误。基于这两种情况,如何正确的提示错误信息就显得尤为重要,它直接决定了用户体验的好与坏。一个好的错误提示必备的3条重要法则:清晰地文本提示语放置在正确的位置良好的视觉设计清晰的文本信息1. 错误提示信息应该简明易懂提示信息应该明确的表明发生了什么错误、发生的原因以及解决方法。将你的错误提示信息看作是一次对话,跟用户说人话。确保你的文案是礼貌性的、易于理解的、友好的并且...

    2018-04-07
  • 为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法

    你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结出一套优化方法来分享给大家,相互启发。

    2017-05-09
  • 交互设计快速检查清单 Interaction Design Quick Checklist

    #交互学堂#交互设计快速检查清单 Interaction Design Quick Checklist [one_half_col] 架构和导航Architecture and navigation Note 􀂅 是否采用了用户熟悉或容易理解的结构? 􀂅 是否能识别当前在网站中的位置? 􀂅 …

    2016-11-09
  • 运营设计常用“套路”拾趣(附实战案例)

    阳春白日风花香,又是一年芳菲至,在这最美的时节,各种运营活动又开启了,就此从视觉角度结合实战案例的小心得,对运营设计的“套路”浅谈一二。罗伯特.庞德说过:“这是一个两分钟的世界,你只有一分钟展示给人们,另一分钟让他们喜欢你。”

    2017-04-30
  • 十种数字字体免费下载

    当你数字和文字融合时,让数字脱颖而出是很重要的。 这些数字可用来吸引用户的眼球。在广告或打印使用创造性的数字字体和颜色,它们将脱颖而出。 国外设计师Heather Moritz跟大家分享了十种免费数字字体,这些字体仅…

    2015-01-20
  • 用户体验地图为什么这么好使?来看蚂蚁金服的实战案例就知道了

    用户体验地图(experience map)作为一种常见工具能够让工作更加顺畅,用户体验地图就起到了一个很好的团队协作作用,产品、设计、开发都能够通熟易懂,便于梳理清楚产品的架构和使用流程。作者|蚂蚁金服UED源自|设计夹但是体验地图到底能解决什么问题,该怎么用呢?很多同学也许并不太了解。这次分享主要是将我们在各类渠道了解到的关于用户体验地图的各类说法做了一个总结,并结合了我们在工作中的实际运用,给有兴趣了解该方法的同学提供一点我们的见...

    2018-03-09
  • 交互设计师也要懂心理学?我读书少,你不要骗我!

    交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是很有…

    2016-09-06