UIEtips Article: Web Form Design in the Wild, Part II

Jared Spool

October 12th, 2007

In last week’s issue of our email newsletter, UIEtips, we published a fantastic article written by Luke Wroblewski, a Principal Designer at Yahoo!, where he discusses tips for improving web forms and impacting user success.

Today, we published the second part of the article where Luke shares additional design tips by taking a closer look at the Boingo and British Airway Web sites.

Read the second part of Luke Wroblewski’s article on Web Forms.

Luke is currently working on writing a book about Web form usability, visual design, and interaction design considerations, Web Form Design Best Practices. I highly suggest you take advantage of this resource once it’s available.

Also, you can still catch Luke Wroblewski at this year’s UI12 Conference in Cambridge, MA, November 5-8. Luke will present the short talk, Best Practices for Form Design and the full-day seminar, Site Seeing: Communicating Successfully with Visual Design. Sessions are selling out, so you’ll want to sign up soon.

Do you have any best practices for designing forms? What usability problems have you encountered with your web forms? I’d love to hear about your experiences. Share your thoughts with us below.

One Response to “UIEtips Article: Web Form Design in the Wild, Part II

  1. Paul Rouke Says:

    Jarod, as you say these are 2 excellent articles on web form best practise. One of my most visited usability posts over the last few months was titled Form Field Best Practice and Hints to Assure Wary Users. This supports a lot of what Luke advises on, and the post had a particular emphasis on transactional websites and the checkout process. For instance:

    explaining why certain information is being asked for
    removing un-necssary inputs
    providing context sensitive and inline feedback to the visitor
    emphasising calls to actions which lead to form completion

    In summary I would just like to add the summary of my views on web forms (taken from my post):

    Although in principle forms are simply different drop downs, text entry boxes and preference setting checkboxes and radio buttons, the visual and coding execution of forms can be the difference between an abandoned shopping journey and a new customer transaction, registration or application.

    I hope this has been useful!

Add a Comment