从现有产品谈谈XR空间交互

从二维GUI设备过渡到XR空间设备时，其交互范式也会随之从2D GUI时代转换到3D UI时代，本篇作者将重点探讨XR空间交互在体验设计上的影响及大厂是如何在该领域如何做的。

一、从二维平面到三维空间

从二维设备到XR空间计算设备，用户体验经历了显著的差异化变革，主要来源于XR技术的特性，包括立体感知、交互方式、环境感知和空间感知等。

1. 立体感知和沉浸感

在二维设备上，用户只能通过平面屏幕来观看内容，而在XR空间设备中，用户能够体验到立体的虚拟环境，其视觉感知更加真实和立体化。这种立体感知能够深度增强用户的沉浸感，使他们感觉仿佛置身于虚拟世界之中。

2. 自然的交互方式

XR空间设备提供了更加自然、直观的交互方式，比如手势控制、头部追踪、眼神交互等。相较于二维设备上PC端的鼠标和键盘以及移动端的手势触控，这些交互方式更贴近人类的日常行为习惯，使用户可以更自然地与虚拟内容进行互动。

3. 环境感知和交互范围

XR空间设备通过传感器和摄像头能够感知用户所处的物理环境，从而将虚拟内容与现实环境进行融合。用户可以在真实的空间中移动，与虚拟对象进行互动。这种环境感知和交互范围的扩展为用户提供了更多的可能性和自由度。

4. 空间感知和深度体验

在XR空间中，用户能够更准确地感知虚拟对象的大小、距离和深度，这与二维设备上的平面感觉有显著的不同。这种空间感知的提升为用户在虚拟环境中的导航和交互带来了更大的便利性。

XR技术的引入为用户带来了更加沉浸、自然和立体的体验，同时也为体验设计带来了新的挑战。在现实世界中，距离是衡量物体是否可以被触碰的关键变量。而从二维设备到XR空间设备上，也是经历了从2D UI范式转换为基于空间的3D UI范式。

在三维空间设计中，我们不仅考虑X和Y轴的UI布局，更多会引入景深的概念，考虑元素及UI在不同景别距离下的摆放位置。因此在XR设计领域，我们需要着重考虑空间环境布局对UI呈现的影响。

虽然XR空间不再像二维GUI受限于设备位置和尺寸，但仍然需要通过一定的规则有序的呈现虚拟界面及物体，否则将会让用户的认知和使用成本升高。

因此，本篇作者将围绕空间交互，论述距离对XR空间设计的重要性，以及在XR空间交互上的设计指导意义。

二、距离对XR空间的重要性

在XR空间中，用户与虚拟物体对象的交互往往需要考虑以下因素：

1. 物理环境与虚拟环境的对应关系

XR应用中虚拟对象与物理环境的对应关系直接影响用户的感知与交互。距离的感知可能因虚拟物体的大小、形状、位置以及用户所处的物理环境而有所不同。

2. 交互手段与控制器

XR交互的手段通常包括手势识别、控制器操作、眼神追踪等。不同的交互手段可能导致用户与虚拟对象的距离感知产生变化，进而影响交互的精确性和效率。

3. 用户视觉焦点与深度知觉

在现实世界中，人们通过双眼的视差来感知物体的深度。在XR中，用户的视觉焦点和深度知觉可能会受到虚拟内容的影响，从而影响他们对虚拟对象距离的感知。

4. 用户体验与沉浸感

正确的空间距离设计可以增强用户体验和沉浸感。过于接近或过于远离虚拟对象都可能导致用户体验不佳，因此需要在设计中平衡空间感知。

因此，基于空间的设计对XR来说尤为重要，空间的划分有助于实体感的营造、内容组织和结构化、提供真实的交互反馈等。

实体感的营造：通过空间布局及划分，可以营造更加真实，一致和自然的XR体验。合理的空间划分能帮助用户快速适应虚拟环境，减少迷失感，提供更高的沉浸度

内容组织和结构化：空间进行划分可以帮助用户更好将的组织和结构化信息。实现对虚拟界面、物体摆放、地图或场景空间的布局，让用户更轻松的定位、识别和使用各种功能和内容

提供真实的交互反馈：通过特定的功能或任务与特定的空间关联，用户可以更好的理解它们正在与生命进行交互，以及可能预期发生的交互行为是什么。

三、探索大厂在空间深度上的设计规范及指导

1. Google

谷歌在其AR design Guideline中，在内容展示位置部分提出，设计师可专注设计你的场景，以便用户可以轻松感知物体的深度和距离，在打造深度体验时，谷歌认为可将场景分为3个不同的区域，分别为近场、舞台和中心舞台：

距离用户最近的场景：如果对象意外靠近用户，会迫使用户向后移动，因为用户更难以看到完整的对象。如果您希望用户低头查看或检查某些内容，这种做法非常有用。不过，要注意不要鼓励用户后退！它们背后的真实物体可能被撞到。

舞台：离用户最远的场景,如果把物品放在舞台上，则用户很难看清小物体和坐在远处的物体之间的区别。这对鼓励探索和运动很有用，但可能会造成视觉上令人困惑。

中心舞台：这是用户最舒适的观看范围。此处的对象是用户互动的最佳对象。因此，谷歌建议在用户放置物体时，可以设置最大展示位置距离。这有助于确保用户将对象放在舒适的观看距离。此外，这还保证随着用户继续移动对象，该对象将保持真实的比例。

四、XR空间设计原则及指导

我们在优化XR交互的空间距离设计时，还需要考虑多方面的因素：

1. 虚拟物体与物理世界对应关系合理性

在XR空间中，确保虚拟物体在物理空间中的位置、大小和相对位置与用户的感知相符。

使用虚拟物体的阴影、照明和遮挡效果，以及环境映射等技术来增强虚拟物体与真实环境的一致性。在设计中，将虚拟物体放置在与物理环境中相符合的位置，使用户在视觉上能够更自然地理解虚拟与现实的关系。

2. 灵活切换的交互手段

提供多样的交互方式，允许用户根据场景和距离选择合适的方式进行操作，让用户可以根据情境自由灵活的进行近远场交互的切换。

3. 深度知觉的模拟

模拟视差以增强用户的深度感知，帮助他们更准确地理解虚拟环境中的空间距离。利用阴影、透视、视觉效果和光影等技术，营造出真实的深度感。通过在视觉上强调虚拟物体之间的距离和位置关系，增加用户对虚拟环境深度的认知。

4. 实时调整和反馈

在设计中平衡用户的感知和需求，避免过于远离或过于接近虚拟物体带来的不适。通过用户测试和反馈，了解用户在不同距离下的感受，从而进行合理调整。确保虚拟物体的大小和位置既不会让用户感到不自然，也不会影响交互的精确性和效率。

五、空间交互应用实践案例

作者想分享一个从XR基地《XR 世界导览 NEWSLETTER #008》中看到的一个空间交互的设计案例，很适合本篇文章用于做典型案例的介绍。

ATAP中一员Ivan Poupyrev在twitter上发布了他们团队设计的Case。这个设计的背景是在美国，线下消费的增速高于电商，初衷则是实体店为了能让顾客更好的去与实物衣服互动，且展示那些一般会被忽视的细节（比如洗涤建议标）。

在该项目中就是运用了用户距离屏幕的距离来进一步展示衣服的面料细节，从最开始Zone 1 里展示样式，到 Zone 2 显示具体材质与价格， 最后到 Zone 3 显示洗涤建议。

在空间中远近距离下呈现不同的内容，也是空间交互中一个全新的尝试。用户距离元素较远时更倾向于浏览内容的全貌及概览，而越来越近时，用户更倾向于发现更多的信息及细节。

你在日常生活中还有遇到什么有趣的关于空间交互的应用案例，欢迎在公众号后台私信作者交流及分享。

总结

从二维GUI平面到三维XR空间，用户体验经历了显著的差异变革，包括立体感知、交互方式、环境感知和空间感知等方面，尤其是从2D GUI范式转换到3D UI范式下，深度对体验设计的影响因素尤其重要。纵观XR大厂Google、HoloLen、Apple及Oculus,我们不难发现其设计指导及建议都有包含空间交互下关于深度的指导。如果你也在致力于空间交互相关的产品设计，不如尝试从深度角度入手来看看有什么体验机会点。