✨ อัปเดตล่าสุด: .html - Kapook Update 2025

×

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮

×

打开微信“扫一扫”,关注我们官方微信^_^

梦创义官方微信

交互设计指南,(给人们带来认知和交互的全新体验)

2026-09-30 9

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。

图(tu)4:圆明园大(da)水法复原案例(从左至右分(fen)别为在线定(ding)位、融合跟踪等过程,及最终效果图)

02 AR交互用(yong)户体验地图研究

上述两(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)不够直观、简洁。

⑤可以通过音效烘托气氛,增强代入感

音效提前烘托AR场景气(qi)氛,帮助用户代入体验场景。

环节(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)引导

明确提示用(yong)户具体的异常原因(如光线过暗、平面纹理不足、移动速度不(bu)合(he)适),并给出可操作的改善建议(调亮光线、换一块平面、改变移动速度等)。

环节五:模型放置

模型放置是环境识别后,将虚拟模型放置在完成(cheng)识别的虚拟平面上(shang)的过程,可分为自动放置及手动放置。

1 体验要点

自动放置无须用户做出任何操作,手动放置通常需要用户点击特定位置或屏幕任意位置。

在前四个环节用户无论如何困惑或出错,都容易通过尝试性点击进入下一步,但到了放置环节,失败及问题屡屡发生。因为这个环节完整体现了前序环节的完成质量(liang)。放置位置、大(da)小不符合预期,模型过远、过大、过小,都是经常(chang)发生的问题。

另外,用户通(tong)常会在放置后模型不符合预期时进行调整(zheng),但其实对于一些对放置位置和大小要求高的应用,在交互设计上会包含模型预览及放置前调整环节,这种情况下要做好环节提示和操作引导,因为此时(shi)如果用户不能进(jin)行调整或返回操作,会带来失望和挫败情绪,导致任务放弃,甚至用户流失。

2 设计指南

此环节有初始大小、初始位置、放置方式、操作引导、异常引导等5个体验要素,涉及6条设计(ji)指南。

①初始大小适中,可以看到模型全貌

避免模型初始出(chu)现时(包括放置前预览、放(fang)置时)过大和过小,应让用户看到模型全貌。

②模型应有合适的默认初始位置,任意门类应用避免模型过远

模型初始出现(xian)时(包括模型预览、放置时),应出现在平面(mian)上合适的位置(居中、避免与障碍物重叠)。任意门类应(ying)用应避免模型(xing)离用户过远,导致用户无法进入门内。

③若对放(fang)置位置要求较高,应让用户自主选择放置位置

若应用对放置位置的要(yao)求较高,应避免采用自动放置的方式,并在放置时给予用户选择位置的提示。

④若放置前需要(yao)用(yong)户调整模型,应有调整方式的引导

部分应(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)让用户通过手势直接对模型进行调整操作

用户喜欢直接对(dui)模型进行操作,通过控件等形式对(dui)模型(xing)调整会降低(di)操控感和真实感。

③设定合适的调整(zheng)步幅,避免过(guo)于灵敏/迟钝

调整过程中的(de)灵敏度应(ying)适中,过于(yu)灵敏/迟钝均会影响用户的操控感。

④模型调整热区应适当增加(jia),更易手(shou)势操控

应适当的增加部分模型周围的(de)手势操作热区;如果热区范围仅限于模型本身的边界,在模型较小时(shi)难以操作。

⑤对模型(xing)的放缩、位移,限制模型调整范围

避免放缩时的误操作(zuo)导致模型过大或过小;若能识别平面边界,也应(ying)限定(ding)位(wei)移的范围在平面(mian)边界范围内(nei)。

环节七:模型互动(dong)

当经过重重关卡,用户终于真正与AR模型进行互动。该环节是AR交互体验的主体环节,包含每个AR应用的核心内容线(xian),会因为每个(ge)AR应用的目的不同,在内(nei)容和(he)互动方式上呈现较(jiao)大差异。

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 设计指南

此环节有模型(xing)真实感、互动方式、操作引导、状态反馈、异常引导等5个(ge)体验要(yao)素,涉及7条设计指南。

①尽可能让模型看起来真实,提升用户的沉浸体验

模型的立体程度、光影效果、精细程度、是(shi)否稳定(ding)、是否有漂浮感、与环境的融合度,以及有无音效都会影响模型的真实感。真实感越强,用户的沉浸体验越好(hao)。

②增加趣味性(xing)/实用性(xing),提高用(yong)户的互动参与度

用户认为,如果能带来有趣的互动,或者实(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)知盲区,建立目标引导

在恰当时机给予贴心引导是所有app的设计通(tong)则。在AR设计中要特别注意找准认知盲区,建立目标(biao)引导(dao)。对用户来说,环境识别是最大的认知盲区(qu),造成目标迷惑、操作不明、并引发后续异常等系(xi)列等问题。

第三,考虑物理空间(jian)的影(ying)响

AR区别(bie)于其它应用(yong),需要(yao)用户在(zai)物理世界中行动。空间便利性会(hui)影响用(yong)户的使用意愿;互动的便利和舒适会影(ying)响用户体验。

第四,让应用实用、有(you)趣,更能吸引用户使用

用户表达影响使用意愿的因素中,提及最多的是趣味性和实用性。如果应用(yong)有趣,或者功能实用,他们愿意更多使用。反之,用户的使(shi)用意愿也很薄弱。

第五,尽可能提升真实感,它是具(ju)备AR属性的重要体验要(yao)素

在用户的满意度评价中,真实感是提及最多的关键词。互动的真实感(gan)、模型(xing)本身的真实(shi)感、模型和场景融合的真实感,都会影响用户对应用的整体满意度评价。

小结

本次研究对手机端空间级AR进行了(le)全流程的梳理,基于用户实际使用情况为依据输出设计建议。作为AR敲门砖的手机端应用,打好用户体验的基础至关重要。期望本文可以为AR从业(ye)者提供参(can)考和启发。

亲爱的读者,在开发、设计或(huo)使用(yong)AR过程中,还(hai)有什么(me)问题或者发现,也欢迎与我们一起互动(dong)讨论!



ABOUT US

定制模板_模板网站与定制的区别_1
定制建站 网站建设_自己建网站怎么弄网址_6
定制建站网站建设_新塘品牌网站建设方案_1
定制建站 网站建设_自己建网站怎么推广呢_1

Contact information

手机: 13910811300
电话: 010-52661970
传真: 010-82694569

网址:www.javn.cn
邮箱:13910811300@126.com
朝阳一部:朝阳区紫芳路九号院广顺园2号楼2605A
海淀二部:回龙观黄平路19号院泰华龙旗广场E座1212室(距西三旗桥2公里,8号线育新站海淀昌平交界)

  • 友情链接
北京梦创义网站建设logo

© 2025.Company name All rights reserved.网站地图 极客财税-More Templates 粤ICP备888888号