This is an excerpt from Chapter 5 of Jessica Enders’s new book Designing UX: Forms. 2016 SitePoint.
Chapter 5: Flow
Paper 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
People make mistakes and commit errors; it’s a fact of life. Nobody is perfect. Designers of digital technology have to live with that fact. Actually, good designers do more than live with it; their designs take it into account. They avoid designs that make it likely for users to make errors (Norman, 2014). They create digital products and services that help people avoid and recover from errors.
Mistakes Versus Slips
When categorizing the types of errors people make, the first distinction is between mistakes and slips (Norman, 1983a; Reeves, 2010). Read More
This is a sample chapter from Jeff Johnson’s forthcoming book, Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules. 2010 Morgan Kaufmann.
Chapter 3: We Seek and Use Visual Structure
Chapter 2 used the Gestalt principles of visual perception to show how our visual system is optimized to perceive structure. Perceiving structure in our environment helps us make sense of objects and events quickly. Chapter 2 also mentioned that when people are navigating through software or Web sites, they don’t scrutinize screens carefully and read every word. They scan quickly for relevant information. This chapter presents examples to show that when information is presented in a terse, structured way, it is easier for people to scan and understand.
Consider two presentations of the same information about an airline flight reservation. The first presentation is unstructured prose text; the second is structured text in outline form (see Figure 3.1). The structured presentation of the reservation can be scanned and understood much more quickly than the prose presentation. Read More