I'm curious what you think about this login screen. Check the link and you can find a fullscreen shot here:
Ohh, don't forget to check out the @2x version.
9 months ago
I think it's beautiful but maybe lose the white drop shadow on the buttons :)
Slick, but I find that you're giving way too much focus on the "stay signed in", when usually it's just a checkbox, here it looks like a button. You could try to use a simple toggle, iPhone like, it would be lighter and would do the trick.
@Antonio Pratas The "Stay signed in" actually COULD be a real button. Because then you wouldn't need 2 clicks and can "permanent" login with just a single click.
But colors/copy/icons/position would need some adjustments to make it more clear. Maybe make the "Stay signed in" button the "primary" button.
@simurai I'm not saying that it can't be, I'm saying that it shouldn't be, it isn't a natural login pattern and hence, the user isn't expecting it. Besides, it's confusing to have a double main action. It's either "ok" or "cancel" in the most basic form, it doesn't usually goes "ok" and "ok but with another option on". Technically it's completely doable, usability-wise, I believe it might be confusing, that's all.
I like the look and feel of the loginform pretty much, but I have to agree to @Antonio Pratas the grey button get a way too much attention.
Man this is a great idea worth pursuing. While it is potentially confusing this could make things better, especially on touch screens.
Maybe if they where more equal options?: http://cl.ly/image/2w3J3Z0L1o0j
Why not just keep them signed in by default without forcing a choice. Seems like wanting to stay signed in is the most common use case. For users who don't want to stay signed in, can't they just log out when they're finished?
When you have a lot of lowercase g's on a button, you might want to change the alignment a bit, so it's not exactly vertically centered, but a few pixels lower. The g creates an optical illusion making the whole line look off center.
Also, if stay signed in is a utility function and not even a secondary action, a button is probably giving it too much emphasis. Try scaling back to text and a radio button for this option.
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