User Interface Engineering published part two of a compilation of recent form design articles I’ve written. The two part series outlines several lessons learned from Web Form Design in the Wild (Part 2).
User Interface Engineering published part one of a compilation of recent form design articles I’ve written. The two part series outlines several lessons learned from Web Form Design in the Wild.
On Functioning Form, I published an article outlining problems with primary & secondary actions on the British Airways checkout form. The full article: Web Form Design: British Airways.
In my recent article about Primary & Secondary Actions in Web Forms, I argue that in most situations secondary actions like Reset and Cancel are unnecessary and should be either removed or de-emphasized in the user interface to avoid mistakes. Andrew Ingram went a step further and created a script that automatically provides an option to Undo your action if you reset a form. In the cases where reset is necessary option, this is a very useful feature.
On Functioning Form, I published an article outlining several Web form design best practices and how they were neglected in the design of a Fairmont Hotels form page. The full article: Web Form Design: Fairmont Hotels.
On Functioning Form, I published an article demonstrating the importance of eliminating unnecessary inputs in Web forms. The full article: Web Form Design: Boingo.
Smashing Magazine included Web Form Design Best Practices in their very thoughtful list of 40+ Books For Professional Design & Development. They are giving away copies of each of the books they recommend as part of their one year anniversary. Take a look…
In recent months, I’ve been working on refining the design recommendations in Web Form Design Best Practices through actual usage data. To that end, I’ve had the pleasure of working with London-based usability firm Etre on several eye-tracking and usability studies focused on specific aspects of Web form design. One of these tests focused on the distinction between primary and secondary actions.
In order to assess which design considerations are most pertinent for primary and secondary actions, we tested six variations on 23 people using eye-tracking and usability metrics. We just published the results of this testing in the following article:
Primary & Secondary Actions in Web Forms (published August 25 2007)
Additional Web form design eye-tracking and usability research will be made available exclusively in Web Form Design Best Practices.
Caroline Jarrett has been writing about forms for a number of years. In her column on Usabilitynews.com and her site Forms That Work. Here’s a small sampling of some of her extensive writings on the subject of forms:
- Designing usable forms: the three-layer model of the form (pdf format, 172Kb)
- Should I use a drop-down? Four steps for choosing form elements on the Web (pdf format, 58Kb)
- Two-column Forms are best Avoided (March 2006)
- Colons at the end of labels? (May 2006)
- Long Forms: Scroll or Tab? (April 2005)
Caroline has agreed to lend her expertise to my upcoming book and will be writing a “perspective” on putting people before pixels when designing Web forms. Really looking forward to Caroline’s insight!
User Interface Engineering (UIE) recently republished my article on Web Application Form Design. It was this article (originally written in January 2005) that kicked of my writing about forms and ultimately led to this upcoming book. UIE was also responsible for getting me to pull together what I knew about form design when they invited me to speak at their Web Application Summit in January of 2006.
So it was with great pleasure that I asked Jared Spool (UIE founder & principal) to write up his thoughts on why form design matters. Luckily he agreed and will be authoring a “perspective” for my upcoming book. Thanks, Jared.