Should a toggle button show its current state or the state to which it will change? (ux.stackexchange.com)

submitted 7 months ago by starman@programming.dev to c/uiux@programming.dev

4 comments fedilink hide all child comments

top 4 comments

sorted by: hot top controversial new old

[-] sjpwarren@programming.dev 5 points 7 months ago

This is one of those things that are so easy to over think :) the Play/Pause button (I THINK - NOW I AM NOT SURE) by convention shows the Desired state because you press Play to Start but in other cases I would say it's usually the otherway around. Ie Check Box has a tick/cross etc when it's True/On/Yes/etc. I think the Play/Pause is a convention that is the exception

[-] Rentlar@lemmy.ca 3 points 7 months ago

My rule was generally Verbs show what the button will do, an adjective/description of a state will show what is currently happening.

I thought about it for a bit but Play/Pause is weird. In modern UIs the buttons follow this (⏸ appears when playing and ▶️ appears when paused) but thinking of video and audio hardware like VCRs and DVD players, you'd commonly see "▶️PLAY" and "⏸PAUSE" on the screen after pressing the button which is just feedback to show that the button press worked, but makes it more convoluted in my mind.

[-] alexdeathway@programming.dev 2 points 7 months ago

I agree with the action as a label.

[-] MadhuGururajan@programming.dev 1 points 7 months ago

Since it's a button it should show the state it will change to on clicking it.

this post was submitted on 12 Feb 2024

16 points (94.4% liked)

UI/UX

337 readers

1 users here now

Community for discussion about things related to User Interface and User Experience.

Want to share UI design? Or ask for help deciding which one would be better? You found right place.

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago

MODERATORS

starman@programming.dev