2019-3-29 资深UI设计者
AR的场景多种多样，其中在手机设备的AR体验中，有一种基本且常见的场景：通过手机摄像头，用户在环境中放置虚拟物体（模型），用户与它有一些具体的互动操作，如移动、旋转等。
我们将这类场景统一称为放置类AR场景：放置对象可以是一扇虚拟场景的任意门，用户可走入门中互动；也可以是一件家居商品，用户可预览商品是否与室内环境搭配等。针对不同的放置对象和场景，设计侧重点也会有所不同。
基于真实环境放置虚拟模型，并与模型进行交互的AR场景。
无论放置的对象类型如何，用户打开相机，在屏幕中放下具体模型和进行互动的过程具有共性。我们把中间的完整流程拆分为了以下部分：
用户打开放置类AR功能后，进入环境识别前的过程，均属于初始启动的范围。放置类AR为何需要有初始启动环节，用户不直接进入AR场景进行体验？
由于技术和产品的需要，放置类AR初始启动承载帮助用户理解、AR素材准备，为用户带来更优的AR体验。
初始启动的流程中，包括启动页、引导页、加载页三个部分节点，三个节点可同时存在，也可只存在一个或两个节点，具体需要根据设计需求来决定。
启动页的定义及设计形式
在启动页游戏AR应用中比较常见，只有短暂停留。页面起到品牌露出的作用，或在启动APP后渲染氛围，迅速将用户带入。设计手段包含：音乐、音效、视觉、文字、动效，具体运用根据实际设计需求而定。可以参考以下两种设计内容：
启动页虽然不传递明确的含义和信息，但不同的设计手段可以给用户传递出不同的品牌调性和场景氛围感，其中音效和动效形式的应用会增加启动页设计的吸引力，下面将结合案例具体说明。
引导页的定义及设计形式
引导页促进用户进入后续的核心体验流程，传达有关体验的明确内容，根据 APP 的类型，引导内容有所不同。但不涉及后续具体细节操作。常见的引导包含：内容介绍、安全警告、体验建议、环境要求、玩法介绍、新手引导等。设计手段包含：语音、音乐、音效、视觉、文字、动效。具体运用根据实际设计需求而定。可以参考以下五种设计内容：
引导页有明确内容，根据设计需求可以考虑从产品介绍、展示辅助信息、在体验时的建议或要求等。每种设计内容有各自的适用场景、设计形式及优缺点，将结合具体的案例进行说明。
加载页定义及设计形式
加载页需要用户等待，加载时长根据加载内容的大小而变化。过程可能包含素材下载、模型加载、材质渲染、界面UI等。设计手段：文字、视觉、动效、音乐、音效。具体运用根据实际设计需求而定。可以参考以下五种设计形式：
建议使用Jigspace、Lego AR、AliceARQuest等AR应用进行体验。
整个初始启动环节包含启动页、引导页和加载页，整体的设计原则可总结为：
初始启动设计第一步是根据应用类型选择设计内容和形式
不管是启动页还是引导页的设计，都需要根据应用的类型去决定以何种形式给用户展现必要的信息。例如：游戏类注重用户的沉浸感，引导以故事介绍+体验建议为主。科普类的需要通过界面+三维的形式展示更多信息给用户，引导以产品介绍和信息补充为主。
启动页设计目标导向，不拖沓不无聊
根据APP类别选择恰当的形式，尽量简单直接，尽快进入后续内容页。游戏类可形式丰富，时长稍长。
引导页设计简单直接，使用多维度设计手段增加引导信息的丰富度
不管引导的内容是产品介绍，还是试玩引导，简单直接始终是目标，不在引导的部分占用用户过长的时间。另外也不能为了节约时间而使必要信息缺失，因此可以选择丰富的设计手段，让必要信息充分暴露。
加载页设计优先考虑无感知加载，否则根据加载时长使用不同形式
如无法无感知，则根据加载时长选择加载的设计形式。例如：时长较短的加载过程需要简单明快，不打扰用户。时长较长的加载过程需要过程明晰，给用户明确的预期。尽可能避免阻断式的加载过程。通过设计方法增加长时间等待的愉悦感，减少不耐烦。
AR应用启动后，经历完内容引导加载的过程，便正式进入了AR场景搭建环节。从技术的角度来说，想让模型稳定地融合于真实世界，我们首先需要让手机摄像头认识周围的环境，即为场景搭建的第一环节：环境的感知识别（环境识别包括平面识别、图片识别、物体识别等，本文聚焦在环境中的平面识别）。确定平面之后才能继续进行模型放置，直至用户成功把模型在真实环境中放下。
平面识别指通过对环境特征的感知，确定一个基于真实环境的平面。确定放置平面后，即可构建虚拟世界的坐标系，在虚拟世界中放置模型。平面识别是放置类AR体验的第一步，是后续所有体验内容存在的基石。因此在设计中我们需要保证平面识别的成功率，保证用户的顺畅体验。
这个环节本质上是个技术驱动的环节。程序启动后，系统以手机摄像头为原点建立了3D世界坐标系。相机界面打开后，系统开始识别拍摄到的真实环境。通过检测所捕获的图像之间的视觉差异点（即特征点），系统可以确立一个平面，并在世界坐标系中赋予平面一个位置信息，自此3D世界坐标系与真实环境中的平面建立了联系。找到平面后，系统仍会持续进行检测、更新平面的信息。
平面识别的成功需要用户将手机摄像头对准平面并移动手机，从而获得更多平面的特征点、确定平面。因此在设计中，首先需要引导用户做此动作配合；同时在用户动作中，应对识别状态给予实时反馈，让用户有把控感；识别失败时，有效的容错设计可以减少用户挫败感，提升识别成功率。设计节点可总结为以下几点：
动作引导定义及设计形式
动作引导需要引导用户做出配合的动作从而成功识别到平面。主要的引导内容是：引导用户将手机朝向一个平面任意方向移动，从而识别到平面。
表现用户动作的引导形式有多种，如：文字、图片、动图、语音以及这些方式的组合方案等等。每种单提示形式都有其各自的优缺点。如文字可准确传达信息但阅读时间较长；动图传达直观，但准确性不够等。因此建议使用组合方案的形式进行动作提示，结合单提示形式的优点，同时规避其缺点。可以参考以下2种：
动作引导建议使用组合方案来进行提示，可以根据产品类型和场景选择合适的方案。结合具体案例以说明：
平面识别中的定义及设计形式
程序识别平面的过程中，所花费时间往往受用户所处环境的影响，环境较复杂时，识别时间可能较长。因此建议在平面识别的过程中，反馈识别的状态，帮助用户了解系统的行为，知道自己所处的状态。状态反馈有两种建议的方式：
平面识别中的状态反馈可以让用户了解系统行为，明晰所属状态。该步骤通常会和下一步合并设计。结合案例进行说明：
平面识别成功的定义及设计形式
平面识别成功后，建议可视化检测到的平面，给用户成功的反馈，同时让用户知道即将放置模型的平面在哪里。
平面识别成功的反馈是平面识别环节完成的节点，该步骤可能与之后的模型放置结合设计。结合案例进行说明。
平面识别异常的原因及设计
前文提到平面识别主要依赖对环境特征的检测，在一些情况下会很难识别到平面。当出现异常时，如何引导用户解决异常也是体验设计的重要内容之一。经过前期技术调研，平面识别异常的情况主要有以下几种：
我们可以对每种异常进行具体的提示，也可以给出综合提示。这里建议的异常提示策略主要有两种：
进行提示内容话术设计时需注意：
另外异常提示的设计形式也有多种：文字、图片、动图、语音、组合方案等等。在设计时需要结合「动作引导」的设计形式进行整体提示的组合方案设计。例如动作引导是文字+动图的形式，异常提示就不应该出现语音形式；动作引导是文字+语音形式，异常提示同样使用语音的形式更一致。
平面识别的设计原则及建议
平面识别的设计原则及建议：
确定了放置平面后，下一步就是放置模型。模型放置指：通过一定的放置方式，让模型出现在平面的某个位置上。
在模型放置模块中，我们需要定义和设计放置方式以及放置位置。放置方式可以是自动放置，也可以是手动放置。放置位置可以是给用户体验效果最好的一个坐标点，即最佳放置位置；也可以是一片区域的任意一个坐标点，即可放置区域。
1. 放置方式的定义及设计形式
模型的放置方式主要有两大类：
可以参考以下三种设计形式：
模型的放置方式主要有自动放置与手动放置，可根据不同场景设定适宜的放置方式，以下结合案例具体说明。
2. 放置位置的设计内容及建议
放置模型时，模型即将放置的位置需要根据具体互动场景进行设计，以保证用户的视觉体验和互动体验。如果模型放置过近，用户无法看到模型全貌；过远，需要用户走动才能进行互动的应用会增加互动难度。可以参考以下两种设计内容：
在做具体的放置位置设计时，需要考虑以下几方面的因素：
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。