Top

Design: Information Design

UXmatters has published 26 articles on the topic Information Design.

Top 3 Trending Articles on Information 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. Adaptive Information Design and the Box Diagram

    Mobile Matters

    Designing for every screen

    A column by Steven Hoober
    January 7, 2019

    One of the best ways to make your mobile app or Web site pretty—but also inconsistent and unusable—is to begin by drawing the user interface (UI).

    However, starting with problems, user needs, and audience definitions, then defining the data structure and information architecture is a pretty well-defined approach that many UX designers and product teams believe in and try to follow. Still, too many go from there straight to user-interface designs. That’s still too big a jump and leaves too much to chance, gut instinct, default framework behaviors, and nitpicking reviews.

    Instead, to understand and define an app or Web site’s information design, we first need to create a box diagram, or box model. Read More

Columns on Information Design

New on UXmatters