upcoming UI, what do you think?
over 2 years ago
I like where you're going with the lighting. I think I like the top one a little better, or are they just in different states?
@Karem The bottom one should be inactive. Maybe I should use some light indicator for this.
Actually now that you told me, it does make sense, in real life if there is no path you can't really use the switch. Although it might be a little confusing on a web UI because most users are used to seeing very inactive states (extremely greyed out) and lazy to think what makes sense and what doesn't.
I think a blend of both and your right there.
@Karem @facecjf but I want it visible. The idea is NO rail = NO possibility to move. But I agree it shouldn't be enough. Let me think about it...
I like it )
Up is better I think, because selecting the three options is more vissible. Nice Ine by the way, wanna see more ;-)
@RepixDesign there will be more ;)
I hate it. This is terrible. Don't use it ever. Can I have it? kthx. :)
Loving how realistic this looks.
1000th viewer yay :)
On a more productive topic, I like the top but I agree that the disabled state needs to be more obvious to the user.
@Matthew @Philip Thank you
@Evan I'm working on it. I will post it with another UI elements. Stay tuned :)
For the inactive/disable state - perhaps make it flat with just a groove around the area? Just as if there's a filler strip inserted that plugs the recess used for moving the slider.
the indent "looks" off centre. Other than that its really nice :)
Nice lighting. Looks good. Only critique is how the little circular depression in the centre of the slider is not exactly vertically central. Perhaps intentional?... But I think it works better nudged down by one pixel, so it's vertically aligned on the slider toggle. Measuring 5px from the top and the bottom of the depression circle to the outer edge of the slider toggle circle.
@Rich @Ralph I think off-center look creates more realistic view. Just my opinion.
Well done =)
The shades are amazing. I really love it.
Like the almost mechanical feel of the top version. Agree that the inactive state needs some consideration (maybe the button is 'popped in' - like the choke button on an old car). However I'd see the inactive state being driven somewhat by other UI conventions you'd plan to use on the page. From a personal perspective, I'd expect to be able to choose kidult.
I like the idea and the rendering looks good. You however might want to double check your highlight and shadow directions based on your light source – I see some inconsistencies. If the light source is directly above ( 90˚ ) then the shadow that is thrown by the switch is not correct from what I can see.
Also, the right side of the track has a edge highlight visible but not the left side. Again, this comes back to making sure you stay consistent with highlight and shadow based on your light source.
Just my 2¢. Cheers.
@Gody The light source should be on the left top side
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter