4 ms·

The most confusing toggle I've seen is the "Listen for debug connections" in intellij [0,1]. It shows the current status instead of the action you would be perf

by moojd 7y ago

The most confusing toggle I've seen is the "Listen for debug connections" in intellij [0,1]. It shows the current status instead of the action you would be performing. You have to click the "Hang up" icon[0] to START listening and and "Connect" icon[1] to STOP listening. In their defense that's how most UI toggles[2] work but they are using a 'phone' metaphor and it's implemented backwards from how you would usually expect a phone call UI to work. [0] https://www.jetbrains.com/help/img/idea/2019.2/php.icons.debug_listen_off.svg@2x.png https://www.jetbrains.com/help/img/idea/2019.2/php.icons.deb... [1] https://www.jetbrains.com/help/img/idea/2019.2/php.icons.debug_listen_on.svg@2x.png https://www.jetbrains.com/help/img/idea/2019.2/php.icons.deb... [2] https://www.jqueryscript.net/images/jQuery-Plugin-For-Sliding-Toggle-Switches-LC-Switch.jpg https://www.jqueryscript.net/images/jQuery-Plugin-For-Slidin...

coldpie 7y ago
> It shows the current status instead of the action you would be performing. This comment being right next to this one shows the joy of designing UIs: > I never understood why one would make a control show the state that it isn't in. https://news.ycombinator.com/item?id=20737877 https://news.ycombinator.com/item?id=20737877
- moojd 7y ago
  Interesting enough I actually agree in principle with arsenico and ken. The debug button example is a weird corner case. On pretty much every smart phone you click a green call button to make a call and click a red disconnect button to disconnect. The debug button is consistent with other toggle buttons while being the reverse of a common convention. It may have been less confusing if it was a grayed out phone when off and green when connected. UI is hard indeed.
  - megous 7y ago
    Similar pattern is in Safari web inspector. There's a button for disabling cache in the network tab. It's blue when on, gray when off. The tooltip describes the completely opposite state to the one that's currently active. The icon is the same in both state, the color means nothing (since when the blue means on?), tooltip is wrong. Bah.
- AgentME 7y ago
  I think the problem is that the "Listen for debug connections" button doesn't look like a toggle (a slider that will move back and forth). If it looks like a toggle, then showing the current state is good because the button design is saying that it will toggle away from that current state, but if it's not a toggle, the user understands button icons as signifying what will happen.

by moojd 7y ago

coldpie 7y ago

> It shows the current status instead of the action you would be performing. This comment being right next to this one shows the joy of designing UIs: > I never understood why one would make a control show the state that it isn't in. https://news.ycombinator.com/item?id=20737877 https://news.ycombinator.com/item?id=20737877

moojd 7y ago
Interesting enough I actually agree in principle with arsenico and ken. The debug button example is a weird corner case. On pretty much every smart phone you click a green call button to make a call and click a red disconnect button to disconnect. The debug button is consistent with other toggle buttons while being the reverse of a common convention. It may have been less confusing if it was a grayed out phone when off and green when connected. UI is hard indeed.
- megous 7y ago
  Similar pattern is in Safari web inspector. There's a button for disabling cache in the network tab. It's blue when on, gray when off. The tooltip describes the completely opposite state to the one that's currently active. The icon is the same in both state, the color means nothing (since when the blue means on?), tooltip is wrong. Bah.
AgentME 7y ago
I think the problem is that the "Listen for debug connections" button doesn't look like a toggle (a slider that will move back and forth). If it looks like a toggle, then showing the current state is good because the button design is saying that it will toggle away from that current state, but if it's not a toggle, the user understands button icons as signifying what will happen.