See all Insights

Better Form Design

Afshan Kirmani has posted the first a two-part article on how to design better online forms. You can read the full article on Boxes and Arrows in which Afshan uses the example of signing up for a web-based e-mail account to highlight the components of a successful form:

Affordance – clear entry points for the applicant, addressing security issues, consistent design between website and form, a brief overview of the forms requirements and the ability to save form content and continue later

Orientation – clear form titles, progress indicators and progress feedback (especially on longer forms)

Chunking – logically grouping and labeling related parts of a form to promote readability and ease content digestion as well as breaking longer forms onto separate pages

Related Posts

  • There are many instances of design that are part of our everyday lives but dont…

  • Design:Related is another good example of a social-networking site aimed at artists and designers. The…

  • Great suite of web design tools from Allan Jardine, a web UI developer out of…