The Doherty Threshold: How to Optimize Performance and Responsiveness in Web Design

Web design and web development are two crucial aspects of creating a successful online presence. However, they are not enough if the user experience (UX) and user interface (UI) are not taken into account. UX and UI are the disciplines that focus on how users interact with a website or an app, and how they perceive its functionality, usability, and aesthetics.

One of the key principles that UX and UI designers should follow is the Doherty Threshold. This principle states that a system should respond to user input within 400 milliseconds in order to keep users’ attention and increase productivity. If the system takes longer than 400 milliseconds to respond, users may lose interest, become frustrated, or abandon the task altogether. On the other hand, if the system responds faster than 400 milliseconds, users may feel more immersed, motivated, and satisfied with the interaction.

The Doherty Threshold was first proposed by Walter J. Doherty, a researcher at IBM, in 1982. He observed that when users performed tasks on a computer system that responded within 400 milliseconds, they entered a state of flow, where they became fully absorbed and focused on the task. He also found that users’ productivity increased by up to 45% when the system met this threshold.

How to apply the Doherty Threshold in UX design

To apply the Doherty Threshold in UX design, designers should aim to optimize the system’s performance and responsiveness for the users. This means minimizing loading times, reducing latency, and employing caching techniques. Designers should also regularly assess and fine-tune the system’s responsiveness to ensure it consistently meets the Doherty Threshold.

However, sometimes it may not be possible to achieve a response time of less than 400 milliseconds due to technical limitations or complex tasks. In such cases, designers should use perceived performance techniques to improve the response time and reduce the perception of waiting:

• Providing feedback: Feedback can be visual (such as progress bars, spinners, or animations), auditory, or haptic. Feedback helps users understand what is happening behind the scenes and reduces uncertainty and frustration.
• Creating anticipation: Anticipation can be created by using elements such as countdowns, teasers, previews, or gamification.
• Reducing cognitive load: Cognitive load can be reduced by simplifying the interface, breaking down complex tasks into smaller steps, providing clear instructions and guidance, or eliminating distractions.

Real examples of web design that follow the Doherty Threshold

• Google: optimizes performance with indexing and ranking, autocomplete and suggestions, and instant results, while using feedback (spinner icons), anticipation (daily doodles), and cognitive load reduction (minimalistic design).
• Netflix: uses a content delivery network, adaptive streaming, and a recommendation system, while using feedback (loading icons), anticipation (trailers and next-episode countdowns), and cognitive load reduction (grid layout with categories).
• Spotify: uses a content delivery network, offline mode, and a recommendation system, while using feedback (spinner icons), anticipation (cover art and shuffle play), and cognitive load reduction (dark theme, icons, tabs, and menus).

Conclusions

The Doherty Threshold is a principle that states that a system should respond to user input within 400 milliseconds in order to keep users’ attention and increase productivity. By following the Doherty Threshold in web design, designers can create websites that are more satisfying, immersive, and productive for their users.

Bibliography

[1] W. J. Doherty and A. K. Thadani, “The economic value of rapid response time,” in Proceedings of 1982 conference on Human factors in computing systems, Gaithersburg, Maryland, USA, 1982, pp. 139–146.

[2] J. Nielsen, “Response Times: The 3 Important Limits,” Nielsen Norman Group, Jan. 01, 1993.