Checkout form for a personal project (larger view here)
about 2 years ago
@Ricardo thanks a lot :)
I think it looks very good. The security code part on the creditcard needs soms more work tho. The circle looks a little ugly. But overall, very nice!
@Christian Thanks a lot for feedback and suggestions:)
Really really liking your work Mr. Zamfir!
over 1 year ago
Thanks a lot, Trent. Much appreciated!
Ionut, I feel a bit 'Johnny-come-lately' here, posting 9 months later. Overall I really enjoy the design you have going. My only question is what's the need for placing an asterisk next to every field, assuming the asterisk means "required", if all fields are required. A better approach would be to state at the top of your form that "All fields are required."
A good rule of thumb for web form design is only use elements like asterisks to call out items that are different from the majority of your form. For example, if only 1 or 2 fields in a 6-8 field form are required, then call them out. If the inverse is true (4-6 fields are required), call out the Optional fields. If all fields are required or optional, then label the entire form as such. This helps users more quickly understand what's being expected of them. A great resource on this topic is Luke Wroblewski's book "Web Form Design: Filling In The Blanks."
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