After throwing some ideas together yesterday with @mattrobs in the CM offices, I started putting this little friendly log in form together. Check out the little video (working code). Would love to hear any feedback thus far.
over 1 year ago
Now, that's design!
Hooray for collaborative design.
Agree with @mattrobs! Great work indeed.
Agreeing with @dom...
Feels like it might benefit from having the sign in button turn a more saturated green when the text changes. Almost like its 'disabled' in state right now.
Oh, this works really nice)
Not sure if you guys noticed in the video, but as soon as both fields have content, the sign in button loses the disabled look.
That's awesome. very nice ux. I love how your changing the button text.
Jesse this is pretty minor but how about not getting rid of the inline label text on focus, instead maybe just dimming it down a little bit or just leaving it? So the user would always know what they're filling out.
I'm surprised no one mentioned the password-colours.
error messages should be red
Honestly I don't fully agree the error messages should be red. I do however believe error message colors are a bit too subtle on this form.
@Kerem — That's something that I will be doing... just hasn't been implemented yet.
@Hernan — In this case, the yellow is more of a subtle 'push' that they've entered a wrong password. Red intimidates people, whereas the yellow serves as attention-grabber, without the 'oh shit, I must've done something really bad' feeling associated with red.
I was wondering about those coloured dots, but thought it's just some "unnecessary" visual effect. Sorry. ;-) But Jesse just tweeted the meaning and wow.. totally necessary!
Fantastic interactions, man. Good job! :)
Can't wait to see the new version of CM
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