Design: Information Design

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

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

In 2023, it’s time to leave vivid colors behind. Muted colors are now quietly dominating Web design. While muted colors are the opposite of bright and bold, they can still affect the user emotionally and deliver a message of modernity, serenity, and calm. Plus, designers often use muted colors to improve functionality in Web design. From a UX design perspective, a muted color palette is a great way to add interest to your Web site without compromising its simplicity.

In this article, I’ll guide you through the process of choosing a muted color palette to give your designs a sleek, sophisticated look. I’ll also provide examples of the use of muted colors for inspiration and help you get your creative juices flowing. Consider a muted color palette for your next UX design or Web-design project. Read More