按钮

Button

按钮是混合现实中最基本的关键 UI 元素之一。 通过它,用户能够触发即时操作。 由于混合现实中没有物理反馈,因此提供足够的视觉和听觉反馈以增加用户的交互信心至关重要。

在 HoloLens 2 按钮设计中,基于许多设计迭代、原型和用户调研研究,我们集成了多种视觉启示和听觉提示,帮助用户在空白空间中进行深度感知和交互。

视觉启示

Button with proximity light effect shown
邻近感应灯

Button selected with focus highlight effect shown
焦点突出显示

Button being pressed with compression cage effect shown
压缩笼罩

Button being pressed with trigger pulse effect shown
触发脉冲


音频提示

适当的听觉反馈可显著改进用户体验。 HoloLens 2 的按钮提供听觉反馈来传达以下提示:

  • 接触开始:触摸开始时播放声音(接近交互)
  • 接触结束:触摸结束时播放声音(接近交互)
  • 收缩开始:在收缩选择时播放声音(与凝视或射线的远距离交互)
  • 收缩结束:在收缩释放时播放声音(与凝视或射线的远距离交互)


语音命令

对于混合现实中的任何按钮,支持可选的交互选项都很重要。 默认情况下,建议对任何按钮支持语音命令。 在 HoloLens 2 的按钮设计中,我们在悬停状态提供了一个工具提示以提高可发现性。

Voice input
图片:语音命令的工具提示



重设大小建议

为确保所有可交互对象都可以轻松触摸,建议确保可交互对象满足基于它与用户的距离的最小大小。 视角通常以视弧度数来衡量。视角基于用户眼睛与对象之间的距离并保持不变,而目标的物理大小可能会随着与用户距离的变化而变化。 要根据与用户的距离确定对象的必要物理大小,请尝试使用视角计算器,例如这个

可交互内容的最小大小建议如下。

直接手动交互的目标大小

距离 视角 大小
45 cm 不小于 2° 1.6 x 1.6 厘米

Target size for direct hand interaction
直接手动交互的目标大小


按钮的目标大小

创建用于直接交互的按钮时,建议使用更大的最小尺寸 3.2 x 3.2 厘米,以确保有足够的空间来包含图标和一些可能的文本。

距离 最小大小
45 cm 3.2 x 3.2 厘米

Target size for the buttons
按钮的目标大小


手部射线或凝视交互的目标大小

距离 视角 大小
2 m 不小于 1° 3.5 x 3.5 cm

Target size for hand ray or gaze interaction
手部射线或凝视交互的目标大小



设计指南

避免使用透明的背板

使用按钮设计菜单 UI 时,建议使用不透明的背板。 建议不要使用透明的背板,原因如下:

  • 难以与之交互,因为很难理解按钮必须按多深才能触发事件
  • 复杂物理环境下的易读性问题
  • 与深度 LSR 稳定技术一起使用时,通过透明板显示的全息影像可显示游泳效果问题。

若要详细了解全息显示的颜色选择和指南,请参阅设计全息显示的内容

Transparent UI examples透明 UI 背板示例


使用共享背板

对于多个按钮,建议使用共享背板,而不是单个按钮的背板。

  • 降低视觉噪音和复杂性
  • 清除分组

Shared backplate examples共享 UI 背板示例



MRTK(混合现实工具包)中的按钮

用于 Unity 的 MRTK用于 Unreal 的 MRTK 提供各种类型的按钮预制件,包括 HoloLens 2 风格的按钮。 HoloLens 2 按钮组件包含本页中引入的所有视觉反馈和交互详细信息。 通过使用它,可利用设计人员、开发人员和研究人员进行的许多设计迭代和用户调研的结果。

有关更多说明和自定义示例,请查看 MRTK - 按钮



另请参阅