童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

送你一份设计指南(下):放置类AR设计

7月19日 乔了了投稿
  近几年AR的概念非常火热,正在改变着我们与外界的交互方式。究竟AR模型的手势如何设计,交互的体验如何改善,一起来看这篇好文。
  当用户在真实环境的场景中稳定放下物体模型后,会有与模型进行进一步互动的需求。这类模型交互,通常会改变模型本身的物理属性,例如:
  移动:改变物体在环境中的位置。
  缩放:改变物体的大小。
  旋转:旋转物体便于用户不改变自身位置观察物体。
  删除重置:让模型在环境中消失或出现。
  基于目前的AR技术和手机设备限制,目前的模型交互主要是通过屏幕利用二维交互驱动AR三维场景中的模型,从而与模型进行互动。屏幕二维交互设计,主要是利用二维手势和界面控件去达到交互的目的。例如:
  按钮摇杆:在手机界面中设计按钮、摇杆。
  手势:目前技术支持的瞬间的手势操作、连续的手势操作。比如:单指点击、单指长按、双指缩放、双指旋转等等,我们在日常使用APP常用的手势操作。
  通过进行合理的分析设计,赋予这些手势和界面控件具体的功能,去控制三维场景中模型的移动、旋转、缩放。
  模型移动的交互定义及设计形式
  用户会与模型进行互动,移动是最为常见的一种操作行为。通过在手机屏幕的手势操作或按钮操作,控制模型在现实场景中的位移。
  我们需要通过设计用户使用常用并熟知的手势与模型进行交互,利用二维手势驱动三维空间中的模型在X轴、Y轴、Z轴的位移。
  放置模型后根据移动范围X轴、Y轴、Z轴,与在现实环境的虚拟模型进行移动互动操作,设计手段包括手势、摇杆的方式。
  可以参考以下五种设计内容:
  单指按住左右移动:模型移动以屏幕有效的外侧边沿为限。
  单指按住前后移动:纵深移动遵循近大远小的透视效果。
  单指按住上下移动:模型以中轴线上下移动,实际为改变模型所在平面位置,投影以暗示高度。(需注意,单指按住前后和上下移动不会同时出现。)
  点哪去哪:模型从原位置向目标位置移动。
  界面摇杆:若屏幕手势交互有可能对控制对象造成持续遮挡,或者无法很好的完成复杂操作要求,可以通过屏幕控件满足需求。
  模型移动并非需要X、Y、Z三个轴均开放,实际是根据模型位移交互的具体需求去选择开放维度,并设计合理的交互方式去响应模型的移动。
  可参考以下案例:
  模型旋转的交互定义及设计形式
  在现实场景中除了移动模型的位置,还可以通过旋转360来观察模型细节,不仅控制模型还能把玩模型,赋予模型生命感,让用户更好地与模型进行互动。设计手段主要是针对手势的设计。
  可以参考以下三种设计内容:
  双指顺逆时拧:一只手双指顺时逆时拧旋转模型。
  双指向左向右滑动:一只手双指左右滑动。
  单指向左向右滑动:一只手单指左右滑动。
  旋转模型是为了全方位观察模型,让用户更好地把玩模型。通过以下案例来进行说明:
  模型缩放的交互定义及设计形式
  移动模型、旋转模型都是与模型互动,如果想深入了解模型则需要对模型进行缩放操作。设计手段包括手势、滑动条、缩放倍数的按钮。
  可以参考以下三种设计内容:
  双指扩展捏合缩放:以模型的中心点等比缩放。
  拖动滑动条缩放:拖动滑动条在0100的范围内进行缩放,当标尺拖动到极限时,则模型不再响应缩放。
  固定缩放倍数按钮:倍数已经固定,限定缩放的大小。
  双指扩展捏合缩放是在二维手机界面被大家熟知的手势操作,而滑动条、固定缩放倍数按钮的缩放形式,在AR场景多用于游戏类产品,一般在模型放置时固定模型大小,进入游戏后不支持手持操作。
  可以参考以下案例:
  有一种特殊的情况,当支持放置多个模型时,如何设计呢?此时,需要通过点击选中模型,模型进入选中态,与其他模型区分开,选中后进行的操作只作用于该模型,并支持删除模型的功能。
  为了增加模型交互时体验的丰富和细腻程度,模型交互(过程中、成功后)会有相应的反馈设计。包括:模型自身的动效、符合真实世界的视觉表现、音效、震动、语音反馈等。
  模型交互的设计原则和建议
  1。根据模型需要定义交互自由度
  模型的交互程度,需根据特定模型的自身属性产品的类型去定义,并非所有可交互类型都需要涉及。跟核心模型体验无关的交互,可禁止或增加操作难度。
  例如:科普类模型固定放置在平面后,需要便捷地旋转以查看模型细节,但Y轴移动查看的需求不大,部分场景可考虑禁止Y轴操作。又例如:游戏类AR模型位置相对固定,更多的体验在于与固定模型进行的细部交互。
  2。手势设计简单且符合直觉
  手势设计优先使用通用的方式,若没有通用的方式,则尽可能使用简单和符合用户直觉的方式进行设计。若违反该原则可能造成用户的理解和记忆障碍,需要加重用户引导,避免给用户造成操作困难。
  3。手势设计按需搭配且不可冲突
  在设定模型的交互自由度后,可选择合适的手势进行搭配使用。但一种操作方式只可匹配一个交互结果,不可出现手势冲突,手势的搭配需要成套考虑。
  例如以下搭配:
  异常处理的设计分析及体验建议
  1。AR中异常情况的定义及设计内容
  传统APP设计存在异常情况,比如无网络加载失败,登录发生错误等情况,那在放置类AR中是否存在异常情况呢?
  在放置类AR场景中体验时,由于使用者操作不当,导致模型出屏或模型丢失,无法与其再进行交互,我们统称为异常情况。还有一种情况比较特殊,当正在体验放置类AR时,其它应用突然被唤起,再重新返回放置类AR场景的处理。所以我们从交互设计层面需要对异常情况进行及时处理,正确引导用户解决困惑,给使用者一个良好的AR体验。
  在与模型互动过程中,会出现异常情况,需要通过一些设计形式可以及时地帮助使用者解决异常问题,设计手段包括:文字、动图、语音、辅助图形、重置、复位,具体运用根据实际设计需求而定。可以参考以下设计内容:
  模型出屏:模型出屏后视觉线索引导用户找到模型,可以搭配文字、动图、语音等形式,按照设计场景来自由组合。
  模型丢失:当视觉线索引导未找到模型时,通过点击按钮将模型复位,按钮可以常驻或非常驻。
  当发生模型出屏、模型丢弃复位的异常情况,根据产品类型和场景选择合适的设计手段,解决用户的困惑。结合具体案例以说明:
  在异常情况中有一些相对特殊的情况:
  第一种情况:体验放置类AR时,手机来电后不得不离开,当再次返回时,根据技术能力来进行交互设计引导,保留场景及模型或引导用户重新获取平面建立AR场景。
  第二种情况:当进入AR场景后,模型是固定大小尺寸,在设计时,需要考虑让用户可以重新放置模型在新的位置,提供重置按钮。
  游戏类、科普类设计时需要保留之前AR场景,有延续性的体验,技术做不到保留,则需要重新识别平面再次建立AR场景进行体验,如果支持放置多个模型的场景,建议不保留。当进入AR场景后,模型是固定大小尺寸,在设计时,要考虑界面上需要重置按钮,让用户可以重新放置模型在新的位置。下面结合案例具体说明:
  此外,在AR内容体验中也会发生丢失平面的异常情况。这里的异常处理可以使用话术准确告知用户原因,还可以配以图片、动图、语音,更具象更清晰引导用户解决问题。需注意与平面识别引导的设计形式保持一致性,若平面识别未使用语音,则识别失败提示也不能使用语音,避免突兀感。
  可以参考以下设计内容:
  纯文字话术:通过简单明了的文字正确引导用户操作。
  图片动图文字话术:图片动图诠释文字的含义,帮助用户理解如何操作。
  语音文字话术:语音辅助文字,使信息更有效传达,从而引导用户操作。
  2。异常情况的设计原则和建议
  模型出屏后需要及时引导用户找到模型,避免焦虑感。模型丢失后需要通过设计形式的组合搭配,以操作便捷的交互引导用户。
  建议在设计游戏类、科普类AR产品时,再次返回APP需要保留之前的AR场景,保留延续性。注意如果进入AR场景时无音效和语音,则异常情况引导不能出现音效和语音,避免突兀感。
  平面识别失败后需要及时反馈用户如何操作,需注意设计形式保持前后一致。
  放置类AR的设计核心原则
  以上就是AR放置类交互节点的分析和设计建议的详细内容,我们希望设计师能围绕AR应用的真实场景,考虑到每个体验节点的细节,结合上文提到设计建议,在设计过程中关注以下关键目标,为用户创造更加友好和细腻的交互流程和体验过程。
  清晰:传达的内容清晰明了,不会产生疑惑或歧义。
  有效:能帮助用户成功达到交互目标。
  流畅:无停顿感,过程一气呵成。
  愉悦:用户感觉愉快、无压力。
  可控:可自主交互,过程反馈清晰,给用户尽在掌握中的感受。
  希望通过我们提出的设计内容、设计原则建议能帮助到作为阅读的设计师、开发者们,在日后的产品设计、交互设计中能让用户在放置类AR场景有更好的体验,这也是我们编写的目的所在,为AI科技尽绵薄之力。
投诉 评论 转载

从4个角度谈谈:B端需求的演变路线要想做出好的产品,前提就是要深刻的理解需求,需求不止是个问题,它贯穿了产品的全生命周期,它的形态不断发生变化。需求是什么?需求本质上就是问题,问题是什么?问题本质就是现状……服务设计的3个关键点和1种呈现方法文章从服务设计的本质出发,提炼3个关键点和1种呈现和测试的方法来谈一谈,希望可以帮到大家应用到实际的工作中。服务设计近年来被炒的越来越火爆,几个月前zf相关部门也发布了相……送你一份设计指南(下):放置类AR设计近几年AR的概念非常火热,正在改变着我们与外界的交互方式。究竟AR模型的手势如何设计,交互的体验如何改善,一起来看这篇好文。当用户在真实环境的场景中稳定放下物体模型后,会……电商系统前后台全面解析“促销系统”本文笔者将从促销活动,发放优惠券以及拼团板块,对电商促销系统的前后台进行系统全面的解析。我这个人写的东西尽量让大家通俗易懂,没有阅读上的上的困难,我的写作方式也尽量遵循“……交互设计:短信验证码设计该注意什么?本文笔者将与大家介绍:发送验证码的短信内容设置规则,获取验证码的界面设计,发送逻辑,核对短信发送数量以及对接收不到短信的解决方案等,为大家展示验证码短信从内容设计到发送、反馈的……送你一份设计指南(上):放置类AR设计AR的场景多种多样,其中在手机设备的AR体验中,有一种基本且常见的场景:通过手机摄像头,用户在环境中放置虚拟物体(模型),用户与它有一些具体的互动操作。我们将这类场景统一称为放……产品体验日记发现优秀的设计04期分享“10个优秀设计1个思考”,日常储备设计素材的同时,思考设计背后深层的含义。1。即刻设计点:界面的表达始终要基于产品调性,年轻化的产品有年轻的设计手段,比如:幽……如何模块化设计出款系统(三)前两篇文章介绍了出款系统的整体构成,以及其中的出款应用层和出款服务层,今天我们继续往下看,出款服务层的下一层出款业务层。什么是出款业务层?首先来看看什么是出款业务层……好的banner广告,都是用户设计的本文将从常规的banner广告去展开叙述,对当下常见banner的设计风格等进行剖析,并融入自己的思考和总结,着重从用户的角度去思考一张banner广告的从0到1的过程。……优惠券系统细节剖析(二):优惠券后台创建流程设计当我们搞清楚优惠券分类那些事之后,系统后台的优惠券创建流程应该怎么设计,来保证后续面对奇形怪状的业务需求时如何让产品迭代更加有效率。enjoy前言优惠券在平台中是一……一个TOB物流系统“从0到1”的四个故事一个物流交易平台“从0到1”会发生哪些故事呢?下面,笔者将为你娓娓道来:自2013年开始,笔者便从事互联网产品行业,互联网产品是当下最能代表城市密度概念的重要数字元素。在……实践复盘丨如何完整地进行一次可用性测试可用性测试是通过观察有代表性的用户,完成产品的典型任务,发现产品的可用性问题,达到改善产品的目的。本文将按照测试前准备、测试执行、结果整理三大模块进行展开,总结其中需要注意的地……
第三章:产品规划(5)产品规划中的竞品分析第三章:产品规划(4)产品规划的需求决策第三章:产品规划(3)产品规划的设计理念新闻App“山东24小时”评测:社交功能亮了移动设备手持分析!用户到底是怎么使用手机的?关于动效要潜移默化,还是要引人注目?iOS8人机界面指南(二):设计策略Moleskine笔记本:卖产品不如卖洞察。让你的拇指歇歇吧无事来嚼小熊软糖,Haribo深度体验报告关于Booking和携程的酒店预订模块的思考他山之石可攻玉!一个美国高管眼里的中国电商从嘿客看亚马逊实体店:体验与期待

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界