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
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
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