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

对于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

相关推荐

  • 小米兰亭字体官方包下载

    小米 MIUI 8兰亭字体官方包下载 移山填海之作,小米兰亭。手机要好用,字体排版不能将就。MIUI和方正一起耗时18个月打磨,用米兰字体重新定义中文移动阅读体验。 小米兰亭是小米公司在MIUI 8中推出的字体,“小米兰…

    2016-06-22
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10
  • 交互设计:补上学校不教的这一环

    作者:郦橙 锦妖链接:https://zhuanlan.zhihu.com/p/25279058不知道其他专业有多么具体和细致,我自己的专业(CMU Mii-PS)是典型地抓大放小,各种设计实操细节统统不讲,全靠自己摸索。我也曾经狂看blog,看书,…

    2017-08-02
  • 如果动物们会说话

    你是否曾经想过动物会说话的情景?艺术家Jimmy Craig用一组漫画描述他所想象的动物说话的场景。在这组名为They Can Talk 的系列漫画中,Jimmy给出了他自己的解释。在这组漫画中,我们可以感受到动物世界里的秩序以…

    2016-06-02
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • 用户体验|无关情怀,只与用户习惯有关

    用户体验在使用层面是一个感情的解释,但是在产品设计的专业领域,这是一个具象且拥有层次感的专业领域。当一个产品进入市场后,“产品如何与外界发生联系并发挥作用”,也就是人们如何“接触”和“使用”它。这就是用户…

    2016-11-08
  • 虚拟现实产品是更棒的交互体验吗?

    2016年12月,携程UED大会把虚拟现实技术作为论坛的核心主题,邀请了方方面面的专家,从技术,硬件,体验等各个方面来剖析VR这种创新的趋势。

    2017-05-09
  • Sketch book 各种材质产品手绘表现-别人家的手绘本,拿走、收藏... [更新]

    ▲点击关注最不可思议干货今天给大家共享一波Sketch book 各种材质产品手绘表现...拿走、收藏...手绘飙车活动进行时,点击按钮加入...手绘零基础▼点击看>此方法,让零基础小伙伴们透视准确率达到98%...津美优设2017暑期1期课程|格物造型.第5天: 线稿基础-借体推敲Ⅱ点击看>此方法,让零基础小伙伴们形态推演能力爆棚!造型推敲、设计发散!津美优设2017暑期1期课程|格物造型课程.第6天:借体推敲Ⅲ点击看>此方法让零基础...

    2018-03-23
  • 网页设计中,如何突破栅格的限制又保持协调?

    想要打破栅格又保持网页的协调,是有技巧的,并非任何“破格”的设计都是好的。

    2017-05-09