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.

0
1
Updated 2021-05-16
Tags
Design Science