Skip to main content

Sliders

Sliders allow users to make selections from a range of values.

Specifications

  • Sliders should fit within the field of view of the user. A generous margin is required, so that headsets do not lose track of the hand interacting with the component.
  • Discrete ranges are optional, but due to the natural lack of snapping, visual and not necessarily haptic.
  • When a label is visible, it should clearly communicate the purpose of the range input and its values (min, max, step, value).

Behaviors

  • Adjust a slider’s value(s) through pinch or grab its handle(s).
  • Hovering over an active slider’s handle will change the default state to hover.
  • Changes made with sliders are immediate.

Touch = UIs placed at 50cm (~20 Inch) from users

Example Size (px or mm)
Slider 24 168 x 36, with 24 Grip
Slider 24 Text Side 208 x 36, with 24 Grip
Slider 24 Text Top 168 x 64, with 24 Grip
Slider 32 168 x 36, with 32 Grip
Slider 32 Text Side 208 x 36, with 32 Grip
Slider 32 Text Top 168 x 64, with 32 Grip