以人为中心的沉浸式交互设计如何做?

对于VR的产品中很多的的问题,我们并没有一个通用的解决方式,最好的办法依然是迭代、迭代、迭代!比如头部参考系:它通常定义了一个透明的光标来定位屏幕坐标系。
又比如虚拟现实坐标系:由于我们容易在虚拟世界中迷路,所以放一个指南针在脚下使得用户一直有方向感是个不错的选择。
还有躯干参考系:我们可以把信息和工具放在躯干的周围,使它一直跟随着用户,这样当用户低下头时就能看见他需要的东西。
此外,现实世界参考系:我们可以提供和现实世界有着稳固联系的线索来减少VR眩晕,通过现实参考系可以减少用户看到的和感觉到的感知冲突。


对于VR的产品中很多的的问题,我们并没有一个通用的解决方式,最好的办法依然是迭代、迭代、迭代!

以人为中心的沉浸式交互设计如何做?

今天为大家分享一个Jason Jerald关于“以人为中心的沉浸式交互设计“的演讲。他是一个有着20年VR经验,参与过包括世界五百强在内的30家企业的60多个VR项目的高级工程师。他同时也是Principal Consultant at Next Gen Interactions的联合创始人。

演讲中,他在VR设计的基本理论、输入设备、交互模式和技术以及迭代这四个方面具体展开了论述。下面就让我们一起来学习。

一、基本理论

众所周知,VR设计是一种持续性的保真(Fidelity continua)。可是有时候,为了达到更好的体验,我们往往要做一些权衡和妥协。 比如在交互保真度里,我们要在真实和不真实之间做权衡。一个很好的例子是:激光。 为了更好的锁定物体,我们可能需要通过激光来射出一条线,尽管这个在现实生活中可能不怎么常见。

另一个我们VR人士需要掌握的是Norman提出的交互设计理论中的功能可见性(Affordances, 以下简称功能)和指示信号(Signifiers)。需要特别注意的是这两者是不同的。功能指的是用户和物体之间的关系,它定义了哪些行为是可行的,同时某个物体是如何被不同用户操作的。而指示信号是提供了一个物体应该是怎样的线索和提示。综合来说,我们应该为我们的交互中每一个功能提供显而易见的指示信号。

此外,还有一个在VR设计中重要的概念是——参考系。它在“以人为中心的VR设计中”尤其重要。

比如头部参考系:它通常定义了一个透明的光标来定位屏幕坐标系。

又比如虚拟现实坐标系:由于我们容易在虚拟世界中迷路,所以放一个指南针在脚下使得用户一直有方向感是个不错的选择。

还有躯干参考系:我们可以把信息和工具放在躯干的周围,使它一直跟随着用户,这样当用户低下头时就能看见他需要的东西。

此外,现实世界参考系:我们可以提供和现实世界有着稳固联系的线索来减少VR眩晕,通过现实参考系可以减少用户看到的和感觉到的感知冲突。

显而易见的是用好参考系对于VR设计是非常有帮助的。

二、输入设备

如下图可知,在VR头戴式显示器之外,如今的VR市场已经出现了很多硬件设备。

以人为中心的沉浸式交互设计如何做?

这些硬件各式各样,基本依赖于不同项目的目标,但是没有一个输入设备适用于所有的VR项目的需求。那么在这些疯狂的输入设备中,有没有哪一个对于VR来说尤其的重要呢?

答案是肯定的。那就是我们人的“手”。手是人类最重要的感知器官,以至于人类大脑的大部分活动都是手的输入输出。在如今的VR体验已经可以容易地引入人类的双手时,我们应该有效利用起我们的手。

对于双手作为VR输入的使用,两只手并不需要一定等价或平行使用。主流的定义方式将双手输入定义为两类:

  • 对称式:每只手执行等价的行为,两只手可以同时执行,也可以一次只有一张手。
  • 非对称式:每只手执行不同的行为,非惯用手为惯用手提供便捷。

好的VR设计应该是用户可以很自如使用它们的双手工作,并且通常伴随着对称模式和非对称模式交替使用。

三、交互模式

如下图所示, Jason将交互模式分为以下五个大类,选择、操作、视角控制、间接控制、复合模式。这五个大类又可以细分为16个小类。每个小类还可以再具体细分。Jason说这个分类完全是从用户的视角得来的。

以人为中心的沉浸式交互设计如何做?

手势技术(Hand Technique)

提到手势追踪,人们能想到的第一件事情一定是直接用手选择和操作物体。例如像现实生活一样直接用手捡起一个物体,或是很自然地用手势进行交流。下面让我们具体来看几个例子:

手势选择模式(Hand Selection Pattern):像真实世界中一样触屏和抓起物体。

手掌中用户界面(Interface in Hands):将用户界面显示在虚拟的手掌中,用户可以像真实世界中一样在虚拟世界中看着双手完成工作。如下图的虚拟手柄就是一个很好的例子。

以人为中心的沉浸式交互设计如何做?

不逼真的手(Non-Realistic Hands):有些时候我们并不需要显示手臂,甚至不需要显示一个和真实世界中一模一样的手。例如,当你想触碰比你手掌能触及的地方更远的东西,不显示手臂就是一个好的选择。再比如一些恰当的3D光标往往操作起来比双手更让人觉得直观。

其他的设计模式:

图像平面模式(Image-Pan Pattern):把背景当做一个2D的平面,直接利用头部所面向的方向在这个2D平面上通过X、Y坐标来选择物体。

窗体部件和面板模式(Widgets&panels):将2D的桌面应用引入VR有时候也是一个明智的选择。例如用户可能不希望为了做一个计算而退出你的VR程序去电脑桌面找计算器应用。

缩小的虚拟世界(World-In-Miniature): 通常情况下这个模式是指我们熟悉的小地图。用户可以通过接触该地图的某一位置来移动到那个位置。

3D 多点触控模式(3D Multitouch Pattern): 把虚拟世界当做一个物体,用户可以自由的移动、旋转、缩放该物体。这种模式的一个最大的好处是用户会理解成是虚拟世界在动,而不是自己在虚拟世界中动,在一些场景下可以减少VR眩晕。

四、 迭代

对于VR而言,几乎没有什么绝对的准则。但是相信每一位做VR的同行们都知道:迭代比其他方法对于VR的设计要重要的多。

要想设计好一个以人为中心的VR交互体验需要很多来自用户的反馈。并且在这过程中,我们可能还会经历很多失败。但如果你想最终成功的话请习惯这些失败。通常来说好的VR设计会经历:定义->制作->学习的循环。在这一次次循环中,我们通过专业的方式不断评估我们的产品,这样才能最终产生高可用性的VR产品。

以人为中心的沉浸式交互设计如何做?

上图为迭代过程

以人为中心的沉浸式交互设计如何做?

上图为在迭代的过程中专业的评估过程

五、总结

以人为中心的沉浸式设计最重要的便是交互性。其中利用好我们的双手这最重要的输入工具将带领VR进入更高的级别。对于VR的产品中很多的的问题,我们并没有一个通用的解决方式,最好的办法依然是迭代、迭代、迭代!

 

作者:布格小虎,专注于VR内容及技术,不定期分享VR前沿探讨及技术开发内容。

原文地址:http://www.leiphone.com/news/201607/6AhgBQXVIbXjJbUl.html

本文来源于人人都是产品经理合作媒体@雷锋网,作者@布格小虎

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

(0)
CatherineCatherine
上一篇 2017-05-21
下一篇 2017-05-21

相关推荐

  • 【新浪微博】交互设计看过来

                                      交互的小伙伴  快到我们碗里来

    2017-08-01
  • 4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

    2017-05-10
  • 双十一来了,淘宝的登录页有bug?我有解决方案!

    关于淘宝的登录页设计中的BUG,本文作者就用所学的用户研究、交互设计以及产品经理相关的知识来分析一下,并提出了自己的解决方案。

    2017-05-17
  • APP细节打磨绝招 “微交互动画”

    著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”而交互设计同样是如此。设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?也正是因此,那些精心设计的微交互会让用户体验显得精巧而到位。

    2016-09-08
  • axure官方原版教材(英文)

    AxureCoreTraining axure rp 官方教程,PDF免费下载 推荐阅读英文版,翻译的毕竟有些差异的。   点我下载AxureCoreTraining 

    2015-06-11
  • 未来所有的产品都要围绕人性去思考

    过去的记忆 回顾计算机和互联网的发展,计算机的编程语言从C语言开始,到C++,到最近的go语言,不断地进化,趋势是Code越来越接近人的方面,Code是从计算机端向人端的进化,计算机的编程语言也诠释了科技的发展,以…

    交互设计 2014-12-17
  • 从单线走向双线,第三代用户体验即将到来?

    双十一在即,加之今年的新零售狂潮,零售业从线上到线下可以说纷纷摩拳擦掌。京东天猫剑指双十一已是老生常谈,值得注意的是,今年的双十一迎来了更多样化的全民购物盛事,比如飞凡推出的“2017飞凡狂逛节”。据了解,与京东天猫等电商大促有所区别的是,“2017飞凡狂逛节”重点是线下逛,与众多剁手党网上拼杀对比,着实令人耳目一新。新零售改革加速,用户体验核心发生质变可喜的是,我们看到零售业巨头和创业者们都在深挖线下。比如今年爆红的无人便利店和无人货...

    2018-02-03
  • 体验方法论:以目标为导向的设计

    产品名称:金融圈APP 设计团队:金融圈UED设计中心 项目介绍:本项目为首页改版方案,与产品经理,交互,运营,视觉四方共同讨论得出的一期改版方向 设计目的:以体验设计方法论体系结合商业目标对APP首屏进行改版 …

    2016-08-31
  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • PS、AI、Sketch 用着太费劲?这些插件本宝宝力荐!

    虽然 Mac 和 Windows 平台有许多特别棒的软件或工具,但 PS、AI 和 Sketch 仍然是设计师的标配。有时候看到一个特别棒的效果花了很久才折腾出来,殊不知一些插件能够轻松完成,这里小编推荐一些特别实用、效率翻倍的插件给大家,让设计工作事半功倍!GuideGuideGuideGuide 是小编用过的最棒的参考线拓展工具!没有之一!再也不用从标尺一条一条拉参考线还要担心位置不精确,只要输入需要的数值就可以自动生成对应的参考线...

    2018-03-03