谷歌设计师出品的VR设计指南之基础概念与设计工具

   在本文的第二部分当中,我们来了解一些作为设计师需要掌握的VR基础概念及相关设计工具。我们不会探索的过于深入,面向设计师的职能点到为止即可。

  新的空间维度与沉浸式体验所带来的冲击是前所未有的。要在三维世界当中打造令人舒适的互动体验,你需要了解一些此前可能并未接触过的设计与技术原则。我们的Cardboard团队将一系列概念知识打包到了Cardboard Design Lab这款app(Android)当中,你可以配合Cardboard沉浸到VR世界当中进行学习。


  此外还要记得观看Alex在2015年I/O大会上做的详细演示 (Youtube)。下面我们就来从这些学习资源当中汇总出一些知识要点。

  如果你只有精力去记住两条原则:

  保持帧数稳定

  保持头部追踪

  人们在沉浸于虚拟世界当中的时候,会本能的对外界事件产生反应。作为设计师,要考虑到环境因素的影响。

  生理舒适度

  眩晕症的问题是我们必须面对的。特别是在角色加、减速的时候要特别留意。尽可能保持地平线的稳定,以避免晕船症状的出现。

  环境舒适度

  人们在一些特定的虚拟环境当中同样会体验到与现实相对应的不适,譬如高空与恐高症,狭小的空间引发的幽闭恐怖症,空旷空间所造成的广场恐惧症等等。要注意虚拟对象的尺寸比例及互动关系。在现实中,如果有人向你抛来一个物体,你会本能的抓取、躲闪或是保护自己。合理利用现实当中人与环境的互动规律,不要反其道而行之。

  围绕用户的感官能力设计引导元素。想想游戏设计师们通常是怎样指引玩家探索环境的:

  通过声音帮助玩家辨别方位

  通过光亮为玩家指明方向

  避免让用户感到疲劳。听上去是再显然不过的道理,但这确实是VR设计新手最容易犯的错误之一。我们在科幻电影中看过太多炫酷的人机互动方式,但你要知道其中大多数都有悖于最基本的人机工学原理;例如“少数派报告”当中那样的手势操作放到现实当中会很快让人产生疲劳与不适。

  我制作了一张简单的示意图,用来描述头部在X与Y轴上运动的舒适区域。绿色代表最佳,黄色代表可以接受,红色意味着不适。网络上可以找到的一些用研报告将有助于你进一步了解这方面的话题,例如来自LeapMotion的VR Best Practices Guidelines(PDF格式,4.7M),此外我们还将在本文结束时提供更多的资源供参考。


  不当的设计有可能给人们造成严重的生理不适。听说过“短信脖”没?在一篇发布于Neuro and Spine Surgery的研究报告(PDF格式,314KB)当中,我们可以了解到人们使用手机时不同的持机姿态对于颈部所产生的压强变化。从自然平视状态一直到低头浏览,颈部承受的压强提升了440%,肌肉和韧带会变得酸痛疲劳,神经趋于紧张,脊椎骨所承受的压力也在增强。这些不当的使用方式甚至可能给身体带来长期的健康问题,例如永久性神经损伤等等。

  简而言之,这个特定的研究报告至少能告诉我们要尽可能避免长时间的低头交互行为。


  自由度

  三维空间为我们提供了六种运动方式,包括在X、Y、Z三个轴线上进行的旋转与移动。

  三自由度(方向追踪)

  基于手机的头戴式VR设备,例如Cardboard或Gear VR等等,可以通过内置的陀螺仪对三个轴线上的旋转行为进行追踪(3DOF)。


  六自由度(方向+位置追踪)

  HTC Hive与Oculus Rift这类高端VR设备所拥有的传感器还可以对发生在三个轴线上的位移进行追踪(+X、-X、+Y、-Y、+Z、-Z),从而实现六自由度(6DOF)。


  追踪

  由一个或多个传感器所组成的红外追踪系统使6DOF成为可能。Oculus的追踪传感器位于固定摄像头上,而Vive则将其放置在了HMD(头戴式显示器)当中。


  Oculus与Vive的灯塔位置追踪模式对比

时间: 2024-10-11 13:34:29

谷歌设计师出品的VR设计指南之基础概念与设计工具的相关文章

.NET初学者架构设计指南(二)OO设计初次见面

我使用OO技术第一次设计软件的时候,犯了一个设计者所能犯的所有错误.那是一个来自国外的外包 项目,外方负责功能设计,我们公司负责程序设计.编码和测试. 第一个重要的错误是,我没有 认真的把设计说明书看明白.功能点设计确实有一些问题,按照他们的设计,一个重要的流程是无法实 现的.于是我在没有与投资方沟通的情况下,擅自改动了设计,把一个原本在Linux系统上开发的模块改 到了Windows系统上.结果流程确实是实现了,但是很不幸,根本不符合他们的需要,比起原先的设计差 的更多.在询问了这个流程的设计

设计师必看的ANDROID WEAR设计指南

  一种新形式需要一种新的UI设计模式.在较高层次上,Android的可穿戴设备UI主要由建议和询问这两个核心方面组成.应用程序在这两方面扮演重要的角色. 建议:信息情景 上下布局是一个垂直列表,列表中的每一条会显示有用的或及时的信息.就像现在Android手机和平板上的Google浏览器一样,用户垂直滑动界面,了解卡片的简要信息或是将对自己有用的东西查看更多.在屏幕上,一次只会显示一张卡片,而背景图片常常可以提供额外的可视化信息.应用程序可以创建卡片,如果这张卡片是最常用的,可以将它插入到上下

Android Wear设计指南

本文由江南大学设计学院研究生卢孩翻译,查看原文 一种新形式需要一种新的UI设计模式.在较高层次上,Android的可穿戴设备UI主要由建议和询问这两个核心方面组成.应用程序在这两方面扮演重要的角色. 建议:信息情景 上下布局是一个垂直列表,列表中的每一条会显示有用的或及时的信息.就像现在Android手机和平板上的Google浏览器一样,用户垂直滑动界面,了解卡片的简要信息或是将对自己有用的东西查看更多.在屏幕上,一次只会显示一张卡片,而背景图片常常可以提供额外的可视化信息.应用程序可以创建卡片

用户体验设计实例:B2C搜索LIST页面设计

改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴. 功能需求取舍   在项目中,我们从市场运营那里采集了大量需求,那怎么

交互设计指南:信息可及

 可及,通俗的说是"可以达到",加上主语和宾语,在"交互设计"这个大的语境下,含义应该是"用户可以达到自己的操作目标",这不是和"有效性-用户的操作是有效的"重复了吗?其实,在交互设计实用指南中,"可及"是一个狭义的概念,是放在有效性下面的,具体解释为"色盲.肢体残疾等特殊人士可以完成基本操作".更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人.       也就是

交互设计指南系列一:我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

WINDOWS PHONE 8 UI 设计指南

  @TerryFan (思科云协作部门用户体验设计师):最近在准备Windows Phone 8的设计工作,寻找资料时看到这篇文章,感觉有点像是MSDN里design guide的总结,是快速入门WP设计的绝佳文献,由于本人对WP的理解还不够深,而文章中有很多WP的专有词汇和描述,所以翻译难免有误,希望大家指正. 欢迎关注我的微信公众号"开卷有译"获得新文章推送. ========================== 我是设计的分割线 ========================

超详的GOOGLE GLASS界面设计指南

 开发指南"> 编者按:这篇文章绝对值得收藏,Google Glass界面设计指南由用户界面.设计原则.设计模式和视觉风格4方面组成,说是一篇手把手的设计教程也不为过,特别是百度同学的专业翻译,保证了文章质量的原汁原味.向未来看齐的设计师们感受一下吧! 一.用户界面 本章将介绍Glass的主要UI组件.它们的使用场景,以及用户如何与它们进行交互操作. 1.1 时间轴概念是 Glass 用户体验的主体 Google Glass的主要用户界面是由分辨率为640x360px的卡片组成的时间轴.它

浅析Google Glass的界面设计指南

近期,Google在SXSW大会上公开了演示Google Glass Mirror API的视频,同时还公开了一些界面设计指南.对于这个视频,Glass确实是一个全新的平台,并且在这个平台上设计产品需要面对和手机.平板完全不同的游戏规则.就像砍掉手机上所有的APP图标入口,只剩下Dock上系统内置的电话短信等主功能,之后再把通知系统放到更加重要的位置. 一.主要输入/输出方式 输入方式: 触摸板:眼镜的腿其实是一块触摸板,可以感受向上下前后四个方向的滑动以及点击操作.这四种方向的操作会在后面详细