Design patterns for Immersive Tech

Direct manipulation slider

User goals

  • Set a value as an input using a slider
  • Increase or decrease a variable efficiently
  • Interact with interfaces in a natural way resembling real world interactions

Interaction

Using fully articulated hand tracking the user can use their hand to move a slider up or down, or left to right to adjust a value or variable (e.g. volume).

  • A visual representation of a slider is presented to the user. It can be horizontal or vertical depending on the context.
  • The slider has a set-point or handle or knob, depending whether a 2D or 3D design is implemented
  • The user uses their hand to move the slider one way or another
  • Method 1: The user pinches the set-point and once pinched can move their hand to reposition the slider until they release the pinch
  • Method 2: In the case of a protruding 3D handle or knob the user can grab the handle to move the slider or even hit, bat, slap or whack the handle with either hand to push it along.
  • Letting go of the pinch releases the object and stops the interaction
  • For maximum usability this should provide instant feedback that the variable has changed without the user needing to save the setting or go to another area to view the change.
    • For example a sound would communicate the volume increasing or decreasing and perhaps a visual volume level or state would be shown to change value
    • Information would scroll up or down with the slider movement
    • A value reader would show an immediately increasing or decreasing value

 

Linked to: Grab & ScrollSpin Scrolling

Examples

Hololens 2: Pinch to adjust slider

 

Hololens 2: 3D pinch slider