Joe Leech

About The Author

Joe Leech Joe has been working in UX for 7 years. Joe has worked with clients such as Marriott, eBay, Nokia, theTrainline, Microsoft, TUI Travel, Peugeot, Virgin and the Co-operative Bank helping them to be more strategic in their customer focus and make the digital stuff they do measurably better.

Free Download: Cheat Sheet For Designing Web Forms

Forms, forms, forms, often overlooked when it comes to design. In this post we are glad to release a Form Design Cheat Sheet, created by Joe Leech and released for Smashing Magazine and its readers. This crib sheet contains an Omnigraffle template, Photoshop (PSD) and PDF examples for you to download and use how you wish. Print it out, stick it on your wall, send it to your clients, generally...

Forms, forms, forms: so often overlooked in design. In this post, we are pleased to release the Form Design Cheat Sheet, created by Joe Leech and released for Smashing Magazine and its readers. This crib sheet contains an Omnigraffle template, as well as Photoshop (PSD) and PDF examples for you to download and use as you wish. Print out the sheet, stick it to your wall, send it to clients, and just generally help make everyone’s forms a bit better.

The designers of the crib sheet have spent years designing and testing forms, and they’ve decided to summarize the most common problems and issues that come up in their projects.

As usual, this goodie is absolutely free to use in private and commercial projects. The crib sheet is released under a Creative Commons license.

Form Design

Form Design Cheat Sheet: Full preview

Features

The crib sheet presents best practices for a variety of Web form issues:

  • Variety of fields (simple, optional, etc.);
  • Layout and examples;
  • Page-level error handling;
  • Password strength;
  • Currency values;
  • Inline validation;
  • Buttons.

Download The Crib Sheet For Free

The crib sheet is released under a Creative Commons license. You can use it in all of your projects for free and without any restrictions. Please link to this article if you would like to spread the word. You may modify the theme as you wish. We know you’ll find it useful in your next project!

Thank you, guys. We appreciate your work and your good intentions!

(al) (fi) (il)


More Articles on

Not Your Parent's Mobile Phone: UX Design Guidelines For Smartphones

by Tim R. Todish

In your pocket right now is the most powerful “remote control” (as Drew Diskin put it) that has ever existed. It is no ordinary remote control. It can harness everything that all of the previous mass media (television, radio, Internet, etc.) can do. People aren’t using them just for simple entertainment or for phone calls. They have become the hub of our personal lives. It’s no longer...

Read more

Improve The User Experience By Tracking Errors

by Lara Swanson

It’s easy to see your top-visited pages, navigation patterns and conversion metrics using visitor-tracking tools like Google Analytics. However, this data doesn’t show the roadblocks that users typically run into on your website. Tracking and optimizing error messages will help you measurably improve your website’s user experience. We’ll walk through how to add error tracking using Google...

Read more

Conversation Techniques For Designers

by Darren Geraghty

Designers are visually literate creatures. We use visuals to express our ideas, whether by building wireframes, sketching interfaces or pushing pixels. As a result, the majority of knowledge captured when we design a product is some form of “corporate memory”: a combination of assets and documentation. This creation of visual artifact is widely regarded as our most effective means of...

Read more