Top

Design: Web Form Design

UXmatters has published 18 articles on the topic Web Form Design.

Top 3 Trending Articles on Web Form Design

  1. International Address Fields in Web Forms

    Communication Design

    Musings from the merger of medium and message

    A column by Luke Wroblewski
    June 9, 2008

    As enablers of online conversations between businesses and customers, Web forms are often responsible for gathering critical information—email addresses for continued communications, mailing addresses for product shipments, and billing information for payment processing to name just a few. So it shouldn’t come as much of a surprise that one of the most common questions I get asked about Web form design is: “How do I deal with international addresses?”

    But before we get into the nuances of address variations, it’s worth pointing out that addresses have a commonly understood structure. Through years of experience with mailing and postal systems, people have a pretty concrete idea of what constitutes an address block. This common understanding is so definitive that eyetracking data suggests, once people begin filling in a set of input fields that make up an address, they often cease looking at their labels. The basic structure of an address is so familiar, people don’t need the guidance labels provide. Read More

  2. Label Placement in Forms

    July 12, 2006

    In using eyetracking to evaluate the usability of search forms for my previous article for UXmatters, “Evaluating the Usability of Search Forms Using Eyetracking: A Practical Approach,” we discovered much interesting data. I’ll provide an in-depth analysis of that data here.

    Please note that our ad-hoc test setup didn’t resemble real-world conditions. Since I had to properly measure saccadic activity and saccades times, I had to eliminate all elements that would force users to visually browse through the pages we used during testing.

    We based our test setup on Luke Wroblewski’s article “Web Application Form Design.” Luke provided valuable insights and feedback during both our test preparation and results analysis. Thank you, Luke! Thus, we were able to subject Luke’s theories to usability testing and enrich them through the power of numeric data. Read More

  3. Designing UX: Forms

    May 22, 2017

    This is an excerpt from Chapter 5 of Jessica Enders’s new book Designing UX: Forms. 2016 SitePoint.

    Chapter 5: Flow

    Cover of Designing UX: FormsPaper forms are static. Immobile, unresponsive, fixed. Forms come alive when they’re on the Web: questions can appear or hide, errors can be flagged and corrected, and the experience can be tailored to users and their needs.

    In this chapter, we’ll see how to best design all these user interactions and more. Because we want the total user experience to feel smooth and painless—like gliding down a river—we’ll call this aspect of form design flow. Read More

Columns on Web Form Design

New on UXmatters