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.
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.
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.
@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!
16 Responses
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
Pro
Haziq Mir
Now, that's design!
over 1 year ago
Pro
Matthew Farag
Hooray for collaborative design.
over 1 year ago
Agree with @mattrobs! Great work indeed.
over 1 year ago
Very beautiful!
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.
over 1 year ago
Oh, this works really nice)
over 1 year ago
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.
over 1 year ago
Pro
Christopher Hein
That's awesome. very nice ux. I love how your changing the button text.
over 1 year ago
Pro
Kerem Suer
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.
over 1 year ago
Pro
Matthew Farag
I'm surprised no one mentioned the password-colours.
over 1 year ago
Nice work!.
error messages should be red
over 1 year ago
Pro
Kerem Suer
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.
over 1 year ago
@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.
over 1 year ago
Pro
simurai
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!
over 1 year ago
Pro
Alberto Calvo
Fantastic interactions, man. Good job! :)
over 1 year ago
Can't wait to see the new version of CM
over 1 year ago