Google设计指南:全套AR 应用设计攻略(下)

上一篇文章中,格格学姐为大家分享了AR设计中用户细节、用户舒适度等基础性知识。今天就继续为大家分享如何提升与虚拟资源的交互感等关键问题!

Google设计指南:全套AR 应用设计攻略(下)

01、怎样与虚拟资源交互

1. 选择

选择允许用户辨别、操纵虚拟物体,以及与虚拟物体交互。

Google设计指南:全套AR 应用设计攻略(下)

创建视觉指示,高亮那些可以与用户交互的物体。尤其是在可选择多个物体的情况下,将变得非常重要。应保持虚拟物体原本的视觉完整性,同时注意不要让视觉凌驾于虚拟资源之上。

2. 平移

平移允许用户沿着表面移动虚拟对象,或从一个表面移动到另一个表面。

(1)平移

设计直观的物体选择:

Google设计指南:全套AR 应用设计攻略(下)

为了移动物体,用户可以选择它,并用手指沿屏幕拖动或实际的移动手机。

(2)多表面平移

避免在平移过程中突然变换或缩放比例。

Google设计指南:全套AR 应用设计攻略(下)

请记住以下几点:

◍在视觉上区分两个表面;

◍避免突然的变化,这可能是由于改变缩放而引起的错觉;

◍在用户松开手指前,在表面上显示即将放置的位置。

(3)平移限制

增加最大平移限制:

Google设计指南:全套AR 应用设计攻略(下)

添加最大平移限制,可以防止用户将场景中物体平移的太远,以至于无法查看或操作。

3. 旋转

旋转可以让物体朝向你所期望的方向,旋转分为自动和手动。

手动旋转:通过双指手势进行手动旋转,为避免与缩放冲突,要求双指在水平方向同时朝同一方向移动。

自动旋转:尽量避免自动旋转,除非这是体验中有意设计的一部分,长时间的自动旋转可能会令用户感到不安。例如:如果物体的方向被锁定为朝向用户,当手动更改物体方向时应限制自动旋转。

4. 缩放

缩放是指放大或缩小物体大小的能力。

(1)缩放

Google设计指南:全套AR 应用设计攻略(下)

缩放常用捏合手势执行。

(2)约束

Google设计指南:全套AR 应用设计攻略(下)

添加最小和最大缩放限制,来获得最佳体验。允许较小的缩放比例用于精确的组合场景,考虑添加回弹效果来指示最大和最小尺寸。或者,如果物体已根据需要达到实际比例,则添加反馈。

(3)缩放&可玩性

Google设计指南:全套AR 应用设计攻略(下)

使用缩放可以让体验更有趣的两个方面:

◍考虑使用缩放在体验中触发惊喜,例如:放置在场景中的大型虚拟角色可以增加惊喜元素。

◍声音也可用于进一步表达缩放,改变音阶可以提高沉浸感。

5. 手势与接近性

重叠的手势和物体会让用户难以进行选择,也对执行手势造成了不便。

(1)接近性

考虑触摸目标的大小,以便实现最佳的交互。

精准的操控过小或过远的物体,可能对用户来说是一个挑战。

Google设计指南:全套AR 应用设计攻略(下)

当您的应用检测到物体附近的手势时,应当假设用户正在与它进行交互。尽管目标物体尺寸比较小,但也应当提供合理的触摸尺寸。

(2)意外的手势

为手势和交互创建统一的标准体系。当将手势分配给特定的交互或任务时,应当避免使用类似的手势来完成不同类型的任务。

例如:通过双指捏合手势缩放物体时,应当避免使用此手势来旋转物体。

(3)融合多种两指手势

双指手势通常用于旋转或缩放对象。

这些可以包括:

◍使用食指+拇指旋转;

◍使用拇指+食指,用拇指作为中心,旋转食指;

◍分别独立使用两个拇指。

这些触摸交互应包括为两指手势的一部分。

02、设计体验

1. UI 组件

UI 设计应以沉浸体验为元素,目的是在视觉上融合虚拟与现实空间。创建一个视觉上透明的 UI,可以无缝的帮助你构建沉浸式体验。

(1)统一浏览体验

Google设计指南:全套AR 应用设计攻略(下)

尽量避免让用户在场景和屏幕之间来回切换。

Google设计指南:全套AR 应用设计攻略(下)

这可能会分散注意力并减少沉浸感,考虑减少屏幕上的 UI 元素数量,或尽量将这些控件放在场景本身中。

(2)删除和丢弃

Google设计指南:全套AR 应用设计攻略(下)

利用用户习惯,将物体拖动到垃圾桶标志来进行删除。

(3)重置

Google设计指南:全套AR 应用设计攻略(下)

让用户轻松可以重置,在允许的情况下构建重置体验,包括:

◍当系统无响应时;

◍如果体验是渐进式的,并且任务完成(例如:游戏)。

(4)权限

明确应用需要某些权限的原因,仅当用户需要进行体验时,才显示获取表面的权限。否则,用户可能会犹豫是否允许访问。

明确每个权限的好处和相关性,例如:告诉用户您需要访问其设备的相机或位置的原因。

(5)错误

帮助用户轻松从错误中恢复,使用视觉提示、动画和文本的组合,可以为系统错误和用户错误传达明确清晰的解决方案。

标明现在出现了什么问题,要避免责怪用户,专注于让用户采取正确的行动。

错误提醒的部分示例包括:

◍黑暗的环境:太暗无法扫描。尝试打开灯或移动到光线充足的区域。

◍用户移动设备太快:设备移动太快。尝试更慢地移动它。

◍用户阻挡传感器或摄像头: 看起来传感器被阻挡。尝试移动手指或调整设备的位置。

2. 体验

(1)界面

要设计身临其境的体验,但也要增强用户的控制感。

Google设计指南:全套AR 应用设计攻略(下)

◍覆盖全屏:除非用户自己明确选择,否则请避免这种情况发生;

◍2D 元素覆盖:避免连续的 2D 元素覆盖,会极大破坏沉浸感;

◍连续性体验:避免频繁地让用户反复进入场景,让用户在应用中即可执行主要和次要任务。例如:允许用户选择、自定义、更改或共享物体而无需离开 AR 场景。

(2)初始化

表明从 2D 到 AR 之间的转换,使用视觉技术清楚地指明系统状态。例如:在即将发生转换时,将手机调暗或使用模糊屏幕等效果,引导与说明提供完善的引导流程。

允许用户快速开启 AR 体验,并引导用户如何在首次运行中,按流程执行关键的任务,这将有助于指导相关任务并建立保留。

在添加流程引导提示时,请务必:

◍任务完成后解除提示;

◍如果用户重复相同的错误,请提供提示或重新开始关键的视觉引导。

依靠视觉引导,而不是仅仅依赖于文本,使用视觉引导、动作和动画的组合来指导用户。

Google设计指南:全套AR 应用设计攻略(下)

例如:用户很容易理解滑动手势,可以在屏幕上向他们展示,而不是通过纯文本指令进行通信。

(3)用户习惯

利用用户熟悉的 UI 形式和约定,与标准 UX 交互形式和模式保持一致,同时不要破坏体验的沉浸感。这将会减少对说明或详细引导的需求。

(4)模式- 纵向与横向

提供纵向和横向模式支持,如果无法做到这一点,请选择适合你的体验模式。支持这两种模式可以创造更加身临其境的体验,并提高用户的舒适度。

请考虑以下最佳用例:

Google设计指南:全套AR 应用设计攻略(下)

◍相机和按钮位置:对于每种模式,请注意相机的位置如何影响深度感知、空间感知和精确的表面测亮;

◍关键目标位置:不要移动关键目标,并允许旋转动画;

◍布局:适当的情况下,更改次要目标的布局;

◍单一模式支持:如果只支持一种模式,请向用户说明。

(5)音频探索

使用音频来鼓励参与,并增强用户体验。音频可以鼓励用户通过应用探索 360 度的周边环境。要确保声音可以增加体验,而不是分散注意力。

如果要在 3D 物体或 360 度环境中增加音频,请注意以下几个方面:

◍免同时播放声音;

◍为声音添加衰减效果;

◍当用户没有操控物体时,则可以让音频淡出或停止;

◍允许用户手动关闭所选物体的音频。

(6)视觉探索

使用视觉或音频提示来鼓励屏幕外探索。

Google设计指南:全套AR 应用设计攻略(下)

使用视觉提示来引导用户,探索周边更宏大的 AR 世界。例如,设定鸟飞离屏幕让用户将其带回场景,可以帮助引导用户完成预期目标。

(7)深度上的冲突

始终要考虑用户的实际空间。

Google设计指南:全套AR 应用设计攻略(下)

避免发生深度上的冲突(当虚拟物体看起来与现实世界的物体相交时),请注意合理的房间大小,以及用户可以使用应用的各种环境。通过清楚地表明从桌面到整个房间,到世界范围到底需要空间量,来设定准确的期望值。

03、现实主义

1. 实现现实主义

当 AR 内容对现实世界环境做出反应时,通过阴影、光照、遮挡、反射和碰撞来模拟物体的真实存在。

(1)深度

利用视觉技巧向用户表达深度。

Google设计指南:全套AR 应用设计攻略(下)

用户可能难以在增强现实体验中感知深度和距离。利用阴影、遮挡、透视、纹理、常见物体的比例,以及放置参考物体来可视化表达深度。例如:青蛙从背景跳跃到前景,通过这样可视化方式表明空间深度。

(2)灯光

Google设计指南:全套AR 应用设计攻略(下)

优化照明条件当不存在照明时,虚假环境照明可以为场景中的资源创建深度和真实感。

(3)真实存在

设计让物体在真实世界中存在。

Google设计指南:全套AR 应用设计攻略(下)

在增强现实体验中,物体的存在可以定义为在一组物体中共存的主观体验。

通过利用阴影、光线、环境遮挡、物理和反射来模拟物体的存在,使 AR 内容对现实环境做出反应。

本次关于AR设计的设计指南就到此结束了,希望能够帮到大家构建完美的AR体验

相关阅读:

Google设计指南:全套AR 应用设计攻略(上)

业界动态

买菜大战,留给拼多多的时间不多了

2021-1-20 9:31:57

业界动态

“九不得”时代:社区团购的变与不变

2021-1-20 9:39:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索