Login page design for Drops App
almost 2 years ago
I like it
It looks great, maybe try to realign the buttons with the fields border and see if it looks even better. Or another suggestion would be to center them according to the logo position.
Which button is the primary action? Might be confusing to users what you want them to do.
@Loubna I had tried both of them before settling on this. Centering the buttons made it look it's a tad bit unrelated to the form fields and aligning them with the edges created a space between them which I didn't really like. Finally had to settle with this.
@Ketan Sensible comment there. Idea was to create a simple sign one-step registration for new users. But the issue as you have noted will be there for existing users. I'll look into it.
This is the kind of form I like, clean, crisp and very nice to look at. Great result.
Yes, this looks great.
Yes, Ketan has a valid point.
So two actions can be performed after the input: sign-in if you already have that account; create an account with those credentials if you click on register and are taken to another page for further details?
This article at SmashingMag may help:
How about using inline labels? That will further clean the page. eg. https://www.icloud.com/
Looks great, I would rather prefer the drop icon/logo instead of its glyph.
Yea, use placeholder for the value and center the input fields with the page horiztonally
Can your backend support registration or login in one form?
Then you just need a login button and that's it.
Nice buttons, but @Ketan is right. Little bit confusing both actions together. That gets me without knowing where to click.
over 1 year ago
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