10 ms·
My "favorite" toggle button is the one where they add on/off labels[1] to it, but only one, and the slider hides the label. So the label actually tells you the
by grumbel 3y ago
My "favorite" toggle button is the one where they add on/off labels[1] to it, but only one, and the slider hides the label. So the label actually tells you the state, not the state it would be when you move the slider over the label. Or at least that's how I think how they work, it breaks my brain a little whenever I look at them.
[1] https://itsfoss.com/content/images/size/w1000/wordpress/2022/12/installed-extensions-listed-in-gnome-extensions-website.png https://itsfoss.com/content/images/size/w1000/wordpress/2022...
- wredue 3y agoI actually hate this one because it’s completely unclear. Does OFF there mean -the setting is off Or -Slide this thing over to turn it off I’ve seen it both ways. It’s confusing and not clear.
- MrOxiMoron 3y agois the bridge open when it's up or is it closed when it's up?
- chrisweekly 3y agoare you in a car or a boat?
- NoPedantsThanks 3y ago[dead]
- RunSet 3y agohttps://www.youtube.com/watch?v=Ljjns1Y1q-A https://www.youtube.com/watch?v=Ljjns1Y1q-A
- mc32 3y agoThose are terrible. I think I’ve had analogs in the physical world where toggles indicated state by the color exposed (green = on, red = off) but this tries to be better by having both color indicator and text indicator) and you’re left deciphering their language a bit. Yes, it is terrible.
- teo_zero 3y ago> green = on, red = off Are you sure? I think the opposite is more common.
- djbusby 3y agoI have at TV that is red-lamp off, blue lamp on.
- dylan604 3y agowhere have you seen red = on, green = off?
- pwython 3y agoMost safety switches on firearms expose a red dot meaning the weapon is "ON"/ready to fire.
- DiggyJohnson 3y agoI agree with you on that, but I’ve never seen green be the contrasting or alternative color.
- deleted 3y ago[deleted]
- weebull 3y agoMaybe because a gun should never be treated as totally safe.
- teo_zero 3y agoIn electrical industry, red used to mean powered or hot or dangerous, green unpowered or harmless. All earth-leakage breakers in my area are like this: https://en.m.wikipedia.org/wiki/File:Schneider_Electric_A9D31620.JPG https://en.m.wikipedia.org/wiki/File:Schneider_Electric_A9D3... https://i.ebayimg.com/images/g/sHYAAOSwu2ZkBk5~/s-l960.webp https://i.ebayimg.com/images/g/sHYAAOSwu2ZkBk5~/s-l960.webp Electronics industry have diverged.
- phkahler 3y agoAn icon or text should indicate the current state while hover text should indicate what will happen if you click. At least that's what we do. It's still confusing, but I agree you should be able to infer current state by looking at it. The person who designs it thinks it's obvious but it's usually not. Checkbooks are quite self explanitory.
- coffeebeqn 3y agoHover isn’t really acceptable UX since the touchscreen era
- jfengel 3y agoEven on desktops it's not great for accessibility. There isn't an indicator for what has tooltips, and they appear out of the usual flow of control. Accessibility guidelines usually allow them but encourage you to make it a last resort.
- caymanjim 3y agoNot to mention that half the time tooltips don't show up until you wiggle the mouse over them a bunch, and tooltip delays are arbitrarily timed and usually far, far too delayed (often on the order of hundreds of milliseconds when they should be like 10-50ms at most). And my biggest pet peeve about them is that, at least in Chromium-based browsers, they really don't like to go away once they finally show up, to the extent that I can often scroll the page until they're offscreen and they still don't disappear. Or they leave the farm entirely and persist outside the browser window.
- WorldMaker 3y agoAlso, most windows aren't eligible for tooltips if they are not the focused, active window. I remember that difference being hard to explain to people when Windows 3.x and Mac Classic used entirely different title bars between the two states and sometimes even "shadowed" the window contents. It's especially hard to explain to today in a multi-monitor world and when inactive windows respond by default to all other inputs except some hover behaviors like tooltips. (I'm a software developer and know all this too well and I still tripped over it the other day wondering why tooltips wouldn't show up in a window and only realizing belatedly that the window wasn't active.)
- vel0city 3y agoShowing the current state matches light switches with the state on them. https://www.homedepot.com/p/Leviton-15-Amp-Single-Pole-Switch-White-10-Pack-M24-01451-2WM/100075329 https://www.homedepot.com/p/Leviton-15-Amp-Single-Pole-Switc... Or car door locks which show red (unsafe) when unlocked. It's showing the current state, not the state that will be when toggled.
- lowbloodsugar 3y agoRed means “stop” and green means “go”. So how the fuck does red mean “this door is passable”??! “Unsafe” is contextual. If you are inside the car, and the car is on fire, then “locked” is very much the “unsafe” option.
- rpmisms 3y agoOn many guns, switching the safety to the "fire" position exposes a red dot, red meaning "hot" or "fire".
- lowbloodsugar 3y agoYeah my CZ pistol is like that and it’s fucking terrifying because in my mind red means stop or locked. I actually feel more secure with my Glock because it doesn’t have a safety so it’s unambiguous. If I point my Glock and squeeze, I know it’s going to fire.
- vel0city 3y agoThe red of a stop light makes a lot more sense in relation to the red of a fire mode on a gun when you think of red being "caution, unsafe" instead of just "stop". Just like the red of a STOP sign is to caution you into paying attention of the danger of the cross traffic, not necessarily just stopping. Red lights on top of towers isn't trying to tell planes and helicopters to stop, its telling planes to exercise caution around the tower.
- 3y ago
- mvaliente2001 3y agoMy same thoughts. The inventors of that revolutionary toggle button should all be tied to the South side of an ass walking towards the North.
- HaZeust 3y agoI don't like these. They can be mistaken to users as an indicator of what moving the "lever" to the other side of the toggle button will actuate - effectively reversing the user's intent of the button as compared to what the buttons do.
- plorg 3y agoOr when you try to unsubscribe from a mailing list and are prompted: Unsubscribe from the following: [X] List A [X] List B [X] List C [ ] Unsubscribe All Lists But if you check the "all" button it clears all of the individual ticks. I would say a solid 80% of unsubscribe prompts have some sort of similarly confusing layout or verbiage.
- amenghra 3y agoThat's by design. They want to minimize the number of people who completely unsubscribe.
- neycoda 3y agoHaving an Unsubscribe All Lists checkbox doesn't minimize that. It just adds form noise and pointless work for a dev. The minimization already happens with the preceding checkboxes to select each list to unsubscribe from, but that's just as inherent to the form as the desirable feature of being able to keep certain subscriptions while unsubscribing from others in an efficient way. A button or link in place of the 'All' checkbox makes sense and is easiest for users to understand, and has less user actions required. Treat your customers well even when they're exiting (especially) so they remember something good next time they consider you. "Well at least they made it easy to unsubscribe" is better than "Well they made it unnecessarily complicated to unsubscribe". No need to add insult to injury.
- beAbU 3y agoI have to admit I've never experienced this. When I check the "all" checkbox it goes and checks all the other checkboxen for me. Maybe I've only interacted with "nice" unsubscribe pages.
- neycoda 3y agoI've seen both versions, and whether they check or uncheck all of the other options (behaving like a radio button), both versions are overcomplicated nonsense. The unsubcribe-all should just be a link or button with its own submit value or URL param (like unsubscribe=all). I don't know why people overcomplicate things.
- MarkLowenstein 3y agoI would not be able to tell if these slider toggles were saying "yes" or "no" without them going from gray to green. How do colorblind people deal with them? That the whole world adopted these abominations, when there was absolutely nothing wrong with checkboxes, is immensely frustrating.
- sbuk 3y agoMost of us cope just fine, so long as the contrast between the states is clearly different. My colour blindness is anomalous trichromacy, with a perception difference for red-green. Because the examples shared are a bright blue for on and black for off, I can see it just fine, however, I'd suggest making the switches off state back ground the same as the main background in this case. Aesthetically, it looks better.
- bonton89 3y agoDoes green (usually these are blue) mean yes? Every time I see one of these I realize I don't understand them and I'm not even sure they are consistent in behavior. I usually use a context cue to infer what they mean. The dumbest part is there is plenty of room to just write "on" and "off" right on them. I think it is no coincidence these are the preferred control for all manner of dark pattern setting screens.
- marcosdumay 3y agoYes, green means "yes". Now, does light-green mean "no" because it's light, or "yes" because it's green? That one you have to check on each application.
- deleted 3y ago[deleted]
- beAbU 3y agoYeah so in your example: "Disable all extensions" = OFF. Does this mean all extensions are currently on, or off? Does toggling the switch to on /enable/ the disable-all-extensions subroutine? A switch brings in a bunch of double negatives that can be avoided in most cases. Hella confusing!
- phkahler 3y ago>> A switch brings in a bunch of double negatives that can be avoided in most cases. If you put the labels next to the switch: ON [xxxx] ---- OFF then it's clear that sliding the switch toward the label puts it in the on or off state. But hey, we can save some screen real estate but swapping the labels and hiding the inactive one under the switch! Yay! For on/off a chechbox is much clearer for the size.
- marcosdumay 3y agoPhysical switches are labeled like that. Somehow, it's not a problem for them, but I do agree that on-screen ones are very unclear.
- neycoda 3y agoIt's rare to see physical switches like mobile toggles. Most switches show both labels with the switch pointing to the label. It's clear what the status of the switch is and what changing the switch will do. With software however, the inconsistency comes from knucklehead design. Hipster aesthetics. "But I want ours to be different!" They introduce toggles that don't follow convention and make unclear the status and behavior, or if touching it will even do anything. It then muddies up in people's minds how the conventional ones look and behave.
- marcosdumay 3y agoPhysical sliding switches usually look exactly like the ones on your link. Ex: https://www.chily.com/customer/chily/product/3331_350.png https://www.chily.com/customer/chily/product/3331_350.png (Why selling photos of those things never seem to show the label?)
- fhub 3y agoMy "favorite" is when they use green color to indicate "Off". Like in this page https://www.istockphoto.com/plans-and-pricing https://www.istockphoto.com/plans-and-pricing The dark patterns here are something to behold (A bit like Adobe's stuff)