Toggle Switches Rebound

13 Responses

1. Pro Tait Brown

   I can see what you mean about it looking somewhat like an error, but the two different element styles were not really doing it for me.

   over 1 year ago

2. Pro Justin Mezzell

   I quite prefer it this way. Nice work!

   1likes

   over 1 year ago

3. Pro Henry Moran

   I thought the exact same thing you just dribbbled! Nice work man

   over 1 year ago

4. Pro Jason Long

   I think it comes down to whether or not indicating the off state is as important as indicating the on state. If that's the case, your version is the way to go. In my case, I wanted to indicate that the feature was enabled and downplaying the off/normal state felt more appropriate.

   Anyhow, great work on the rebound!

   4likes

   over 1 year ago

5. Pro David McLeod

   This is definitely more balanced in terms of the two visual on/off states and glyph styles. It might make things a little tricky when it comes to animating it sliding across... doing some clever cross fading between green & red colors I guess. Just wish the red was a little more vibrant...

   Nice rebound though!

   1likes

   over 1 year ago

6. Frédéric Baert

   have you tried using a greyish colour instead of the red? so you have a 'disabled' look.
   I like it, but the red looks too much like an error for me

   over 1 year ago

7. Pro Tait Brown

   @Jason Thanks for the response, I think that's what I expected you to say - and I completely understand. For me I just found the difference between the two styles to be too jarring, but as per most dribbble shots: context is everything. Your two states will never be shown at the same time, and the action of the disabled state has different context to what is represented in mine.

   I think we both know exactly what page each other are on :P

   @David & @Frédéric I tried to strike a balance between a red and grey. You will notice the green itself is a touch desaturated, and too vibrant a red would have meant it definitely would have looked like an error. All in all it was just a "download PSD > edit colour, inner shadow and stroke > upload 3 minutes later" kind of scenario.

   over 1 year ago

8. Pro Bady

   nice work man! :D

   over 1 year ago

9. Andy Macdonald

   I feel this better represents the intention of the toggle. While there can be ambiguity in such cases, I feel the user can adequately understand which is represented. Also, since it represents a yes/no state I think the red is appropriate.

   over 1 year ago

10. Tomas Måsviken

    Much better, nice!

    over 1 year ago

11. Pro Julian Burford

    Clean!

    about 1 year ago

12. Den Brooks

    +1 ))

    12 months ago

13. Pro Li P

    like +1 too.

    8 months ago