Concept

State-Switch Control Recommendations

The safest solution is to use 2 UI elements, one for current state and another one for the switch-state action.

If you want, you can combine the two in a single control like Zoom does. Its Mute control has two separate components:

  • A text label indicating what will happen if the user will tap on that control
  • An icon indicating the current system state

Clicking on either will change the state.

Image 0

0

1

Updated 2021-05-16

Tags

Design Science