I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which...
Admiral Patrick
link
fedilink
English
21
edit-2
10M

Exactly. A light switch* shows its current state, and toggle buttons are effectively an equivalent to that.

*Standard, two-way garden variety light switch

Light switches are a bad example. Up doesn’t mean on and down doesn’t mean off when you have multiple switches for the same thing.

These switches visibly have 2 states and switching it means you want the other one. In tech it’s less obvious that there are only two states and that toggling the button will do something in particular. Recall the play and pause button on your media app. That button could change the state in any number of ways but in order to convey to the user what will happen BEFORE the button is pressed, the player shows what action will take place.

You’re already in the current state, that rarely adds info. Toggles should indicate what they will do.

Admiral Patrick
link
fedilink
English
110M

When I think “toggle” switch, I think in terms of binary states: on or off. Which is why I used a light switch as an example rather than a media play/pause button which can have multiple states. In that scenario, yes, it would be more intuitive for the button to display the action it will perform.

Up doesn’t mean on and down doesn’t mean off when you have multiple switches for the same thing.

A close-up of a light switch showing the label for off

I’d argue that a light switch has an indicator that shows the current state, separate from the switch.

Not if the globe has blown out, in which case you need the switch to indicate which state it is in (unless you like to live dangerously and change globes in lights that may be still on :-) ).

In my experience only kinda, and by convention (up is on), and three-way switches break this (indicator becomes the light itself).

That’s not the convention in my country. Up is off here. And no switches have labels either.

Create a post

Welcome to the main community in programming.dev! Feel free to post anything relating to programming here!

Cross posting is strongly encouraged in the instance. If you feel your post or another person’s post makes sense in another community cross post into it.

Hope you enjoy the instance!

Rules

Rules

  • Follow the programming.dev instance rules
  • Keep content related to programming in some way
  • If you’re posting long videos try to add in some form of tldr for those who don’t want to watch videos

Wormhole

Follow the wormhole through a path of communities !webdev@programming.dev



  • 1 user online
  • 1 user / day
  • 1 user / week
  • 1 user / month
  • 1 user / 6 months
  • 1 subscriber
  • 1.21K Posts
  • 17.8K Comments
  • Modlog