
AR改变了世界的交互显示方式,给人(ren)们带来认知和交互的设计全新体验(yan)。
人们不仅可以通过触屏、指南语音,认知而是和交互可以使用手势、肢体等多种模态与(yu)机器(如手机、全新AR眼镜等)进行交(jiao)互。体(ti)验而机器的交互输出更是现实和虚拟的(de)叠加融合。

AR技术的设计逐渐成熟,带来了AR应用市场的指南繁荣,特别在手(shou)机这一相对成熟的(de)认知载体上,各类基于(yu)AR互动(dong)的和交互应用层出不穷,给人们带来了全(quan)新的全新交互体验。然而,体验伴随视觉上二维到三维的交(jiao)互转换,交(jiao)互方式从点触到手势,交互对象从人-机二(er)者互动到人-机-环境三者(zhe)融合,给人们尝试和持续使用AR应用造成了门槛,为AR交互的体验也带来了影响。为此(ci),如何降低用户使用门槛、填补认知空白、优化使用初体验,成为当前阶段AR交互设计的关键(jian)。

百度AI交互设计院联合百度AR团队,推出《手机端空间级AR交互设计指南》,在2019年7月4日刚刚结(jie)束的Create2019百度开发者大会AR公开课上发布要点,以下刊载(zai)全文(wen)。

本指南适用于AR设计师、产品与技术人员。
01 AR交互的分类按照交互硬件及交互距离两个维度,AR交互可作以下分类。如图1:
图1:按硬件及(ji)交(jiao)互距离(li)的AR分类
按照AR交互的硬件设备分为手机端AR和头戴式AR。手机端AR指用户以手机屏幕为交互界面,进(jin)行AR交互体验。头戴式AR目前以AR眼镜为主要载体,以及少量(liang)纸盒AR及AR头(tou)盔。
按照AR场景中人与虚拟模型距离的远近与交(jiao)互内容的差异,AR交互可(ke)分为三类,分别调用了不同的底层技术。具体为:
1.人体级AR
定义:用户与人脸/人体(ti)相关对象进行AR体验(yan)与(yu)内容交互。包括人脸特效、肢体(ti)特效、手势特效等。如(ru)图2。
应用举例:如(ru)各类相机贴纸类应用。
图2:人体级AR案例(从左至右依次为人脸、肢体、手势特效)
2.空间级AR
定义:用户可(ke)在(zai)其(qi)所处空间内的场景/物体进行AR交互。比如(ru)在桌面、地面放置物体、家具、模型(xing)、人物/动物等,并与之交互。由于其交互内容的(de)多元性和具备一定的空间拓展性,可以生成的AR交互模式很多,因此也是目前应用(yong)最为广泛的AR应用。
应用举例:如教育知识类展示型AR、游戏互动型AR、家居测距等(deng)功能型AR等,如(ru)图3。
图3:空间级AR案例
3.环境级AR
定义:用(yong)户可(ke)与物理世界里的大(da)场景进行AR体验与内容交互。
应用举例:百度地图-圆明园大水法复原。如图4。
上述两(liang)种分(fen)类维度可交叉出多种AR交互类(lei)型,其(qi)中手机端AR因无须用户购买专业AR设备,仅需在手机上下载app便可体验,且场景内容丰富,可玩性较高,成为用户接触AR的敲门砖。
与此同时,广(guang)大开发者纷纷投入此领域进行开发。但是,伴随视觉上二维到三维的转换,交互方式从点触到手(shou)势,交互对象从人-机二者互动到人-机-环境三者融合,目前的AR交(jiao)互体验良莠不齐,存在设计粗糙、用户认知门槛高、易出错等问题。为此,如(ru)何降低用户使用门槛、填补认(ren)知空白、优化(hua)使用初体验,成为当前阶段AR交(jiao)互设计的关键。
基于此,百度AI交互设计(ji)院与百度AR团队合作,围绕手机端空间级AR开展(zhan)了包括认知走查、专家访谈、用户可用(yong)性测试、用(yong)户体验地图等多维度的研究,输出体验地图,并基于体验地图当中每个体验要素的设计建(jian)议,辅助案例进行解释说明。
03 AR交互用户体验地图解读AR交互可总结为7大环节,包括内容引导、模型选择、模型加载、环境识别、模型放置、模型调整、模型互动等,共(gong)24个体验要素,如图5。
图5:手(shou)机端空间级AR交互用户体验地图
下文将详细解析每个环节下的体验要点以及设计指南。
内容引导也可(ke)以称为初始引导或启动引导。作(zuo)为AR体验的第一个环节,起着将用户带入AR体验情境,为用户建立预期,填补用户认知空白等重要作用。此环节以引导用户开启摄像头,作为标志性(xing)结束。
1.体(ti)验要点
这个(ge)环节用户所需的操作和其它(ta)手机app类似,需(xu)要逐步点击浏览。
在这个过程中,用(yong)户会受手机端APP操作习惯的影响,习(xi)惯性快速点击跳过或直(zhi)接关闭,不看引导。
对于有特殊空间要求,如需要空间比较大,或针对特(te)定人群(如儿(er)童)的AR应用,空间提醒和安全警告是必要的。而对于AR的新手用户,引导还起到用户教育、培养预期的作用。用户如果在此环节没有建立起合理预期,就会对AR交(jiao)互需要调用手(shou)机摄像头存(cun)在疑惑,或在后续使用(yong)中出现遮挡摄像头的情况。
2.设计指南
此环节有引导内容、引导形式2个体验要(yao)素,涉及5条设计指南。
①帮助用户了解应用的目标和(he)功能
让用(yong)户对AR应用的总体目标和功能有大致了(le)解,互动类应用可(ke)简单交代故事背景;具体操作引导可以在后续环节中详细介绍。
②为新用户设置专门的新手引导
对于新手用户,需进行较为详细的(de)引导,并设置可以跳过的选项;经验(yan)用户则直接快速进入正式的AR体验。
③若需要(yao)用户较(jiao)大幅度移动,应告知场地需求和安全须知
用户认为所需场地的提醒和安全警告有必要存在,尤其(qi)对(dui)于特殊人群(老人、小孩)
④使用(yong)图文结合内容引导,让用户更容易理解
避免使用(yong)纯文字进行(xing)引导,用户认为该形式的引导(dao)不够直观、简洁。
⑤可以通过音效烘托气氛,增强代入感
环节(jie)二:模型选择
模型选择是用户在AR体验中第一次与虚拟模型的建立联系的环节。
1 体验(yan)要点
用户需要做的操作是:点击模型选择入口、浏览、点击选中模型。
如果用户没有在内容引导环节建立起操作预期(且如果这个环节(jie)的操作引导(dao)不足),可能出现两种问题。一是自行尝试性点(dian)击,比(bi)如(ru)会点最显眼的按钮。但在很多案例中,屏幕底部中间最大的操作(zuo)按钮实际(ji)是拍照按钮,导致用户常常发生错误。二是直接操作模型,把模型直接拖到屏幕中(zhong)央,却不(bu)成(cheng)功。这是因为对于AR交互来说,用户需要先让手机进行环境识别后才能放置物体。为此,在此环节的(de)操作引导,仍然十分关键。
2 设计指南
此环节包括操作引导、选择形式2个体验要素,涉及3条设计指南。
①让用户能够快速找到模型选择的入口
用明显的入口图(tu)示(shi),让用户能够快速准确找到模型(xing)选择页面(mian)的入口;避免使用难以理解的入口标识。
②对支持AR功能的模型(xing)进行(xing)特殊标识
若只有部分模型支持AR功能,应对支持AR的模型进行清晰的标识,或在模型选择页设置相应的AR专区。
③模型较多时,选择页应分类(lei)明确,提升搜索效率
为方便用户快速找到目标模型,聚合(he)页的分类应该清晰明确。
模型加(jia)载是后台运算环节,但(dan)这个环节(jie),仍然会有交互体验问题,设计时需要注意。
1 体验要点
此环节用户唯一需要做的事情就是等待。但是加载过慢、加载动(dong)效表意不明等,会导致用户重复点击。
在其它手机app上,用户重(zhong)复点击一般不会造(zao)成问题,但在AR交互体验中,用户重复(fu)点击可能会导致模型的重复加(jia)载,或者对(dui)后面环节发生误点击,导致放置异常。
2 设计指南
此环节有加载时长(chang)、加载(zai)形式2个体验要素,涉及3条设计指南。
①避免加载时间(jian)过长,或减少用户对加载时长的感知
通(tong)过和场景结合的动效、静默式加载(zai)等,让用户对(dui)加(jia)载时长无感知/弱感知。
②使用用户熟悉的(de)加载(zai)图(tu)示,来表示模型的加载(zai)
图示应直观(guan)表示模型加载的进度,图示(shi)语义清晰易理解。
环节四:环境识(shi)别
环境识别是基(ji)于对真实环境的特征感知,建立虚拟坐标系(xi)与真实环境之间联(lian)系的过程。虽然是技术环节,但需要用户的动(dong)作配合来进行特征点的检测。环境识别是AR特色,这让它显著区别于其(qi)它(ta)应(ying)用,成为用户在交互体验中的(de)门槛。
1 体(ti)验要点
该环节需要用户倾斜手机、对准地面、左右移动手机。
但(dan)由于(yu)多数用(yong)户对这个环节存在(zai)认知(zhi)空白,无法建立合理预期,包括该环节要实现什么目标,每一个操作会有(you)什么(me)反(fan)馈等,进而无法建(jian)立引导内容和操作之间的联(lian)系。所以即使简单清晰的图示,用户也会产生(sheng)困惑,并(bing)尝试一些错误操作,集中表现为各种(zhong)尝试性点击。
2 设计指南
此环节包括目标引导、操作引导(dao)、状态反馈、异常引导等4个体(ti)验(yan)要素,涉及7条(tiao)设计指南。
①帮助用户理解环境识别的整体(ti)目标
提前告知用户该环节的目的,即“通过相机,找到一个可以放置物(wu)体的平面”。
②图文结(jie)合的引导,能让用户更快上手操作
图示和文字内容能够相辅相承,更容易让用(yong)户理解所需的操作,比纯文字/纯图(tu)示的效果(guo)更好。相较(jiao)于静态图示,动态图示更(geng)容易帮助用(yong)户理解手机的(de)移动方式。
③引导图示表意清楚,一看(kan)即懂
④告知用户手机应有的朝向和移动方式
让用户明确手机需要朝向平面,并左右移动手机,移动速度适中。
⑤避免多余的引导元素干扰用户完成操作
过多的引导信息会(hui)增加(jia)用户的认知负荷,分散注意力,干扰用户完成正常(chang)操作。
⑥在识别(bie)中、识别成功时,给予用户状态反馈
识别过程中,将(jiang)识别(bie)状态可视化(hua),让用户理解当前状态为正在检测;识别成功过后,通过将识别成功的平面可视化或其他形式,告知用户已识别成功。
⑦发生识别异常时,及时给予针对性的(de)引导
环节五:模型放置
模型放置是环境识别后,将虚拟模型放置在完成(cheng)识别的虚拟平面上(shang)的过程,可分为自动放置及手动放置。
1 体验要点
在前四个环节用户无论如何困惑或出错,都容易通过尝试性点击进入下一步,但到了放置环节,失败及问题屡屡发生。因为这个环节完整体现了前序环节的完成质量(liang)。放置位置、大(da)小不符合预期,模型过远、过大、过小,都是经常(chang)发生的问题。
另外,用户通(tong)常会在放置后模型不符合预期时进行调整(zheng),但其实对于一些对放置位置和大小要求高的应用,在交互设计上会包含模型预览及放置前调整环节,这种情况下要做好环节提示和操作引导,因为此时(shi)如果用户不能进(jin)行调整或返回操作,会带来失望和挫败情绪,导致任务放弃,甚至用户流失。
2 设计指南
此环节有初始大小、初始位置、放置方式、操作引导、异常引导等5个体验要素,涉及6条设计(ji)指南。
①初始大小适中,可以看到模型全貌
避免模型初始出(chu)现时(包括放置前预览、放(fang)置时)过大和过小,应让用户看到模型全貌。
②模型应有合适的默认初始位置,任意门类应用避免模型过远
模型初始出现(xian)时(包括模型预览、放置时),应出现在平面(mian)上合适的位置(居中、避免与障碍物重叠)。任意门类应(ying)用应避免模型(xing)离用户过远,导致用户无法进入门内。
③若对放(fang)置位置要求较高,应让用户自主选择放置位置
若应用对放置位置的要(yao)求较高,应避免采用自动放置的方式,并在放置时给予用户选择位置的提示。
部分应(ying)用需要用户尽量在放置前对模型(xing)进行调整,但用户通常不(bu)知道(dao)可调整,因此需要引导用户进行调整(zheng)操作。
⑤放置操作的引导图示表意清楚,最好辅助文字说明
图示和(he)文字应清晰告知用(yong)户所需的操作,避免产生歧义;任意门类应用告知用户放置前竖起手机,避免模型出屏
⑥给用户提供删除/重置功能(neng),并加(jia)以引导
在模型放置异常且不能恢复正常的情况下,用户需要重新放置。但目前,用户普遍对各产品中重置按钮的认知模糊,不(bu)清楚其功能,主要问题是不(bu)理解图示含义。
环节六:模型调整(zheng)
模型调整是用户对(dui)模型进行大小、位置调整的过程。
1 体验要点
此环节用户包括三个常见(jian)的核心(xin)操作:位移、放缩和旋转(zhuan)。
在这个环节最让用户困惑的体验为模型(xing)根本无法调(diao)整,但没有任何操作提示。此外,有些(xie)AR应用需要点击选中模型后再进行相关调整操作,为此用(yong)户可能出(chu)现未选中(zhong)直接调整模型(xing)的问题,这种情况用户通常可以快速自行纠错。
而对于提供了模型调整功能的AR交互,用户也可能使用错误手势进行操作。在AR的三维空间坐标(biao)轴下,用户存在不区分Z轴的远近移动和放缩操作的情况,这对于偏展示的AR应用问题不大(da),但(dan)对(dui)于偏互动的AR,尤其是与现实环境结(jie)合紧密的应用,如任意门、台球等应(ying)用,用户对距离的误判会影响后续互动。
除此之外,调整的灵敏度、调整范围的限制及调整的手势热区,会影响用户的掌控感及交互体验。
2 设计指南
此环节有操作引导、调整方式、调整灵敏度、调整范围、手势热(re)区等5个体验(yan)要素,涉及5条设计指南。
①教会用户如何调(diao)整模型,尤其是对于(yu)旋转等特殊手势
目前产品普遍缺少模型调整的相关操作(zuo)引导,尤其(qi)是对于旋转等特殊手势(双指拧、双指划),用户难以通过自由体验发现正确的操作方式。
②尽量(liang)让用户通过手势直接对模型进行调整操作
③设定合适的调整(zheng)步幅,避免过(guo)于灵敏/迟钝
调整过程中的(de)灵敏度应(ying)适中,过于(yu)灵敏/迟钝均会影响用户的操控感。
应适当的增加部分模型周围的(de)手势操作热区;如果热区范围仅限于模型本身的边界,在模型较小时(shi)难以操作。
⑤对模型(xing)的放缩、位移,限制模型调整范围
环节七:模型互动(dong)
1 体验(yan)要点
在这个环节用户通过多种输入方式,包括触屏、隔空手势,语音,肢体等,与虚拟模型发生(sheng)交互。当成功到达这一环节,用户会愿意更多探索、对更多元互动方式有更多期待,操作有效性反而不那么影响用户情绪。
尽管(guan)体验到了AR交互的乐趣,但此环节也(ye)仍会出现体验(yan)问题。如需要肢体互动的应用类型上,如任意(yi)门、台球等,用户不知道通过(guo)实际走动来进行互动,而是直接操作虚拟模型,如反复尝试点击、缩放、拖拽模型等。即使是具备AR经验的用户,第一时间也想不到肢体(ti)互动,这仍是一种需要(yao)更多(duo)用户教育和引导的互动方式。
但不论是用户自己探索还是(shi)经提醒,用(yong)户成功与AR互动(dong)后(hou),都体现出了(le)较高的满意情绪。相信在AR更多普及和体(ti)验优化(hua)之后,相信会有更多用户热爱通过(guo)AR的方式进行互动,但当前阶段,还需(xu)为用户做好操作上的引导。
2 设计指南
①尽可能让模型看起来真实,提升用户的沉浸体验
用户认为,如果能带来有趣的互动,或者实(shi)用的功能(neng),他们才愿意使用。
③声音的引入可以让互动更有趣,提升沉浸感
相较于点击、移动的互动形式,声音(语音(yin)、音效)的互动对于用户而言较为新颖,可以增加互动的(de)趣味性;若有(you)音效,需要增加音效的开关。
④尽量(liang)让用户通过手势直(zhi)接对(dui)模型(xing)进行互动操作
用户喜欢直接对模型进(jin)行互动,通过控件等(deng)形式对模型调整会降低互动的真实感。
⑤循序渐进地让用户学会如何互动
多数新手用户在初次使用AR时(shi),很多(duo)互动形式较(jiao)为(wei)陌生(如移动(dong)),因此(ci)需要(yao)时刻给予用户明确的互动引导,增加过程中的掌控感;较为复杂的操作,可以给予详细的新手引导,减少用户的(de)“摸索”成本。
⑥在用户完成互动后,给予用户成功反馈
让用户感知到互动效果,给予用(yong)户明(ming)显的反馈(动效、声音、振动等)激发互动意愿,避免用户输入后没有任(ren)何反应。
互动(dong)过程中经(jing)常出现(xian)模型出屏的情况(kuang),用户需要明确(que)的指引找回模型位置;或至少提供重置功能。
04 整体建议
最后(hou),分享几点整(zheng)体建议。来源于对行为及认知的整体(ti)梳理,满意度和使用意愿的(de)访谈。
首先,产品设计(ji)之初要充分考虑AR适用性,避免『强(qiang)行AR』
用户在评价AR体验的满意度和使用意愿时通常(chang)会考虑它(ta)有没有做成AR的(de)必要,AR功能是否实用。如果把虚拟物(wu)体融入环境,并(bing)且在现实环境中互动,可以带来体验增益,那么用户会表示更加用户会(hui)表(biao)示满意以及乐于使用。
第二,找准认(ren)知盲区,建立目标引导
第三,考虑物理空间(jian)的影(ying)响
AR区别(bie)于其它应用(yong),需要(yao)用户在(zai)物理世界中行动。空间便利性会(hui)影响用(yong)户的使用意愿;互动的便利和舒适会影(ying)响用户体验。
第四,让应用实用、有(you)趣,更能吸引用户使用
用户表达影响使用意愿的因素中,提及最多的是趣味性和实用性。如果应用(yong)有趣,或者功能实用,他们愿意更多使用。反之,用户的使(shi)用意愿也很薄弱。
在用户的满意度评价中,真实感是提及最多的关键词。互动的真实感(gan)、模型(xing)本身的真实(shi)感、模型和场景融合的真实感,都会影响用户对应用的整体满意度评价。
小结
本次研究对手机端空间级AR进行了(le)全流程的梳理,基于用户实际使用情况为依据输出设计建议。作为AR敲门砖的手机端应用,打好用户体验的基础至关重要。期望本文可以为AR从业(ye)者提供参(can)考和启发。
亲爱的读者,在开发、设计或(huo)使用(yong)AR过程中,还(hai)有什么(me)问题或者发现,也欢迎与我们一起互动(dong)讨论!
定制模板_模板网站与定制的区别_1
定制建站 网站建设_自己建网站怎么弄网址_6定制建站网站建设_新塘品牌网站建设方案_1定制建站 网站建设_自己建网站怎么推广呢_1
手机:
13910811300
电话:
010-52661970
传真:
010-82694569
网址:www.javn.cn
邮箱:13910811300@126.com
朝阳一部:朝阳区紫芳路九号院广顺园2号楼2605A
海淀二部:回龙观黄平路19号院泰华龙旗广场E座1212室(距西三旗桥2公里,8号线育新站海淀昌平交界)