腾讯 VR Dock
2023 年，我在腾讯 XR 部门担任交互设计师。当时腾讯正筹备发布自研的 VR 设备，该设备需要一个系统级的启动器（Launcher），而核心组件之一就是 Dock 栏，它位于虚拟空间的底部。它不仅仅是一个任务栏，更承载了整个 VR 系统中的应用图标，使用户能轻松切换各类应用与功能。在 Dock 附近还设有 “所有应用（All Apps）”，作为用户管理和查找全部应用的集成入口。我的职责十分明确：负责 Dock、应用图标以及 All Apps 的交互设计。
然而每个项目都有难点，此项目最大的挑战来自输入方式。与大多数使用手柄控制器的 VR 设备不同，腾讯希望以手势追踪作为主要交互方式，尝试一种更加创新且自然的体验。这让我想起 Oculus Touch、HTC Vive 等设备的直觉式交互。但手势交互并不完美。
在传统 GUI 中，用户的操作路径是可见的：界面清晰，反馈及时，操作有迹可循。但在 VR 中，手势虽然看似自然，却极具不确定性。由于缺乏触觉、重力等现实反馈，即使是最简单的手势也容易让人感到割裂；例如，切换物体外观这样的动作可能需要复杂且非直观的手部动作。即便是符合直觉的手势，也有可能被系统误识或识别失败。
项目关键反思：
1. VR 的交互方式应尽可能贴近现实世界中的动作逻辑
2. 对于手势交互，用户需要清晰的引导与即时的多模态反馈（视觉 / 听觉）
设计方向的确立
为了让腾讯的 VR 设备在市场中脱颖而出，我们决定重新构想 Dock 与应用图标的呈现方式——采用 3D 模型而非传统的 2D 图形界面。图标以交互式 3D 模型的形式出现在 VR 环境中，提升沉浸感与可操作性。鉴于手势追踪带来的挑战，我们格外注重交互反馈，确保用户在操作中能够收到明确的视觉与听觉回应。这不仅是审美上的考量，更是构建直观、易用、沉浸式用户体验的核心。
直觉手势
按压（Press）”与“捏合（Pinch）”这类直觉手势，源于我们日常生活中对双手的自然使用方式。UI 的交互提示设计（Affordance）决定了用户应如何与 3D 物体进行交互。例如，一个按钮通常被设计为鼓励用户使用食指指尖进行点击，而当面对较小的物体时，用户则会本能地使用拇指与食指之间的捏合动作去抓取。为了简化交互操作，在本项目中，我们仅保留了两种基础手势：按压与捏合，分别对应两个核心操作：启动应用与调整图标位置。这样的设计既贴近用户的身体直觉，又提升了交互效率与系统识别的准确性。
Dock上的 3D 图标：按压与捏合交互测试
基于视觉引导的操控
边框盒（Bounding Box）作为视觉提示，向用户传达对象可缩放的特性。其扩展与收缩的方式遵循一种普遍可识别的模式，类似于按下开关时的反馈。这一视觉引导帮助用户全面感知对象的占位范围，即便其部分结构处于非激活状态或被遮挡。在缺乏此类提示的情况下，三维图标若附着在其他物体或表面上，可能会给用户造成空间感错乱，误以为周围存在多余的不可见空间。因此，在三维界面中使用符合用户操作直觉的视觉引导元素，是实现自然交互体验的关键。
点击 Dock 上的 3D 图标，启动应用体验
表面扩散效果用于呈现点击状态。 当指尖首次接触边界框的正面时，触点（Touch Point）以一个小点的形式显现。随着按压力度的增强，并达到最高点，这个点会逐渐扩展，最终覆盖整个正面区域。与之配套的视觉提示是底面（Base Surface），其透明度会随按压深度变化，从完全透明过渡到完全不透明。这些视觉机制帮助用户判断所需的按压深度，并在手势控制中弥补缺乏真实触感反馈的不足。
在 Dock 上放置 3D 图标到一个新的位置
当用户对图标进行捏合操作时，原本微弱的边界框会变得更加明显，其线条随之加粗。这一变化增强了图标的体积感，使用户在交互过程中获得更强的掌控感，从而提升对操作的信心。它强调了一种“确实抓住物体”的真实触觉错觉。
2D 图标与 All Apps
除了默认显示在 Dock 上的 3D 图标外，还需考虑 “All Apps” 窗口中应用图标的形式与交互方式。与 Dock 不同，All Apps 在打开时呈现为一个二维的平面界面。因此，如何在用户将图标从该窗口拖动至 3D Dock 时实现流畅的转场效果，并确保图标从 2D 向 3D 的视觉转换自然且统一，成为本项目中的一项重要挑战。
2D 图标结构
在默认状态下，“All Apps” 的图标排列基本沿用传统形式：二维图形上方配以名称标签。转化从悬停状态开始，当用户的手部接近图标时，边界框随之显现。整体而言，2D 图标的结构与其 3D 对应版本高度相似，但视觉上更像是将 3D 模型压平，以替代基础表面（Base Surface）。此外，2D 图标不再配有悬浮的名称标签，名称始终显示在窗口内。这一设计在保留用户对图标传统认知的同时，也延续了 3D 图标的交互方式，有效降低了用户的学习成本。
与 All Apps 中的 2D 图标交互
当用户的手靠近 2D 图标时，边界框会自动显现，提示图标的空间体积。当指尖接触边框时，触点随之浮现，并随着按压力度逐渐扩大，帮助用户感知按压深度。当触点完全覆盖图标前侧边界框时，应用被成功启动。若该应用为非沉浸式，其窗口将直接替换当前的 All Apps 界面。
将 2D 图标添加至 Dock
当用户对边界框执行捏合手势时，边框颜色加深并变粗，表示已进入移动模式。此时，原始图标变为灰色，边框开始跟随手部移动，并在其中生成一个 3D 快捷方式图标。该图标并非应用本体，而是可添加至 Dock 的副本。当手部靠近 Dock 区域时，Dock 自动展开并生成一个空位。松开手势后，图标吸附到新位置并恢复默认状态。
结语
在这个项目中，我围绕“自然直觉的手势交互”与“空间中的信息呈现”展开探索，尝试为腾讯自研 VR 系统构建一个既具沉浸感又高效易用的 Dock 启动器。通过对手势识别、空间反馈、2D/3D 图标转换等多个关键节点的设计与测试，我不仅解决了“无触感”所带来的操作不确定性，也思考了在 VR 场景中如何以最小的学习成本，实现最大的交互自由度。
VR Dock 不只是一个工具栏，它承载着系统的秩序、信息的入口与情绪的引导。它是用户进入虚拟世界的第一步，也是交互体验是否顺畅的关键一环。这个项目让我进一步理解了虚拟空间中的“可用性”不仅来自技术能力，更来自人类感知与行为的理解。