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.
121,280,956,253 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
8 Responses
Checkout form for a personal project (larger view here)
about 2 years ago
Looks good
about 2 years ago
@Ricardo thanks a lot :)
about 2 years ago
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!
about 2 years ago
@Christian Thanks a lot for feedback and suggestions:)
about 2 years ago
Really really liking your work Mr. Zamfir!
over 1 year ago
Thanks a lot, Trent. Much appreciated!
over 1 year ago
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."
Cheers!
over 1 year ago