User tests: Successful: Unsuccessful:
Changes of CSS for better UX - make options always visible for a better understanding
go to article edit and take look at the featured options
Original Author: @angieradtke
Status | New | ⇒ | Pending |
Category | ⇒ | Repository NPM Change |
For me it makes it far too busy and its actually much easier to scan and read the settings when you only "see" the active one.
Plus you avoid the situation where you are forcing a tick on an item for no reason
Well there is a reason - its to avoid the problem of just using colour to give a meaning. Which is fine but are red/green colours a sensible option anyway. stop/go colours are just not always appropriate.
Priority | Medium | ⇒ | Low |
@wilsonge Close? See #27952 (comment)
I think what this comes down to is us abusing the switcher position in some elements. I think what we have for yes/no options makes a lot of sense. But I do also see the argument that for the above/below cases it's probably not intuitive what the options are. So maybe the thing to do is to have two styling options
I understand it's more coding options - but it's a decison that the developer needs to make - it's not something we're ever going to expose in the UI - so I don't think it's matters too much in this case.
Either way as is I don't think this PR works - it's improving a small number of buttons (e.g. above/below) but to me gives a worse UX on all our "boolean" buttons
Well there is a reason - its to avoid the problem of just using colour to give a meaning. Which is fine but are red/green colours a sensible option anyway. stop/go colours are just not always appropriate.
You are right, that is the reason why there is a checked icon in front .-)
As we never know how long the options can be in different languages, the PR could cause an issue on small devices.
I would like
I think overall I'm happy with the design as is for the boolean options (which is the majority of switcher uses)
But we do need to do a review of the switcher uses and either move to dropdowns or a second varient of switcher where you can see both options.
Status | Pending | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-01-28 20:23:36 |
Closed_By | ⇒ | wilsonge |
This is not needed
#27926 (comment)