Skip to main content
 首页 » AR资讯

一点关于移动AR产品设计的经验分享

2019年02月10日 22:27:40319690网络

本文为大家分享一点在移动AR产品设计中积累的经验和认知,仅供参考,不足之处请指正。为了避免话题发散,从三个维度阐述:

一、应用场景

从产品应用场景区分,可以主要分为两类:功能性产品和娱乐性产品,对于AR也是一样。

1、功能性产品设计,主要考虑用户痛点

比如AR导航,解决用户找路困难的问题,重点在于导航路线的规划、AR辅助的指引等等,其中AR虚拟形象则属于次要功能;



一点关于移动AR产品设计的经验分享 AR资讯 第1张

编辑


图片来自谷歌地图体验


比如AR实景翻译,解决实时翻译问题,重点在于实景呈现无需拍照等待,核心在于渲染呈现。


一点关于移动AR产品设计的经验分享 AR资讯 第2张

编辑


图片来自谷歌翻译体验


2、娱乐性产品,主要考虑用户体验

例如AR产品展示,核心要考虑用户使用流程及内容呈现方式,要求内容模型要精致、流程引导要丰富、交互操作要简便;


一点关于移动AR产品设计的经验分享 AR资讯 第3张

编辑



一点关于移动AR产品设计的经验分享 AR资讯 第4张

编辑


图片来自网易洞见APP体验


例如AR互动游戏,要结合AR虚实融合虚实互动,发挥AR的特点,体现AR的价值意义。


一点关于移动AR产品设计的经验分享 AR资讯 第5张

编辑


图片来源网络,AR钓鱼


所以,对于AR产品设计来讲,首先要确定场景内容,明确要传递给用户的价值和意义。举个特别简单的例子,详细很多人都见过AR+识图卡的产品应用,这个曾经被誉为颠覆传统的产品如今变得为人诟病,我觉得很大程度上是因为AR产品设计的问题。


一点关于移动AR产品设计的经验分享 AR资讯 第6张

编辑


图片来源网络


从产品维度讲,通过AR识图的方式,将传统的图文信息变成立体的模型/影音,在很大程度上提升了阅读体验和认知方式,但是并不代表AR就是扫图出模型这么简单。如果是应用在认知教育上,应该重点将需要表达的知识点,通过AR的方式更直观立体的表达;如果仅仅是内容展示,游戏互动,那要更关注交互玩法,例如控制模型移动、基于任何位置放置、动态涂色等等。


一点关于移动AR产品设计的经验分享 AR资讯 第7张

编辑


图片来自小熊尼奥APP体验

应用场景不同,用户群体不同,产品定位和功能设计都会各有偏重。


二、产品方案

AR产品设计,我一直坚持的观点是,要体现出AR虚实融合以及虚实互动的特点。

有许多所谓的AR产品,或是通过识图调起一个H5网页,或是相机背景的H5网页,并没有真正体现出AR的价值,而且会对普通用户造成错误的认知。

这里主要强调三个方面:

1、内容呈现:AR是增强现实,AR内容是对现实的增强效果,而不是随便叠加一个粗糙简陋的模型或者图片视频。对大多数人来说,AR是高科技,是新奇玩意儿,通过AR技术呈现的应该是精致的模型、酷炫的视频,例如古建复原特效、太空星球模型、酷炫特效视频等等。


一点关于移动AR产品设计的经验分享 AR资讯 第8张

编辑


图片来自我的天科技APP体验


2、虚实融合:同样,通过AR呈现的内容要与现实环境有很好的融合效果,例如之前文章中提到的光照一致、几何一致、虚实遮挡等等。除了上述技术方式之外,在AR设计中还可以在视觉层面做处理,实现真实感十足的AR效果。

下图,是网易洞见APP->召唤网易厂花的案例,巧妙的运用了模型贴图处理的方式,实现了非常酷炫的虚实融合效果,模型与环境融为一体,就像真的从桌面生长出来一样。


一点关于移动AR产品设计的经验分享 AR资讯 第9张

图片来自网易洞见APP体验


而此前,HoloLens推出的AR射击游戏,敌人出场的动效十分酷炫,从窗户裂开的洞里飞出,极具真实感,分不清楚虚拟和现实。


一点关于移动AR产品设计的经验分享 AR资讯 第10张

编辑


图片来自HoloLens体验


3、虚实互动:交互是产品体验的重要环节,同样,丰富的交互方式能让AR产品体验变得更加生动。对于移动AR来说,因为搭载了移动设备,可以通过多点触控、GUI交互、设备摇一摇/转动等交互方式实现对AR场景的交互。


对于AR来说,丰富的输入通道可以让交互方式变得更加多元化,可以让虚与实之间的互动更自然,体验更好。其中,不同的AR技术可以实现不同程度的跟踪,对于VIO的SLAM技术来说,可以实现房间规模大小的跟踪效果,也就是说可以通过设备位置移动实现位移交互方式,例如自然向前走动进出任意门,自然移动转动进行射击游戏等等。


一点关于移动AR产品设计的经验分享 AR资讯 第11张

编辑


图片来自QQ-AR任意门体验


三、交互细节

相对而言,业内有许多设计非常好的AR产品,当然也有很多粗制滥造的,许多产品设计人员其实并不能够充分理解AR是什么,可以怎么展示,可以怎么交互。同样,对于普通用户来说更是如此。

AR行业尚处于用户初识阶段,在三维环境里与内容的互动方式,有别于传统的二维环境。在这里重点介绍两个AR产品中的交互细节:

1、交互引导

因为AR是对场景/模型的呈现,需要对三维环境/模型进行交互,对用户而言,三维透视、纵深这些概念也是有一定门槛的,需要通过一定的引导告知才能更顺利的进行体验,哪怕是最基础的模型拖拽、缩放、旋转等等。并且,引导方式也需要考虑AR场景中呈现的透视关系。


一点关于移动AR产品设计的经验分享 AR资讯 第12张

图片来自网易洞见APP体验截图

特别喜欢Snapchat对AR场景中模型的交互引导,引导动画时Gif序列帧,随屏显示但有模型跟随的效果,是与模型位置相关的,不会丢失和割裂。

2、容错设计

体验过AR的用户,会了解一个词,叫“跟丢”,也就是跟踪过程中模型丢失,找不到了。这种常见于图像识别跟踪和SLAM的AR场景中,因为环境信息的丢失或变更,AR模型也会丢失,这个时候需要做好容错设计,做好跟丢补偿,可以通过引导提示快速复位,重新体验。


一点关于移动AR产品设计的经验分享 AR资讯 第13张

图片来自汽车之家APP体验

上图案例,就是AR场景中,模型跟踪不稳定导致的场景丢失(这是目前技术的限制,无法彻底解决。不过好在ARKit基于VIO的SLAM技术可以解决这一问题,但在这里,我们继续说容错设计和跟丢补偿);当模型丢失后,通过出现的动画按钮,引导用户点击,基于当前位置重新定位展示。

最后,推荐一篇特别棒的AR产品设计的文章《如何设计具有“参与感”的线上活动?QQ-AR世界杯是这样做的》

编辑



评论列表暂无评论
发表评论