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

设计AR产品时,如何为用户构建空间的概念?

2月26日 回头爱投稿
  工作期间,我负责过多款AR项目的设计。AR产品和其他产品的最大区别,就是引入了“空间”这个概念,这一点对于用惯二维APP的用户而言可能是略显陌生的。那我们要如何通过设计,为用户构建空间的概念呢?
  我认为可以从以下四个方面入手:
  表现设计元素的空间特性;
  赋予虚拟物品空间特性;
  引导用户在空间内的行为;
  保持界面简洁,专注于空间内的操作。
  一、表现设计元素的空间特性
  1。区分基础设计元素和空间设计元素
  ARAPP的交互内容分为两部分,基础界面交互和空间元素交互。
  为了使用户能更好地理解并掌握如何使用产品,我们需要在设计空间元素交互时,表现出Z轴的概念,让设计元素根据空间的特征进行变换。
  例如下图这个定位点,会始终和它锁定的平面保持平行贴合的关系。移动手机时,它的大小、角度变化,都在暗示用户这个定位点在空间内是于电脑这个平面相贴合的。
  就像上图所示,虽然空间交互元素可能还是最平凡的点线面组合,但也可以通过精心设计的交互效果来表现出空间上的特征。
  2。加入3D的表现形式
  以苹果的测量工具为例,下图截取自初始的SLAM扫描提示动画。细看的话可以发现这个动画做得非常细腻,通过以下几点来表现产品的空间特性。:
  手机角度的变化
  屏幕反光区域的变化
  平面的透视
  AR设计并不是要把所有内容3D化,但对于引导类的信息而言,相对立体的设计能帮助用户更好地理解。
  二、赋予虚拟物品空间特性
  1。基础物理特征
  如果ARAPP要达到的目的是效果真实(例如IKEAPlace),那么赋予虚拟物品一些基础物理特性就非常重要。
  举一个最简单的例子:阴影。
  再举个例子:环境光线反射。
  不同的空间环境,也会对AR虚拟物体的物理特性有许多影响。例如在昏暗的光线环境下,放一把日常光线渲染出的椅子就会很突兀。
  除了这两点外,还有材质、贴合程度等多种影响AR真实性的物理特征。找到这些物理特征后,我们应该向算法大哥提出各种优化需求,从不同的层面为虚拟物体增加真实性,提升用户的整体感受。
  2。动态关系
  以快手发布的新年特效为例,就通过向远方空间发射的设计元素,为虚拟空间增加了代入感。
  除了虚拟物体自身和空间内的关系外,还要考虑虚拟物体与空间内其他真实物体互动时是什么关系,是遮挡、叠加、容纳,还是动态的躲避、穿越。
  3。定义物体在空间内的大小与位置
  我在一款AR家具类APP内随便打开了一件商品,就遇到了下图这样的情况。物体又大又近,完全超出了我的可视范围,还非常有压迫感。如果是仿真的虚拟物体,那就最好能赋予它真实尺寸。如果尺寸大到在当前环境内不适合展示,可以予以说明。
  除了尺寸外,还应注意物体显示的位置。Google在设计指南中也指出,要为虚拟物体设置一个最近和最远的移动区间:
  三、引导用户在空间内的行为
  首先,能在设计中做到前两点的话,就已经能够在一定程度上,通过设计语言,帮助用户理解这个产品的空间性。
  但是根据日常使用APP形成的心智模型,用户很可能并没有意识到,自己在使用ARAPP时可能需要在空间内移动。例如在寻找平面时,用户可能需要四处旋转以确定平面位置;在测量大型物体时,用户需要举着手机移动,直到把大型物体的两个顶点全部扫入。因此,需要通过设计提示信息,引导用户在空间内的行为。
  以我设计过一款3D扫描APP为例,受限于我们握着手机的视角,用户在空间内更多只有左右的概念,并不容易想到上面和下面。在扫描过程中,用户容易在操作中忽略了头顶面和地面的存在。为了解决这个问题,当用户进行相关操作时,我使用了多个层级的提示,对用户行为进行引导。
  四、界面简洁,专注于空间内的操作
  借用AboutFace中的这句“不论你的界面多酷,越少越好。”
  在进行AR产品设计时,更应该让界面内的元素尽量简洁。因为AR是一种融合式的设计场景,将现实空间和虚拟物体相融合。而现实空间内可能有许多干扰物,本身就比较杂乱。这种情况下再放上密密麻麻的操作按钮和入口,容易让本来就不熟悉AR交互的用户,更加不知所措。
  在宜家、苹果和谷歌推出的这些先导性的AR产品中,简洁的AR界面与突出的核心操作是共通特征。其中,宜家的IKEAPLACE产品逻辑相对复杂一些,但也在AR交互的模块中,保持了最大的克制,让用户专注于当前和现实空间交互的操作。
  截图分别来自GoogleARDoodle、IKEAPlace和iPhone自带的测量工具
  此外,苹果的测量工具有识别正方形的功能。但是这个功能并没有展示在页面中,而是在用户对准特定形状后,才会自动显示。在次要功能的可发现性和AR界面的简洁性中,大多数公司选择了后者。用户本身就对这些新工具的操作不够了解,支线功能太多容易使人困惑。此外,在界面上开放太多的功能入口,可能会打断用户在AR环境中的沉浸式体验。
  参考:
  苹果AR设计指南:
  https:developer。apple。comdesignhumaninterfaceguidelinesiossystemcapabilitiesaugmentedreality
  谷歌AR设计指南:
  https:designguidelines。withgoogle。comardesignenvironmentdefinition。htmldefinitionphysicalenvironments
投诉 评论 转载

UGD思维用设计给数据增长赋能增长概念火热后,这一概念深入了互联网行业的各类工作角色与职责目标。而对UI设计师来说,这种趋势更意味着,UI设计师不能只是产品“美工”,它更应该追求更层次目标,用设计驱动产品优……如何获取最佳构想,定义产品设计?在产品设计过程中,有什么高效便捷的方法帮助我们做好产品定义呢?笔者通过周全的分析后,认为“头脑风暴”与“6顶思考帽”会是不错的办法。本文针对人群:用户界面设计师,用户体验……阿里达摩院设计师分享:智能客服对话机器人的设计全流程随着智能技术的不断发展与深入,对话机器人的应用越来越普遍,展现了高效、24小时在线沟通等效果,一定程度上弥补了人工客服的不足。那么,对设计师来说,这类智能客服对话机器人又是如何……《用卡王品牌的设计故事》这是一个服务设计方法论实践的故事,经过两年的理论学习后,用了一年时间进行理论方法的实践。实践案例是一个创业型用户品牌产品。用户型产品的设计,不仅仅局限在产品设计本身。而是,以用……如何做出产品技术测试都喜欢的“交互原型文档”?一份恰到好处的交互原型文档,能够体现出产品的交互设计规划以及大概展示效果,并保证设计师、开发、测试对交互效果展现达成一致,避免中途翻车产品上线延期。很多交互设计师都会遇到……以智能购物为例,分享产品设计要点本文以智能购物为例,分析了从需求发掘到产品规划与设计等流程中的关键节点与思路,希望这个案例的分享对你有所帮助。01问题在现代世界中,时间是最宝贵的财富。花在购物上的……如何进行疫情实时新闻的MVP设计?实时新闻和消息公开是最好的疫苗,及时的信息获取让我们理性认识疫情发展,不陷入恐慌中。目前丁香园、腾讯、支付宝和网易做的疫情实时新闻产品在市面上是不错的,其中丁香园的产品上线最快……案例解析:电商大屏数据可视化设计经验分享!本文结合大量实际案例,来与大家分享电商类大屏设计的经验,带你了解电商大屏的设计技法与思考。数据可视化大屏设计大多以蓝色调为主,因为蓝色比较容易营造大屏所追求的科技感,所以……像苹果Google一样做设计语言,带你了解全流程总结规范一款设计语言的意义很明确,那就是解决团队内部的统一性与效率问题,并通过统一的设计语言打造统一的品牌符号形象,捕捉用户认知与记忆点。那么我们又该如何总结出自己的设计语言呢……设计AR产品时,如何为用户构建空间的概念?工作期间,我负责过多款AR项目的设计。AR产品和其他产品的最大区别,就是引入了“空间”这个概念,这一点对于用惯二维APP的用户而言可能是略显陌生的。那我们要如何通过设计,为用户……B端产品怎么判断需求优先级?产品经理的日常工作基本是围绕需求展开的,而面对不同角色给出的各类需求,产品经理该如何判断需求的优先级呢?怎么找到判断标准与关键呢?针对这样的疑惑,笔者给出了一系列分析与解答。……运费模板的设计元素与逻辑运费模板将分为店铺模板和单商品模板,本文将以单商品模板作为主要讲解,如果有需要则可根据单商品模板进行调整与删减得到店铺模板。运费模板的设计在页面内设计元素较少且较为简单,……
FACEBOOK产品设计总监!设计APP时的14个必考题逆天的广告神创意!《破茧成蝶》之产品需求分析读书笔记卖出你的作品!聊聊销售与设计的跨界思考产品用户体系建设初步研究及见解产品经理如何评估产品机会数据指标的妙用产品设计中的9个注意事项防戳屏神器!12个完美呈现“大气”的酷炫网站设计日本设计必遵循的七大原则移动互联网产品设计原则(绝壁干货!)为什么你的广告不吸引人?
大禹治水三过家门而不入大禹究竟是个什么样的人好文:宝鸡特产有哪些好带的热议聚热点网 小学生游记日记300字抽烟的好处拭目以待探讨高层建筑施工中绿色施工技术的应用我最敬佩的老师定位无需对方同意(定位无需对方同意)做腊肉,万万不能直接炒,湖南人教你正确方法,细嫩柔软香满屋有关小学的游戏作文400字锦集十篇好用的弱酸性洗面奶排行榜轻断食真的可以减肥吗?

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