AR(增强现实)应用中的交互设计思考

作者认为AR未来无论是在C端还是在B端都会存在广泛的应用场景,并能够在许多场景下颠覆用户的使用习惯,解决一些目前无法有效解决的用户需求!比如最近突然火起来的AR游戏《口袋怪物Go》就让大家见识了AR应用的潜力。本文主要和大家探讨一下作为交互设计师,在设计AR应用时需要思考的问题。


作者认为AR未来无论是在C端还是在B端都会存在广泛的应用场景,并能够在许多场景下颠覆用户的使用习惯,解决一些目前无法有效解决的用户需求!比如最近突然火起来的AR游戏《口袋怪物Go》就让大家见识了AR应用的潜力。本文主要和大家探讨一下作为交互设计师,在设计AR应用时需要思考的问题。

AR(增强现实)应用中的交互设计思考

首先我们要了解,AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。本文将向大家介绍一些典型的AR应用以及它们的交互方式,并且和大家探讨作为交互设计师,我们在设计AR交互应用的逻辑思路。

Heads Up Display

AR(增强现实)应用中的交互设计思考

图1Heads Up Display

宝马的Heads Up Display 使用了增强现实技术,将路况、导航信息展示在车内的挡风玻璃上,相比传统的车内液晶屏展示导航方式,驾驶员不在需要低头查看信息,这让驾驶员更加专注的驾驶,增加了驾驶安全系数。

这套系统的关键在于:驾驶员可以更加专注驾驶的同时便捷的查看路况导航信息。因此,交互设计师应该充分考虑到驾驶员的驾驶场景:不同天气状况下的信息显示情况;不同体型用户的视线范围;挡风玻璃材质的透明度、光线反射情况;车前方环境对于信息显示的影响;驾驶员不同的操作/手势/语音对于信息的交互反馈等。

Vision Picking

AR(增强现实)应用中的交互设计思考

图2Vision Pickinig -右上角标注了货物放置的位置和数量

DHL的Vision Picking 拣货系统使用了增强现实技术来帮助仓储拣货员更高效、更低失误率的进行拣货。传统的拣货流程中,拣货员通过纸质的拣货单来查看需要挑拣的货物,然后根据经验和一些简单的位置标注去相应位置挑拣货物,新员工需要花费很长时间来熟悉仓储情况才能够快速的判断货物的位置。

AR(增强现实)应用中的交互设计思考

图3Vision Picking- AR扫描货物条形码

借助AR,拣货员通过谷歌眼镜的室内导航来快速到达待检货物的位置,并通过谷歌眼镜扫描货物的条形码,从而查看货物应该放置的位置,同时更新仓储的货物数量(图2)。AR解放了拣货员的双手,测试显示,通过使用这套AR应用使得新手的拣货效率平均提高了25%。

AR(增强现实)应用中的交互设计思考

图4视线停留触发交互原理

为了解放双手,设计者选择了头戴式的设备“Google Glass”,使用者可以通过谷歌眼镜查看货物的位置、导航和数量。设计师应该思考怎样在实际场景中通过用户的视线停留、眼部运动、头部运动或者语音等方式来与虚拟信息进行互动。虚拟信息的展示方式也是设计师要考虑的问题,在拣货员眼前已经展示了丰富的货物信息的情况下,导航信息是否应该通过其他方式展示,比如语音。

Vision2Watch

AR(增强现实)应用中的交互设计思考

图5Tissot的AR模拟试戴广告

Vision2Watch运用AR技术设计了更加具有互动感的室外广告!他们与Tissot合作,通过使用QR code,让用户能够在手腕上试戴不同的模拟手表款式。AR技术让营业员不再需要一对一的为顾客试戴真实的手表,而顾客依然能够方便的获得佩戴不同款式手表的体验。(与此同时,某宝的VR购物模式将用户带入虚拟环境中,与传统的电商平台模式相比,并没有解决网上购物一直以来的“挑选商品”的问题,它完全模拟不到真实的穿戴体验。)

Layar通过手机摄像头实现AR广告互动,用户通过手机摄像头扫描报纸、电影海报等传统媒体后,手机上会播放相应内容的视频、图片等更加丰富的信息。当然,这些也可以依靠谷歌眼镜等头戴设备实现,同时还能够解放双手。

相对于传统的纸质广告、网站Pop-up广告,AR互动广告可以让广告商在有限的空间里设置更加丰富的广告内容,并且可以通过互动增加广告的趣味性;同时作为用户来说,可以更加主动地选择是否查看广告,可以有效降低“打扰”用户的频次。在设计AR互动广告的时候,我们要根据广告的内容、目的,用户的查看场景来选择合理的互动模式:嘈杂的步行街上用户往往双手拎着东西,因此视线停留触发广告更方便用户查看;电影海报播放视频简介更能吸引用户,服装鞋帽广告展示3D模型则更能解决用户的挑选需求。

总结

通过以上的应用案例我们可以得出一些设计AR应用时应该考虑的几点方向:

1.设计AR增强现实应用首先要考虑AR是否能够帮助用户解决实际需求。这个需求是必须依靠AR才能解决的;或者通过AR技术可以减少解决需求的成本,提高用户的效率,为用户提供更加便捷的服务。上文的Vision2Watch帮助用户快捷的试戴手表,同时又降低了营业员的服务成本,它解决了用户的实际需求。

2.设计AR应用要充分考虑用户的使用场景。看到“使用场景”这个词很多设计师都会翻白眼!“这还用说吗!我们从刚开始接触交互设计的时候每天都在谈使用场景!”但我要说的是,AR设计中考虑的使用场景要更加的多维度!这个使用场景更加的贴近现实!因为AR应用中和用户互动的不再仅限于移动电子设备,它会是汽车的挡风玻璃,公交车站的海报栏,货架上的货物等现实中的物体。我们不再仅限于思考无线信号不好怎么办,老年人看不清手机字体怎么办,我们还要考虑在大晴天的户外太阳直射下能否看清玻璃上的信息!嘈杂的步行街上如何接收并辨别来自不同顾客的反馈等等。

3.设计AR应用应该根据现实场景来选择合理的交互方式。增强现实的精髓是用户要在现实环境中与虚拟信息进行实时交互,因此,交互方式应当尽可能的符合用户在现实环境中的行为方式。手势、语音、眼部动作等都是自然的人类行为,合理利用这些交互方式可以让AR应用获得更好的体验。很多应用使用AR技术的原因是因为它可以“解放双手”,从而让用户更便捷高效的完成工作。宝马的Heads Up Display可以通过语音指令切换显示的内容,用户的双手可以专注于驾驶汽车;户外AR广告通过视线停留来触发虚拟内容的播放,用户不再需要腾出手来点击播放按钮。AR应用更像是一个很懂你的贴身管家,在你需要帮助时,一个眼神,一个细微的动作就能够让它了解到你的需求,并及时的帮你完成、满足这个需求。

目前,由于一些很现实的技术瓶颈导致AR的应用普及还很迟缓。但在不远的将来,当数字信号传输更加快速,硬件设备更加小巧,AI自我学习能力更加强大,三维图像渲染更加高效的时候,AR应用将普及到人类的日常生活当中,钢铁侠实验室的那种酷炫的工作方式将成为常态。作为设计师,我们应当加强自身在AR相关领域的技术培养,时刻关注相关技术的发展和应用,思考未来AR的应用将会颠覆哪些生活和工作模式,新的生活和工作模式将会是什么样子的。

 

本文由 @薛斯塔 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-21 22:22
下一篇 2017-05-22 01:34

相关推荐

  • 近一年来做的动效设计整理

    最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

    2017-06-02
  • axure官方原版教材(英文)

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

    2015-06-11
  • 02.案例:用户体验与结婚教练 | 打造产品思维30讲

    02.案例:用户体验与结婚教练来自时间前哨00:0017:10用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    2018-02-14
  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10
  • 听Google设计团队讲述新logo是如何被设计出来的

    [核心提示] Google 为什么要换 logo,这个新 logo 是以什么样的理念和思路设计出来的?来听听 Google 设计团队自己的解释吧~

    2017-06-04
  • 1.6万字诚意之作|如果你想成为一名交互设计师,这篇文章值得慢读

    关于交互设计,这是一篇很全很全很全(重要事情要说三遍)的科普文章。作者写了1.6万字,实在是诚意之作。如果你打算走进交互,此文值得真的真的真的(重要事情要说三遍)值得一读^_^ by 小编目录导读:
    1. 交互设计概念
    2. 交互设计输出物
    3. 交互设计相关理论
    4. 交互设计流程及方法
    5. 交互设计常见案例分析
    6. 交互设计规范及趋势
    7. 交互设计师进阶之路举个例子就是:小明饿了,他需要填饱肚子(目标),他跑到楼下的餐馆进行点餐、吃饭、结账(任务),吃完了出门的时候推门(行为)出去,然后过马路回家。交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k:俗称「线框仔」,出没于小公司和外包公司,没有设计决策权,专门配给不会画图的产品经理使用。门槛低,只需要熟练使用原型软件,会看着其它APP抄设计即可。无发展前途,看到此类岗位请远离。
    ②中级交互设计师10k-15k:除了画线框图外参与一定的产品层面的工作,有一定设计决策权,通常为知名院校应届毕业生,可以对设计决策提出异议,但不一定被接受。
    ③高级交互设计师15k-25k:通常可以参与整个产品的概念过程,工作职能与产品经理更为接近,有更多的设计决策权,通常工作经验超过2年,可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」,并有能力维护设计师的尊严。
    ④资深交互设计师>25k:通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例,通常工作经验超过5年,有主流大公司工作经验,有大型项目的设计管理经验,业内有一定名气。
    ——以上分级,参考寺主人在知乎的回答《如何成为交互设计师?》“你在设计的生涯中,有没有用到或者总结出哪些设计方法?”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边,分了两种情况:如果推荐选项有破坏性,那么应该放在左边。如果没有破坏性,则应该放在右边。但到了iOS10的时候,却变成了推荐选项都应该放在右边。”

    2017-05-06
  • 在人们习以为常并且不再奢望能有所改进的地方,敏锐而又勤于思考的产品经理们还能做些什么?

    锤子新品发布会上,一句“在人们习以为常并且不再奢望能有所改进的地方,敏锐而又勤于思考的产品经理们还能做些什么?”的话,带来了一个疑问,就是怎么在艰难的情况下进行颠覆性创新! 新增: 1.内置网络免费电话功…

    交互设计 2015-08-26
  • [sketch组件库] iOS 10 GUI for sketch

    今天给大家推荐的是 iOS 10 GUI 交互规范组件 for sketch ,大小有93M,需要下载 Sketch 源文件。

    2016-09-13
  • 用通俗的方式告诉你什么是交互设计。

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-04-03