Core Concepts
Perceived performance in web design is a subjective experience influenced by various factors, requiring a balance between metrics-driven improvements and design choices to optimize user satisfaction.
Abstract
Perceived performance in web design involves understanding human perception, time psychology, and user experience to enhance website or app speed. Factors like response delays, animations, and feedback play crucial roles in shaping users' perceptions of speed and responsiveness. The concept of flow, attention spans, and the impact of context on time perception are essential considerations for designing optimal user experiences. By focusing on managing delays effectively through loading indicators, feedback mechanisms, and avoiding sudden page movements, designers can create a seamless browsing experience that aligns with users' expectations.
Stats
Research indicates that we can only notice a change of more than 20%.
Attention Category Response time Description Attentive Instantaneous below 300ms Perceived as closed-loop system, where people are in direct control.
Load time Wait time Strategy below 1s - No loader needed 1–2s - Skeleton screen or localised spinner 2–10s Fixed Time indicator Open-ended Progress bar or step indicator above 10 s Fixed Percentage indicator or background process indicator Open-ended Notify people when task is complete
Visitors are never more aware of how long a page takes to load than when they have nothing to do.
Avoid late injected JavaScript: New elements appearing or existing ones shifting on a page that already feels settled results in a jarring effect for readers.
Quotes
"Perceived performance refers to how fast or responsive a website or app feels compared to how fast or responsive it is."
"When website or app performance enhances the feeling of flow, we’re more likely to have a positive sentiment about its performance."
"Managing these updates often includes loading indicators."