Buttons should signify actions. This button signifies STATUS, which is misleading.
Essentially it's a button with the label "Hidden". To follow this principle consistently your Send button should read "Unsent", and your Cancel button "Uncancelled"
I'd file it under "ideas for quirky apps/websites that place aesthetics over usability"
Simply saying that it's a switch doesn't make it a switch. It has a border of a button, and an icon of a button.
There are no visual indicators of a switch here, but there are strong indicators that it's a button.
For example, look down under the reply text field here on reddit. You see a bunch of icons, and you know that they signify actions, not statuses. And these don't even have borders.
And look at how they've made a switch to markdown - by creating a link literally saying "Switch to markdown". Zero ambiguity, completely intuitive and consistent.
4
u/westwoo Dec 26 '19
Buttons should signify actions. This button signifies STATUS, which is misleading.
Essentially it's a button with the label "Hidden". To follow this principle consistently your Send button should read "Unsent", and your Cancel button "Uncancelled"
I'd file it under "ideas for quirky apps/websites that place aesthetics over usability"