Leveraging Established UX Conventions
User avatar
Curated by
njakob3342
2 min read
·
Advanced
754
16
Jakob's Law of the Internet User Experience, put forth by usability expert Jakob Nielsen in 2000, states that users spend most of their time on other websites, and therefore prefer your site to work the same way as the sites they already know. By leveraging existing mental models and adhering to common design patterns, designers can create superior user experiences that allow users to focus on their tasks rather than learning new interaction paradigms.

Origins and Evolution of Jakob's Law

Jakob's Law was coined by Jakob Nielsen, a prominent User Advocate and usability expert, in 2000.
1
2
Nielsen observed that users develop expectations of design conventions based on their cumulative experience from other websites, and encouraging designers to follow common patterns enables users to focus on content and tasks rather than learning new interfaces.
2
The law is rooted in the psychological concept of mental models - the idea that people leverage previous experience to understand new experiences.
2
While advocating for familiarity, Jakob's Law doesn't prescribe identical designs, but rather suggests using common conventions when appropriate and only deviating when it demonstrably improves the core user experience.
2
lawsofux.com favicon
oreilly.com favicon
2 sources

Mental Models and User Expectations

Mental models are the cognitive frameworks users develop to understand and interact with digital products based on their prior experiences and expectations.
1
2
When a product's design aligns with users' mental models, it becomes more intuitive and reduces cognitive load.
3
Misalignment can lead to confusion and frustration.
3
UX designers can leverage mental models by conducting user research to understand expectations, designing information architecture and interface elements that match these expectations, ensuring consistency to reinforce mental models, and continuously testing and refining based on user feedback.
2
4
By understanding and designing for users' mental models, UX professionals can create products that are more user-friendly, efficient, and satisfying to use.
5
growth.design favicon
ux4sight.com favicon
honestfox.com.au favicon
5 sources

Impact on Web Usability

Jakob's Law has a profound impact on web usability by emphasizing the importance of leveraging familiar design patterns and conventions. When websites adhere to common interaction paradigms, terminology, and visual cues that align with users' mental models, friction is minimized and usability is enhanced.
1
2
Users can immediately be productive instead of having to learn how a site works, reducing cognitive load and allowing them to focus on their goals.
3
Conversely, violating user expectations with unconventional designs can lead to confusion, frustration, and abandonment.
2
While innovation is valuable, designers should begin with established patterns and only deviate when it demonstrably improves the user experience.
3
By strategically applying Jakob's Law to create intuitive navigation, clear labeling, consistent layouts, and predictable interactions, designers can craft web experiences that empower users and foster success.
4
5
grupomenta.com favicon
jakobnielsenphd.substack.com favicon
oreilly.com favicon
5 sources

Common Design Patterns in Modern Websites

Many modern websites employ established design patterns to create intuitive user experiences that align with users' expectations. Common patterns include: Grid layouts that organize content into equal-width columns with consistent spacing, allowing designers to present large amounts of information in an easy-to-scan format.
1
Navigation elements like logos that link to the homepage, hamburger menus for mobile layouts, and breadcrumbs to help users track their location within a site's hierarchy.
1
Infinite scrolling, where new content continuously loads as the user scrolls, providing an engaging browsing experience for content-heavy sites.
2
Persuasive design patterns like the Zeigarnik Effect, which leverages humans' innate desire for completion by showing progress indicators, and the Picture Superiority Effect, which recognizes that images are more memorable than text alone.
3
Structural patterns like Model-View-Controller (MVC) that separate applications into data models, user interface views, and input-handling controllers to improve code organization and maintainability.
4
By implementing these proven design patterns, web developers can create sites that not only meet users' expectations, but also provide efficient, scalable codebases on the backend. Balancing convention with innovation, effective use of design patterns results in websites that are both highly usable and technically sound.
groovetechnology.com favicon
ramotion.com favicon
ui-patterns.com favicon
4 sources
Related
what are the benefits of using a grid layout in web design
how does infinite scroll improve user engagement
what are the advantages of using a split-screen layout