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

2025-06-08上海AR开发专家

• 
  本文为大家分享一点在移动AR产品设计中积累的经验和认知，仅供参考，不足之处请指正。为了避免话题发散，从三个维度阐述：
  一、应用场景
  从产品应用场景区分，可以主要分为两类：功能性产品和娱乐性产品，对于AR也是一样。
  1、功能性产品设计，主要考虑用户痛点
  比如AR导航，解决用户找路困难的问题，重点在于导航路线的规划、AR辅助的指引等等，其中AR虚拟形象则属于次要功能；
  编辑
  图片来自谷歌地图体验
  比如AR实景翻译，解决实时翻译问题，重点在于实景呈现无需拍照等待，核心在于渲染呈现。
  编辑
  图片来自谷歌翻译体验
  2、娱乐性产品，主要考虑用户体验
  例如AR产品展示，核心要考虑用户使用流程及内容呈现方式，要求内容模型要精致、流程引导要丰富、交互操作要简便；
  编辑
  编辑
  图片来自网易洞见APP体验
  例如AR互动游戏，要结合AR虚实融合虚实互动，发挥AR的特点，体现AR的价值意义。
  编辑
  图片来源网络，AR钓鱼
  所以，对于AR产品设计来讲，首先要确定场景内容，明确要传递给用户的价值和意义。举个特别简单的例子，详细很多人都见过AR+识图卡的产品应用，这个曾经被誉为颠覆传统的产品如今变得为人诟病，我觉得很大程度上是因为AR产品设计的问题。
  编辑
  图片来源网络
  从产品维度讲，通过AR识图的方式，将传统的图文信息变成立体的模型/影音，在很大程度上提升了阅读体验和认知方式，但是并不代表AR就是扫图出模型这么简单。如果是应用在认知教育上，应该重点将需要表达的知识点，通过AR的方式更直观立体的表达；如果仅仅是内容展示，游戏互动，那要更关注交互玩法，例如控制模型移动、基于任何位置放置、动态涂色等等。
  编辑
  图片来自小熊尼奥APP体验
  应用场景不同，用户群体不同，产品定位和功能设计都会各有偏重。
  二、产品方案
  AR产品设计，我一直坚持的观点是，要体现出AR虚实融合以及虚实互动的特点。
  有许多所谓的AR产品，或是通过识图调起一个H5网页，或是相机背景的H5网页，并没有真正体现出AR的价值，而且会对普通用户造成错误的认知。
  这里主要强调三个方面：
  1、内容呈现：AR是
  增强现实
  ，AR内容是对现实的增强效果，而不是随便叠加一个粗糙简陋的模型或者图片视频。对大多数人来说，AR是高科技，是新奇玩意儿，通过
  AR技术
  呈现的应该是精致的模型、酷炫的视频，例如古建复原特效、太空星球模型、酷炫特效视频等等。
  编辑
  图片来自我的天科技APP体验
  2、虚实融合：同样，通过AR呈现的内容要与现实环境有很好的融合效果，例如之前文章中提到的光照一致、几何一致、虚实遮挡等等。除了上述技术方式之外，在AR设计中还可以在视觉层面做处理，实现真实感十足的AR效果。
  下图，是网易洞见APP->召唤网易厂花的案例，巧妙的运用了模型贴图处理的方式，实现了非常酷炫的虚实融合效果，模型与环境融为一体，就像真的从桌面生长出来一样。
  图片来自网易洞见APP体验
  而此前，
  HoloLens
  推出的AR射击游戏，敌人出场的动效十分酷炫，从窗户裂开的洞里飞出，极具真实感，分不清楚虚拟和现实。
  编辑
  图片来自HoloLens体验
  3、虚实互动：交互是产品体验的重要环节，同样，丰富的交互方式能让AR产品体验变得更加生动。对于移动AR来说，因为搭载了移动设备，可以通过多点触控、GUI交互、设备摇一摇/转动等交互方式实现对AR场景的交互。
  对于AR来说，丰富的输入通道可以让交互方式变得更加多元化，可以让虚与实之间的互动更自然，体验更好。其中，不同的AR技术可以实现不同程度的跟踪，对于VIO的SLAM技术来说，可以实现房间规模大小的跟踪效果，也就是说可以通过设备位置移动实现位移交互方式，例如自然向前走动进出任意门，自然移动转动进行射击游戏等等。
  编辑
  图片来自QQ-AR任意门体验
  三、交互细节
  相对而言，业内有许多设计非常好的AR产品，当然也有很多粗制滥造的，许多产品设计人员其实并不能够充分理解AR是什么，可以怎么展示，可以怎么交互。同样，对于普通用户来说更是如此。
  AR行业尚处于用户初识阶段，在三维环境里与内容的互动方式，有别于传统的二维环境。在这里重点介绍两个AR产品中的交互细节：
  1、交互引导
  因为AR是对场景/模型的呈现，需要对三维环境/模型进行交互，对用户而言，三维透视、纵深这些概念也是有一定门槛的，需要通过一定的引导告知才能更顺利的进行体验，哪怕是最基础的模型拖拽、缩放、旋转等等。并且，引导方式也需要考虑AR场景中呈现的透视关系。
  图片来自网易洞见APP体验截图
  特别喜欢Snapchat对AR场景中模型的交互引导，引导动画时Gif序列帧，随屏显示但有模型跟随的效果，是与模型位置相关的，不会丢失和割裂。
  2、容错设计
  体验过AR的用户，会了解一个词，叫“跟丢”，也就是跟踪过程中模型丢失，找不到了。这种常见于图像识别跟踪和SLAM的AR场景中，因为环境信息的丢失或变更，AR模型也会丢失，这个时候需要做好容错设计，做好跟丢补偿，可以通过引导提示快速复位，重新体验。
  图片来自汽车之家APP体验
  上图案例，就是AR场景中，模型跟踪不稳定导致的场景丢失（这是目前技术的限制，无法彻底解决。不过好在
  ARKit
  基于VIO的SLAM技术可以解决这一问题，但在这里，我们继续说容错设计和跟丢补偿）；当模型丢失后，通过出现的动画按钮，引导用户点击，基于当前位置重新定位展示。
  最后，推荐一篇特别棒的AR产品设计的文章《如何设计具有“参与感”的线上活动？QQ-AR世界杯是这样做的》
  编辑