4 ms·

I can’t find it but one of my favourite designs was a switch with a “light” beside it that lit up when the state was “on.” The best thing was that it also solv

I can’t find it but one of my favourite designs was a switch with a “light” beside it that lit up when the state was “on.” The best thing was that it also solved the latency of an async operation. You’d click the switch which toggled, and then some moment later the light came on. It felt incredibly satisfying and gave confidence that yes, this interaction has done something.

vsnf 3y ago
Without seeing the design in question, I think this still demonstrates the ambiguity the post is discussing. Is the icon what will happen, or what is currently happening? Is it the state, or is it the action? Maybe this particular design was unambiguous, but the description of it isn't.
- robinsonb5 3y ago
  If the light is beside the switch (rather than being the switch) then I'd say it clearly and unambiguously indicates the current state of whatever the switch operates? (A light also has the advantage of being a skeuomorph - much as those are now out of fashion - we all know how to interpret indicator lights in the real world.)
  - Waterluvian 3y ago
    > A light also has the advantage of being a skeuomorph Unless you’re my TV and it’s completely backwards for some reason.
    - Sindisil 3y ago
      The standby light on a TV in on for standby and off when viewing because a) it could be distracting and annoying for the extra LED to be shining while viewing in a darkened room, and b) the "on" state should be pretty obvious because of the stuff on the screen.
      - continuational 3y ago
        And also, putting the TV in standby mode is an offense punishable by a denial of darkness attack.
- piva00 3y ago
  In electronic music instruments (which derived interfaces from electronics lab equipment) it's quite intuitive there's a switch with a light on next to it the next state is off and the light switches off.
mapreduce 3y ago
> I can’t find it but one of my favourite designs was a switch with a “light” beside it that lit up when the state was “on.” So when I revisit that page after a long time and see that the light is lit, does it mean that the state is currently ON or does it mean that the state will change to ON when I click it? How can I tell this by instantly looking at the lit light?
- zmgsabst 3y ago
  On is active. Just like most devices with signal lights — which have been that way for decades. Historically, the lights are signaling power being supplied.
  - tsimionescu 3y ago
    It's also quite common to have a light indicator that goes away when the device is turned on. TVs often do this - they have an indicator LED to show that they are plugged in, but turn that LED off when the screen is turned on, because it can be distracted, and is anyway no longer needed.
- 01HNNWZ0MV43FF 3y ago
  We should go back to checkboxes. The problem here is having the text change and be too clever. [x] Mute [ ] Mute "Oh the X means it's muted" Windows 95 and probably an older Mac had it all figured out.
  - pbhjpbhj 3y ago
    "Mute [x]" means that 'mute is false', so I click to make it say "Mute []" but instead you take the "x" away, ... so is mute no longer false?? If sound isn't working then this can be difficult to determine. You can fix it with a tooltip and/or familiarity with the system. Buttons have more affordance too.
  - wolverine876 3y ago
    Use an adjective? [ ] Muted [x] Muted
unnah 3y ago
That would be a great use for an HDR screen - make the "indicator light" extra bright compared to the rest of the screen, to make it really obvious that the light is now "on". Of course this would only work as long as the user doesn't keep their screen too bright to begin with...
maicro 3y ago
That sounds like an interface feature found on "smart" devices - I'm only familiar with TP-Link Kasa switches, but I think I remember their app UI having a similar feature where a color icon had multiple states, the most "on" of which is "confirmed with the switch it turned on".

vsnf 3y ago

Without seeing the design in question, I think this still demonstrates the ambiguity the post is discussing. Is the icon what will happen, or what is currently happening? Is it the state, or is it the action? Maybe this particular design was unambiguous, but the description of it isn't.

robinsonb5 3y ago
If the light is beside the switch (rather than being the switch) then I'd say it clearly and unambiguously indicates the current state of whatever the switch operates? (A light also has the advantage of being a skeuomorph - much as those are now out of fashion - we all know how to interpret indicator lights in the real world.)
- Waterluvian 3y ago
  > A light also has the advantage of being a skeuomorph Unless you’re my TV and it’s completely backwards for some reason.
  - Sindisil 3y ago
    The standby light on a TV in on for standby and off when viewing because a) it could be distracting and annoying for the extra LED to be shining while viewing in a darkened room, and b) the "on" state should be pretty obvious because of the stuff on the screen.
    - continuational 3y ago
      And also, putting the TV in standby mode is an offense punishable by a denial of darkness attack.
piva00 3y ago
In electronic music instruments (which derived interfaces from electronics lab equipment) it's quite intuitive there's a switch with a light on next to it the next state is off and the light switches off.

mapreduce 3y ago

> I can’t find it but one of my favourite designs was a switch with a “light” beside it that lit up when the state was “on.” So when I revisit that page after a long time and see that the light is lit, does it mean that the state is currently ON or does it mean that the state will change to ON when I click it? How can I tell this by instantly looking at the lit light?

zmgsabst 3y ago
On is active. Just like most devices with signal lights — which have been that way for decades. Historically, the lights are signaling power being supplied.
- tsimionescu 3y ago
  It's also quite common to have a light indicator that goes away when the device is turned on. TVs often do this - they have an indicator LED to show that they are plugged in, but turn that LED off when the screen is turned on, because it can be distracted, and is anyway no longer needed.
01HNNWZ0MV43FF 3y ago
We should go back to checkboxes. The problem here is having the text change and be too clever. [x] Mute [ ] Mute "Oh the X means it's muted" Windows 95 and probably an older Mac had it all figured out.
- pbhjpbhj 3y ago
  "Mute [x]" means that 'mute is false', so I click to make it say "Mute []" but instead you take the "x" away, ... so is mute no longer false?? If sound isn't working then this can be difficult to determine. You can fix it with a tooltip and/or familiarity with the system. Buttons have more affordance too.
- wolverine876 3y ago
  Use an adjective? [ ] Muted [x] Muted

unnah 3y ago

That would be a great use for an HDR screen - make the "indicator light" extra bright compared to the rest of the screen, to make it really obvious that the light is now "on". Of course this would only work as long as the user doesn't keep their screen too bright to begin with...

maicro 3y ago

That sounds like an interface feature found on "smart" devices - I'm only familiar with TP-Link Kasa switches, but I think I remember their app UI having a similar feature where a color icon had multiple states, the most "on" of which is "confirmed with the switch it turned on".