Psychology of Speed: A Guide to Perceived Performance - Calibre
Hatched by Jaeyeol Lee
Jul 05, 2024
3 min read
8 views
Psychology of Speed: A Guide to Perceived Performance - Calibre
When it comes to website and app performance, it's not just about how fast or responsive they are based on metrics. Perceived performance, which refers to how fast or responsive a website or app feels to users, plays a crucial role. Understanding the psychology behind how people perceive time and speed can help us optimize our designs and create a seamless user experience.
One principle often invoked in psychology is the Weber-Fechner law, which defines the Just Noticeable Difference (JND) in response to stimulation. In the context of web performance, this means aiming for improvements that go well beyond the 20% threshold. By optimizing the actions that people perform most frequently within our sites and apps, we can create a sense of flow - a state of being fully absorbed in an activity without being aware of the underlying technology.
To design flows that cater to different attention spans, we can bucket timeframes based on Steve Souw's definitions and research by Rina A. Doherty and Paul Sorenson. This allows us to provide appropriate and timely feedback, prioritize performance work, and create a seamless user experience. However, there are practical actions we can take to enhance perceived performance even further.
-
Be smart about communicating status and progress: Users want to know that their actions are being processed. By providing clear and timely feedback on the progress of their tasks, we can create a sense of efficiency and keep users engaged. Whether it's through loading messages or progress bars, communicating status can significantly improve perceived performance.
-
Always have something for the user to do: Keeping users engaged is key to maintaining a sense of flow. By providing interactive elements or tasks for users to complete while they wait for certain actions to be processed, we prevent them from feeling idle or frustrated. This can include offering related content or suggesting actions they can take within the app or website.
-
Avoid sudden page movements: Sudden page movements, such as scrolling or resizing, can disrupt the user's sense of flow and make the experience feel jarring. By minimizing these sudden movements and ensuring smooth transitions between different states or pages, we can create a more seamless and enjoyable user experience.
In addition to these actionable tips, there are also technical considerations that can greatly impact perceived performance:
-
Ship less JavaScript: JavaScript can significantly impact the loading and rendering times of a website or app. By minimizing the amount of JavaScript code and optimizing its execution, we can improve perceived performance.
-
Audit third-party impact: Third-party scripts and dependencies can have a significant impact on performance. It's important to regularly audit and assess the impact of these third-party integrations and consider alternatives or optimizations to minimize their impact on perceived performance.
-
Lazy load off-screen content: Loading all content at once can slow down the initial loading time of a website or app. By implementing lazy loading techniques, we can prioritize the loading of content that is currently visible to the user, improving the perceived performance and overall user experience.
By implementing these strategies and considering the psychology behind perceived performance, we can create websites and apps that not only perform well in terms of metrics but also provide a seamless and enjoyable user experience. Ultimately, the goal is to keep users engaged and productive, allowing them to continue working without being hindered by slow or unresponsive technology.
In conclusion, optimizing perceived performance is a combination of design choices and leveraging the psychology of how people perceive time and speed. By understanding the principles behind perceived performance and implementing actionable strategies, we can create a seamless user experience that keeps users engaged and productive. So, the next time you're working on a website or app, remember to communicate status and progress, provide interactive elements, avoid sudden page movements, and consider technical optimizations. Your users will thank you for it.
Sources
Hatch New Ideas with Glasp AI 🐣
Glasp AI allows you to hatch new ideas based on your curated content. Let's curate and create with Glasp AI :)
Start Hatching 🐣