Really nice design. However, from a usability perspective it's hard to understand what it does (not necessarily how to use it, as the metaphor does work). The issue is that the "black on black" of the "off" wording and the actual color of the button don't offer enough contrast to be readable. So you don't know what the off state is until you press the button.
Try changing the default text color to a grey.
I would also reduce the perspective effect so that the off-position text is more readable.
I disagree with the above gentleman. Since it's a toggle switch, it's a black and white choice. Therefore, even if there were no text on the "Off" side, it's safe to assume that pressing on the opposite side of a toggle switch currently set to "On" would yield a result of "Off." When's the last time you came across a wall switch that turned a light "On" in the positive position and flushed the toilet in the negative?
Perpective looks great. If you changed it, it wouldn't blend in with the perspective of the switch.
Love the subtle lighting reflection on the bottom edge. Agree with Glen on the subject of usability. It's either on and off, there's no guessing what's the other state is here. Even if there's no text on the off side, it should still be understandable.
@Glen: kudos on this sentence:
"When's the last time you came across a wall switch that turned a light "On" in the positive position and flushed the toilet in the negative?"
LOL @glenricharddavis well i guess you're never getting invited to my house. wouldn't want you to waste water with my wall mounted toilet flushing system :)
Another thought - so the whole point of these switches on mobile is that they work really well as a tactile metaphor. While the apple "on/off" switch (and similar ones) does the same thing where they change the concept of a checkbox into a switch, one of it's great functions is to conserve space (it hades the inactive state). I wonder if the size of a switch like this would work better in the cases where you don't need to save that space, as it makes it easier to understand what you're doing.
16 Responses
Pro
Filip Slováček
Easy switch button for one Android app..
over 1 year ago
Pro
Johan Geijer
Good stuff, like the lightning reflections!
over 1 year ago
Pro
Isabel Aracama
ditto
over 1 year ago
Pro
Lukas Majzlan
nice! na wifi? :)
over 1 year ago
Really nice design. However, from a usability perspective it's hard to understand what it does (not necessarily how to use it, as the metaphor does work). The issue is that the "black on black" of the "off" wording and the actual color of the button don't offer enough contrast to be readable. So you don't know what the off state is until you press the button.
Try changing the default text color to a grey.
I would also reduce the perspective effect so that the off-position text is more readable.
over 1 year ago
Pro
Charles Riccardi
Love that you're improving Android. So awesome.
over 1 year ago
Hot shit.
I disagree with the above gentleman. Since it's a toggle switch, it's a black and white choice. Therefore, even if there were no text on the "Off" side, it's safe to assume that pressing on the opposite side of a toggle switch currently set to "On" would yield a result of "Off." When's the last time you came across a wall switch that turned a light "On" in the positive position and flushed the toilet in the negative?
Perpective looks great. If you changed it, it wouldn't blend in with the perspective of the switch.
over 1 year ago
Love the subtle lighting reflection on the bottom edge. Agree with Glen on the subject of usability. It's either on and off, there's no guessing what's the other state is here. Even if there's no text on the off side, it should still be understandable.
over 1 year ago
@Glen: kudos on this sentence:
"When's the last time you came across a wall switch that turned a light "On" in the positive position and flushed the toilet in the negative?"
over 1 year ago
Pro
Eddie Lobanovskiy
dewd, as everyone already mentioned... that green 1px reflection really does sell it. Love it!
over 1 year ago
Pro
Daniel Klopper
nice stuff!
over 1 year ago
LOL @glenricharddavis well i guess you're never getting invited to my house. wouldn't want you to waste water with my wall mounted toilet flushing system :)
Another thought - so the whole point of these switches on mobile is that they work really well as a tactile metaphor. While the apple "on/off" switch (and similar ones) does the same thing where they change the concept of a checkbox into a switch, one of it's great functions is to conserve space (it hades the inactive state). I wonder if the size of a switch like this would work better in the cases where you don't need to save that space, as it makes it easier to understand what you're doing.
over 1 year ago
Pro
Husam Abu Rayyan
awesome button
over 1 year ago
perfect!
over 1 year ago
Pro
Garrett Godsey
cool man.
about 1 year ago
Pro
Hemant
I have seen your website, its awesome!!! moreover these switches are great...an inspiration :)
11 months ago