Checkout form

8 Responses

1. Pro Ionut Zamfir

   Checkout form for a personal project (larger view here)

   about 1 year ago

2. Pro Ricardo Salazar

   Looks good

   1likes

   about 1 year ago

3. Pro Ionut Zamfir

   @Ricardo thanks a lot :)

   about 1 year ago

4. Pro Christian

   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!

   1likes

   about 1 year ago

5. Pro Ionut Zamfir

   @Christian Thanks a lot for feedback and suggestions:)

   about 1 year ago

6. Pro Trent McBride

   Really really liking your work Mr. Zamfir!

   1likes

   6 months ago

7. Pro Ionut Zamfir

   Thanks a lot, Trent. Much appreciated!

   6 months ago

8. Pro Joshua Hynes

   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!

   5 months ago