17 Essential Laws of UX Every Designer Should Master
17 Essential Laws of UX Every Designer Should Master
17 Essential Laws of UX Every Designer Should Master
Simplify UX with 17 proven laws! Learn how Hick’s, Fitts’s, and Jakob’s Laws enhance usability & conversions.
Simplify UX with 17 proven laws! Learn how Hick’s, Fitts’s, and Jakob’s Laws enhance usability & conversions.
Simplify UX with 17 proven laws! Learn how Hick’s, Fitts’s, and Jakob’s Laws enhance usability & conversions.

Siddharth Vij
Siddharth Vij
Siddharth Vij
Design Lead
Design Lead
Design Lead
Website Design
Website Design
Website Design
4 Min Read
4 Min Read
4 Min Read
Here's something surprising - your brain can only remember 7 items at once, give or take 2. This is the sort of thing I love about UX laws that shape our interactions with digital products.
These foundations of user experience design fall into four key areas: Heuristics, Gestalt principles, Cognitive bias, and Principles. Scientific research backs up these laws - from Jakob's Law showing how users like familiar designs to the Esthetic-Usability Effect proving that beautiful interfaces seem more functional.
We created this complete guide to 17 core UX laws every designer should know. These principles will help you make better decisions and create exceptional user experiences when designing websites, apps, or digital products.
Jakob's Law: Design for Pattern Recognition

Image Source: Lifted Logic
People tend to favor familiar patterns and interfaces they see often on different websites. These patterns are the foundations of Jakob's Law, which shapes how we design digital experiences today.
Understanding Jakob's Law in Modern UX
Jakob's Law shows that users spend most of their time on other sites, and they prefer websites that work like ones they already know. This comes from pattern recognition - our brains break down visual elements into simple shapes called geons to identify objects around us.
Key Implementation Strategies
Jakob's Law works best when designers create interfaces that match common patterns. Research shows that websites with centered logos had a 6-fold increase in navigation failures when compared to left-aligned logos. Consistent visual elements and interaction patterns build trust and familiarity.
The core strategies include:
Using familiar affordance cues like 3D effects for buttons
Placing navigation menus in common spots (top or left)
Following standard color conventions (blue for links)
Using standard GUI elements like visible scroll bars
Common Mistakes to Avoid
The biggest problem is scrolljacking - changing how native scroll behavior works for custom animations. Users feel disoriented, work harder to navigate, and mobile users find it particularly frustrating. Moving away from standard conventions like search bar placement (top right) or shopping cart icons can confuse users and affect usability.
Measuring User Familiarity
You can measure how well familiar design patterns work by tracking:
Task success rates and completion times
Customer satisfaction scores (CSAT)
System Usability Scale (SUS) measurements
Task-specific metrics like navigation success rates
These metrics help ensure your interface stays familiar and meets user expectations. To cite an instance, see how websites that follow conventional patterns show better task completion rates and higher user satisfaction scores.
Aesthetic-Usability Effect: Beauty Meets Function

Image Source: Mohamed Assoud
Beautiful designs deeply affect how users see and interact with digital interfaces. Research from the Hitachi Design Center reveals that users consistently rate aesthetically pleasing designs as more user-friendly, whatever their actual functionality.
The Psychology Behind Visual Appeal
The esthetic-usability effect shows that users make their original judgments about a product's usability within milliseconds of viewing it. Studies also indicate that attractive interfaces encourage positive attitudes. Users become more tolerant of minor usability issues. This psychological response happens because visual appeal creates emotional connections that lead to increased patience and loyalty toward the product.
Balancing Esthetics and Functionality
Esthetics play a vital role but must work in harmony with functionality. Research shows that attractive designs can mask minor usability problems but can't make up for major functional issues. These elements help create this balance:
Color combinations that improve visual appeal
Strategic use of typography and layout
Thoughtful implementation of whitespace
High-quality imagery and graphics
Implementation Guidelines
Designers should create interfaces that support both form and function to effectively implement the esthetic-usability effect. A study between two similar mobile phones showed that the esthetically appealing prototype received much higher usability ratings and users completed tasks faster.
Research from Nanjing Forestry University revealed that high-esthetic products:
Created more positive emotions based on P200 amplitudes
Drew greater attention in the frontal region according to N100 measurements
Showed higher buying intent ratios
Users' priorities for esthetics vary in different cultures and demographics. Designers must think over their target audience's cultural background, including language, education level, and social norms when creating visually appealing interfaces.
Fitts's Law: Target Acquisition Made Easy

Image Source: Lifted Logic
In 1954, psychologist Paul Fitts discovered a principle that changed how we understand human-computer interaction. His research showed a direct link between the time needed to reach a target and its size and distance.
Core Principles of Fitts's Law
The math is straightforward - users can reach larger, closer targets faster than smaller, distant ones. Movement time grows with distance but shrinks with target size. This process happens in two steps:
A quick movement toward the target
A final adjustment to select accurately
Practical Applications in UI Design
Buttons placed at screen edges work better because screen boundaries naturally stop cursor movement. Pie menus work faster than linear ones since every option sits at the same distance from the center.
The best interface design should:
Use interactive elements big enough to select easily
Keep common controls within reach
Leave enough space between clickable items
Make buttons fully clickable, not just their labels
Task bars work better along screen edges because users need less precise movement. Tests show that Fitts's law applies to target selection in zooming interfaces up to 30 bits of difficulty.
Mobile vs Desktop Considerations
Touch interfaces work differently than mouse-driven ones - edge placement doesn't help here. Research shows users take longer to reach targets placed at edges on touchscreens.
Mobile design needs to account for:
How thumb zones affect reach
Why bottom corners work best for common controls
How split keyboards change grip patterns
The space needed for finger taps
A newer study comparing touchscreen and AR interfaces found touchscreens performed better with a throughput of 10.12 bits/s compared to 3.11 bits/s for AR. Designers should remember these differences when creating easy-to-use interfaces.
Hick's Law: Simplifying User Decisions

Image Source: Lifted Logic
Choice complexity can substantially affect how users make decisions when using digital interfaces. British psychologist William Edmund Hick and American psychologist Ray Hyman found that increasing the number of options guides users toward longer decision times.
Understanding Choice Paralysis
Studies demonstrate this effect clearly through ground experiments. One notable study at an upscale grocery store showed displays with 24 jam flavors drew 60% of shoppers' attention but only 3% bought anything. Displays with just six flavors attracted 40% of shoppers and 30% made purchases. The same pattern emerged when 401(k) participation dropped 2% with every ten mutual funds an employer offered.
Implementing Progressive Disclosure
Progressive disclosure helps curb decision paralysis effectively. Users see only essential options first, with advanced features appearing on secondary screens. To name just one example, see Amazon's interface that tailors recommendations based on search patterns and shows just 4-7 different options based on screen size.
The best ways to implement this include:
Complex tasks broken into smaller, manageable steps
Navigation items organized in discrete clusters
Card sorting defines logical groups
Eye-tracking heat maps identify problem areas
Testing Decision Points
User behavior analysis helps measure how well simplified choices work. Research shows website time has a sweet spot - too little means users leave before buying, while too much suggests they're stuck consuming information.
The most important metrics to track:
Task completion rates compared to options shown
Page view patterns as menu complexity changes
Click-through rates between main and secondary features
User satisfaction across different interface versions
Designers who apply Hick's Law skillfully create interfaces that guide users to make confident decisions without overwhelming them. This approach works especially well with mobile interfaces where limited screen space makes thoughtful option presentation vital.
Miller's Law: Managing Cognitive Load

Image Source: Lifted Logic
Working memory determines how users process information on digital interfaces. Miller's Law helps us understand its limitations and create better user experiences.
The Magic Number Seven
George Miller's groundbreaking 1956 research found that there was a limit to human working memory - about seven items (plus or minus two) at once. This principle goes beyond simple memorization and shapes how users interact with interfaces.
Miller found that memory span stayed the same whether people memorized single digits or complex words. This led to the concept of "chunks" - meaningful units of information that help users process data quickly.
Chunking Information Effectively
Chunks make complex information easier to digest by lining up with working memory limits. A phone number becomes easier to remember as (087) 182-349 instead of a continuous string 087182349.
The best chunking strategies are:
Breaking content into distinct visual groups
Using whitespace to separate information
Implementing clear visual hierarchies
Applying consistent formatting patterns
Practical Applications
Netflix shows how chunking works by displaying six items in each content row. eBay takes a similar approach and limits gallery items to six per view while organizing auction pages into clear sections.
Research shows that broad, shallow menu structures work better than deeper ones. Studies also reveal that e-commerce homepages with 90+ product categories can be more usable than those with fewer links.
Designers can reduce cognitive strain by:
Organizing content into visual modules
Adding rules to separate different information types
Creating clear information hierarchies
Using progressive disclosure for complex interfaces
The goal isn't to stick strictly to the "magical number seven." The focus should be on presenting information that reduces mental effort. Cognitive load theory tells us that while intrinsic cognitive load is needed, we should eliminate unnecessary mental effort whenever possible.
Law of Proximity: Visual Grouping

Image Source: Lifted Logic
Visual perception shapes how users interact with digital interfaces. The law of proximity, a basic Gestalt principle, shows that elements placed close together look related to users, and this overrides other visual cues like color or shape.
Principles of Gestalt Psychology
Proximity has more influence than other distinctive features in visual grouping. Scientists found that users naturally link elements based on their spatial arrangement. This brain pattern helps organize complex visual information into meaningful patterns that make interfaces easier to digest.
Implementation Techniques
The right use of proximity needs smart placement of whitespace and visual boundaries. Studies show different amounts of whitespace can unite or separate elements to create clear visual hierarchies. Key techniques include:
Consistent spacing between related items
Bigger gaps to show separate content groups
Visual containers to strengthen groupings
Responsive design adjustments
Research shows that grouping related menu items through proximity resulted in faster search times. But wrong grouping of unrelated items made search times longer, which proves why thoughtful implementation matters.
Common Use Cases
This principle works well with interface elements of all types. Form fields grouped by proximity had better completion rates. Navigation menus that used proximity-based grouping also showed better usability.
Common applications include:
Content organization in blog layouts
Form field grouping
Navigation menu structuring
Product catalog arrangements
Mobile interfaces create special challenges for proximity-based design. Research shows that scaling down to smaller screens can minimize space between elements or push them apart, which can break intended grouping relationships. Designers need to watch how proximity changes across different device sizes to keep visual hierarchies working well.
Smart use of the law of proximity makes interfaces more accessible and easier to use. The secret lies in balancing proximity with other design elements while keeping it consistent across screens and devices.
Law of Prägnanz: Simplicity Rules

Image Source: Medium
The human eye naturally looks for simplicity in complex visual patterns. This behavior follows the Law of Prägnanz. Max Wertheimer first found this principle in 1910 while watching flashing railroad crossing lights. His discovery showed how our brains process visual information.
Understanding Visual Perception
Our minds automatically turn complex shapes into simpler, unified forms. This helps prevent information overload. The brain processes this information in two steps.
The brain spots simple patterns and shapes first and matches them with familiar objects in memory. Then it makes complex arrangements easier by removing extra details. This creates a mental picture we can handle better.
Research from the Nanjing Forestry University shows that simpler visual patterns generate stronger P200 amplitudes in the brain. This suggests better cognitive processing. Users complete tasks faster when they see simplified interface designs.
Design Simplification Strategies
Designers should create interfaces that reduce mental strain to apply the Law of Prägnanz effectively. These approaches work best:
Breaking complex layouts into simple geometric shapes
Removing decorative elements that don't have a purpose
Keeping visual patterns consistent across similar components
Using negative space to create clear visual boundaries
Research shows that wireframing websites with simplified layouts helps users spot differences between design versions quickly. Studies also show that users put content blocks together into a single unified page better when they see simple arrangements.
This principle works beyond static elements. Users' eyes naturally turn complicated shapes into simpler, unified forms when they see them in a design. This natural drive toward simplification shows why interfaces should match users' cognitive priorities.
Smart use of the Law of Prägnanz helps designers build interfaces that look clean and help users understand and interact better. This simple principle is the life-blood of creating accessible digital experiences that strike a chord with users' natural visual processing.
Serial Position Effect: Memory Optimization

Image Source: Lifted Logic
Memory is a vital part of how users remember and recall information from digital interfaces. Research shows that users remember items at the start and end of a sequence better than those in the middle.
First and Last Impressions
The primacy effect helps users remember the first few items because they get more attention during the original processing. The recency effect will give better retention of items at the end of a sequence. Research indicates that showing items faster reduces the primacy effect, while slower presentation boosts recall.
Content Placement Strategy
Here are some research-backed insights to optimize content placement:
Put key information at the start and end of sequences
Less important content works best in middle sections
Keep task-relevant information visible in the interface
Use visual cues to help memory retention
Research shows that users look at institutional logos for about 6.48 seconds, navigation menus for 6.44 seconds, and search boxes for 6 seconds. These numbers highlight why strategic content positioning matters so much.
Testing for Effectiveness
You need a full evaluation to measure how serial position affects users. Research indicates that adding distracter tasks between study and test phases removes the recency effect but keeps the primacy effect intact. The core metrics to assess include:
Memory retention rates over different time periods Task completion accuracy across content positions User interaction patterns throughout the interface Recognition versus recall performance metrics
Research shows that time context serves as a memory trigger, which affects how users remember and find information. Designers can create interfaces that match users' natural memory patterns by applying serial position principles. This approach leads to a better user experience.
Von Restorff Effect: Standing Out

Image Source: Dribbble
A German psychiatrist named Hedwig von Restorff found that there was a fascinating principle in 1933: distinctive items among similar ones are more likely to be remembered. This cognitive bias shapes the way users see and interact with digital interfaces.
Creating Visual Hierarchy
Elements become distinctive through careful changes in visual elements. Studies show that users remember information better when they encounter elements with unique preattentive attributes like size, shape, color, or spacing. Note that restraint matters - nothing stands out when everything tries to.
The core strategies that create visual hierarchy are:
Using contrasting colors for critical information
Choosing distinctive typography for important messages
Adding strategic whitespace to isolate focal points
Adding unique visual elements or icons
Research from Facebook shows this effect in their notification system, where red notification icons stand out against their blue interface. Amazon's orange "Add to Cart" button also gets more attention against their neutral white and gray interface.
Effective Contrast Techniques
Studies show that breaking the semantic structure of content placement helps beat banner blindness, especially with moves from sidebar ads to in-article placements. The foundations of creating effective contrast are:
Color and Contrast
Use contrasting colors for vital information
Make sure colors work well for accessibility
Think over cultural meanings of color choices
Typography and Space
Mix font styles and weights with purpose
Add whitespace to separate elements
Keep spacing patterns consistent
Motion and Animation
Add subtle animations to show changes
Include micro-interactions for feedback
Remember users who are sensitive to motion
Research shows that blockifying content - creating distinct visual blocks - makes the Von Restorff effect work without hurting other visual cues. Designers can guide user attention naturally while keeping interfaces accessible and usable by applying these principles thoughtfully.
Tesler's Law: Managing Complexity

Image Source: Lifted Logic
Larry Tesler, during his time at Xerox PARC, found a fundamental truth about software design: every application contains an inherent amount of complexity that cannot be eliminated. This principle, Tesler's Law or the Law of Conservation of Complexity, shapes how we approach interface design today.
Essential vs Optional Complexity
Research shows that applications must balance complexity in product development and user interaction. Studies show that excessive complexity in the development stage might create products that are easy to use but challenging to build. This can result in higher costs and longer timelines. Too much complexity for users results in decreased satisfaction and higher abandonment rates.
Simplification Strategies
These proven approaches help manage complexity:
Users encounter various scenarios that need consideration in the design
Additional code creates accessible interfaces
Testing ensures smooth functionality
Contextual help works better than overwhelming users with upfront learning material
Research proves that spending an extra week to reduce application complexity benefits users more than making millions of them spend an extra minute with complicated features. Users often attempt more complex tasks with simplified applications, which shows natural progression in their capability.
User Testing Methods
These testing methods help evaluate complexity management:
Exploratory Testing: Each tester focuses on specific UX principles and documents findings
Formal UX Testing: QA testers work with UX designers to watch real users interact with the interface
Early Usability Tests: Testing during functional and regression phases finds issues before release
Understanding business needs is vital because UX design fails to improve user experience when user research and product design decisions don't match user intent. Designers can create interfaces that balance complexity and maintain user satisfaction through these strategies.
Parkinson's Law: Time Management

Image Source: Linkedin
Time management in digital interfaces shapes how users behave and complete tasks. Cyril Northcote Parkinson expressed this principle in The Economist in 1955. He noticed that work expands to fill the time we have.
Understanding User Expectations
Users create specific expectations about how long tasks should take based on their past experiences. People adjust their pace to match the available time rather than working quickly when they have extra time. This behavior shows up in digital interactions of all types, from filling out forms to completing purchases.
E-commerce websites that made their checkout process faster saw six times more sales than those with time-consuming procedures. Time on Task (ToT) measurements prove that users complete tasks faster with easy-to-use designs.
Optimizing Task Duration
Designers can make tasks work better by following these proven strategies:
Break complex processes into smaller, manageable steps
Show progress indicators for tasks that take more than 10 seconds
Give clear feedback when the system responds
Let users cancel tasks that last longer than 10 seconds
Research shows users rate systems more positively when they notice quick, repeated progress bar movements instead of slower, single-fill indicators. On top of that, designers should use animations without progress bars only when they cannot calculate completion time beforehand.
Task management success depends on both real and perceived duration. Data shows users think short tasks take longer than they do, but underestimate longer ones. Smart use of time management principles helps create interfaces that guide users to finish tasks quickly while staying engaged and satisfied.
Peak-End Rule: Memorable Experiences

Image Source: Olively
Research shows that people judge their experiences based on the most intense moments and final impressions. These elements shape how users notice digital interactions. The Peak-End Rule, a prominent psychological phenomenon, offers a great way to get insights about creating memorable user experiences.
Creating Peak Moments
Studies show users don't pay attention to how long experiences last. They focus on emotional peaks. Designers must find ways to create positive peak experiences. To cite an instance, Mailchimp turns stressful moments into delightful interactions with animated confirmations.
These strategies help craft peak moments:
Add surprise elements at key touchpoints
Give meaningful celebrations for user achievements
Create individual-specific interactions based on behavior
Turn friction points into positive experiences
Optimizing End Points
The final moments of an experience leave a lasting impression on users. Studies indicate small improvements in final moments can create a radical alteration in how people remember their whole interaction. Zapier shows this by adding animated success messages after plan upgrades. These messages help users feel better about increased payments.
Essential elements to optimize endpoints are:
Clear confirmations for completed actions
Available next steps or related options
Positive reinforcement
Brand consistency through closure
Measuring Impact
A complete analysis helps evaluate how well peak-end implementations work. Studies indicate users who experience positive peaks show higher engagement rates and better retention. Research also shows well-crafted endings affect future interaction decisions.
The measurement should track:
User satisfaction scores at different touchpoints
Retention rates after peak experiences
Completion rates for critical user trips
Emotional responses through user feedback
Strategic implementation of the Peak-End Rule helps designers turn ordinary interactions into memorable experiences that appeal to users long after completion.
Doherty Threshold: Response Time

Image Source: Lifted Logic
Response time plays a key role in how users interact with digital interfaces. Walter J. Doherty and Ahrvind J. Thadani's groundbreaking research in 1982 showed that productivity reaches its peak when computers respond within 400 milliseconds.
Speed and User Experience
Users find delays under 100 milliseconds instant, while they start to notice delays between 100-300 milliseconds. Delays over 1,000 milliseconds make users switch their mental focus and they often abandon tasks.
BBC's research shows that websites lose 10% more users with each second of loading delay. Users show stress responses to slow page speeds that match their reactions to horror movies or math problems.
Performance Optimization
Good interfaces should follow these guidelines:
Give system feedback within 400ms to keep users focused
Show progress indicators when operations take over 10 seconds
Use animation to keep users engaged during background tasks
Pay attention to both actual and perceived speed
Research shows that adding small delays can sometimes boost perceived value and trust, even when systems could run faster. Progress bars help users tolerate wait times better, regardless of their accuracy.
Testing Methods
Response time testing needs a thorough approach:
Check actual response times on different devices and networks
Watch user engagement metrics and bounce rates
Look at how system speed affects task completion
Compare conversion rates with performance measures
Studies show that users want mobile sites to load as fast as desktop versions, or even faster. A real-world example comes from Vodafone, which saw their sales grow by 8% after they made their Largest Contentful Paint (LCP) 31% faster.
Designers who apply these principles can build interfaces that balance system capabilities with user needs. This results in experiences that feel quick and responsive.
Law of Common Region: Visual Boundaries

Image Source: Linkedin
Users process visual information in digital interfaces based on the principle of common region. When items share a boundary, people naturally group them together. This grouping happens automatically and can override other visual cues like proximity or similarity.
Implementation Techniques
Several design elements help create effective visual boundaries. Borders and background colors work as powerful tools to establish common regions. Here's what works best:
Clear boundaries with contrasting backgrounds
Subtle borders that group related elements
Consistent spacing within grouped items
Clear separation between different regions
Common region works best when designers can't adjust whitespace between objects. Research shows that borders or backgrounds can help overcome any limitations in proximity-based grouping.
Testing Effectiveness
A detailed analysis helps evaluate how visual boundaries work. Designers should ask these questions before adding borders or backgrounds:
Do users need help understanding groups?
Can whitespace communicate the message?
How do nearby elements relate?
What confuses users during tests?
Too many borders create visual clutter. Proximity alone is enough to group elements effectively. To name just one example, mobile interfaces don't need boxes around each filter set when spacing can signal grouping.
Research also shows that full-width borders across screens might create false floors. Users might stop scrolling when they see these borders. Smart implementation of common region principles helps designers create interfaces that show relationships between elements clearly.
Postel's Law: Flexible Design

Image Source: Olively
Computer scientist Jon Postel created a fundamental principle 40 years ago that shapes modern interface design: "be conservative in what you do, be liberal in what you accept from others". This principle has changed how we handle user interface flexibility and errors.
Building Resilient Interfaces
Creating resilient interfaces needs careful attention to input handling. Research shows that programs should accept non-conformant input when the meaning stays clear. This approach works well in design systems where teams need to accept diverse feedback from designers, content creators, and developers to improve collaboration.
Designers should follow these principles to build resilient interfaces:
Accept different input formats while keeping strict output standards
Use forgiving formats for user data entry
Design components that work with varying content lengths
Build interfaces that handle unexpected user actions smoothly
Research shows that strict design systems rarely work because users don't like rigid frameworks. The better approach lets systems accept liberal input while maintaining conservative output. This helps change systems from being owned to being shared.
Error Handling Strategies
Good error management needs the right balance between flexibility and control. Studies show that consistency checks prevent deployment issues later, even though they take more work to implement. The main strategies should:
Plan for network issues by assuming bad packets might arrive
Skip complex protocol features that could reveal receiver problems
Use cooperative methods to reduce disruption in shared communication
Research confirms that interfaces should handle any type of input, access, or capability while providing reliable and easy-to-use experiences. Studies also show that clear input boundaries with transparent feedback make users happier.
Postel's Law helps create interfaces that work better and are easier to use. Mobile interfaces benefit from this approach because limited screen space makes thoughtful option presentation important.
Goal-Gradient Effect: Progress Motivation

Image Source: Alex Gilev - X User
Research shows an interesting finding about human behavior: people work harder when they get closer to their goals. Scientists first noticed this behavior in rats that ran faster as they approached their food rewards. This pattern shapes how people interact with digital interfaces.
Progress Indicators
Users who can see progress indicators stay three times more engaged compared to those without visual feedback. Different types of indicators work best based on how long tasks take:
Looped animations suit tasks of 2-9 seconds
Percent-done indicators work better for tasks over 10 seconds
Starting progress bars at 25% completion improves user perception and motivation. On top of that, skeleton screens show users what's happening and give them a preview of upcoming content.
Ways to Put This Into Practice
Breaking tasks into achievable milestones improves engagement by a lot. A study found that customers with a 12-stamp coffee card and two "bonus" stamps bought coffee faster than those with regular 10-stamp cards.
Key techniques you can use:
Split long processes into smaller milestones
Show visual elements like percentage indicators
Add game-like features such as points or badges
Use checklists that break down steps
Research proves that artificial progress toward goals makes people more likely to finish tasks. Users also tend to value achievements more when they're closer to the end goal.
Measuring What Works
To assess how well progress indicators work, look at:
How many people complete tasks with different indicator styles
Time spent when using various progress visualizations
Success rates between different display methods
Clear time estimates for long processes help reduce user anxiety. Progress bars that move quickly at first and then slow down keep more users engaged than those moving at steady speeds.
These principles help create interfaces that keep users engaged and guide them to success. Visual progress serves as a powerful motivator that turns potentially frustrating tasks into positive experiences.
Zeigarnik Effect: Task Completion

Image Source: Medium
Bluma Zeigarnik's groundbreaking research in the 1920s showed something fascinating: we remember unfinished tasks better than completed ones. This discovery now shapes how designers create modern interfaces.
Understanding User Psychology
Research shows that interrupted tasks create mental tension in our minds until we complete them. This explains why users feel mental pressure when they leave tasks unfinished. They feel compelled to return and finish what they started.
The mental tension from specific tasks helps us access information better while working on them. When tasks get interrupted before completion, we actively rehearse the information. This leads to better retention as the task pops into our minds repeatedly.
Implementation Guidelines
The Zeigarnik Effect works best when interfaces:
Show clear visual signs of incomplete tasks
Use progress bars or step indicators for multi-stage processes
Save partial progress automatically
Send well-timed reminders for incomplete tasks
Visual cues that highlight incomplete tasks substantially increase task-specific tension and help users remember better. Research also confirms that taking breaks mid-section, rather than at section ends, helps users retain information better.
Success Metrics
Several key metrics help measure how well these implementations work:
Task completion rates need tracking across different versions of the interface. Research proves that subtle reminders through notifications and emails create a sense of progress. These reminders guide users to complete desired actions.
User engagement patterns tell an important story too. Saving abandoned carts or partially filled forms helps move users toward completing their purchase. Studies show that notifications work best when they arrive at the right time and stick to essential information. This prevents users from feeling confused or frustrated.
Designers can create interfaces that naturally motivate users to finish tasks by using the Zeigarnik Effect strategically. This approach helps maintain engagement throughout the user's experience.
Conclusion
Scientific understanding of human behavior shapes how we create user-friendly interfaces through these 17 UX laws. Research shows that thoughtful application of these principles guides users to better experiences and improved engagement metrics.
Designers must strike a careful balance with these laws. Jakob's Law tells us to stick to familiar patterns, while the Von Restorff Effect shows us when to be distinctive. Miller's Law helps us chunk information effectively and the Peak-End Rule teaches us to create memorable moments.
Testing plays a vital role in making these principles work. Measuring user behavior, task completion rates, and engagement metrics helps confirm our design choices. These laws work together to create interfaces that feel natural and user-friendly to people.
UX laws are powerful tools, not strict rules. Their scientific basis and real-world strategies help designers craft experiences that appeal to users and meet business goals. The key lies in knowing the right time and way to apply each principle.
Here's something surprising - your brain can only remember 7 items at once, give or take 2. This is the sort of thing I love about UX laws that shape our interactions with digital products.
These foundations of user experience design fall into four key areas: Heuristics, Gestalt principles, Cognitive bias, and Principles. Scientific research backs up these laws - from Jakob's Law showing how users like familiar designs to the Esthetic-Usability Effect proving that beautiful interfaces seem more functional.
We created this complete guide to 17 core UX laws every designer should know. These principles will help you make better decisions and create exceptional user experiences when designing websites, apps, or digital products.
Jakob's Law: Design for Pattern Recognition

Image Source: Lifted Logic
People tend to favor familiar patterns and interfaces they see often on different websites. These patterns are the foundations of Jakob's Law, which shapes how we design digital experiences today.
Understanding Jakob's Law in Modern UX
Jakob's Law shows that users spend most of their time on other sites, and they prefer websites that work like ones they already know. This comes from pattern recognition - our brains break down visual elements into simple shapes called geons to identify objects around us.
Key Implementation Strategies
Jakob's Law works best when designers create interfaces that match common patterns. Research shows that websites with centered logos had a 6-fold increase in navigation failures when compared to left-aligned logos. Consistent visual elements and interaction patterns build trust and familiarity.
The core strategies include:
Using familiar affordance cues like 3D effects for buttons
Placing navigation menus in common spots (top or left)
Following standard color conventions (blue for links)
Using standard GUI elements like visible scroll bars
Common Mistakes to Avoid
The biggest problem is scrolljacking - changing how native scroll behavior works for custom animations. Users feel disoriented, work harder to navigate, and mobile users find it particularly frustrating. Moving away from standard conventions like search bar placement (top right) or shopping cart icons can confuse users and affect usability.
Measuring User Familiarity
You can measure how well familiar design patterns work by tracking:
Task success rates and completion times
Customer satisfaction scores (CSAT)
System Usability Scale (SUS) measurements
Task-specific metrics like navigation success rates
These metrics help ensure your interface stays familiar and meets user expectations. To cite an instance, see how websites that follow conventional patterns show better task completion rates and higher user satisfaction scores.
Aesthetic-Usability Effect: Beauty Meets Function

Image Source: Mohamed Assoud
Beautiful designs deeply affect how users see and interact with digital interfaces. Research from the Hitachi Design Center reveals that users consistently rate aesthetically pleasing designs as more user-friendly, whatever their actual functionality.
The Psychology Behind Visual Appeal
The esthetic-usability effect shows that users make their original judgments about a product's usability within milliseconds of viewing it. Studies also indicate that attractive interfaces encourage positive attitudes. Users become more tolerant of minor usability issues. This psychological response happens because visual appeal creates emotional connections that lead to increased patience and loyalty toward the product.
Balancing Esthetics and Functionality
Esthetics play a vital role but must work in harmony with functionality. Research shows that attractive designs can mask minor usability problems but can't make up for major functional issues. These elements help create this balance:
Color combinations that improve visual appeal
Strategic use of typography and layout
Thoughtful implementation of whitespace
High-quality imagery and graphics
Implementation Guidelines
Designers should create interfaces that support both form and function to effectively implement the esthetic-usability effect. A study between two similar mobile phones showed that the esthetically appealing prototype received much higher usability ratings and users completed tasks faster.
Research from Nanjing Forestry University revealed that high-esthetic products:
Created more positive emotions based on P200 amplitudes
Drew greater attention in the frontal region according to N100 measurements
Showed higher buying intent ratios
Users' priorities for esthetics vary in different cultures and demographics. Designers must think over their target audience's cultural background, including language, education level, and social norms when creating visually appealing interfaces.
Fitts's Law: Target Acquisition Made Easy

Image Source: Lifted Logic
In 1954, psychologist Paul Fitts discovered a principle that changed how we understand human-computer interaction. His research showed a direct link between the time needed to reach a target and its size and distance.
Core Principles of Fitts's Law
The math is straightforward - users can reach larger, closer targets faster than smaller, distant ones. Movement time grows with distance but shrinks with target size. This process happens in two steps:
A quick movement toward the target
A final adjustment to select accurately
Practical Applications in UI Design
Buttons placed at screen edges work better because screen boundaries naturally stop cursor movement. Pie menus work faster than linear ones since every option sits at the same distance from the center.
The best interface design should:
Use interactive elements big enough to select easily
Keep common controls within reach
Leave enough space between clickable items
Make buttons fully clickable, not just their labels
Task bars work better along screen edges because users need less precise movement. Tests show that Fitts's law applies to target selection in zooming interfaces up to 30 bits of difficulty.
Mobile vs Desktop Considerations
Touch interfaces work differently than mouse-driven ones - edge placement doesn't help here. Research shows users take longer to reach targets placed at edges on touchscreens.
Mobile design needs to account for:
How thumb zones affect reach
Why bottom corners work best for common controls
How split keyboards change grip patterns
The space needed for finger taps
A newer study comparing touchscreen and AR interfaces found touchscreens performed better with a throughput of 10.12 bits/s compared to 3.11 bits/s for AR. Designers should remember these differences when creating easy-to-use interfaces.
Hick's Law: Simplifying User Decisions

Image Source: Lifted Logic
Choice complexity can substantially affect how users make decisions when using digital interfaces. British psychologist William Edmund Hick and American psychologist Ray Hyman found that increasing the number of options guides users toward longer decision times.
Understanding Choice Paralysis
Studies demonstrate this effect clearly through ground experiments. One notable study at an upscale grocery store showed displays with 24 jam flavors drew 60% of shoppers' attention but only 3% bought anything. Displays with just six flavors attracted 40% of shoppers and 30% made purchases. The same pattern emerged when 401(k) participation dropped 2% with every ten mutual funds an employer offered.
Implementing Progressive Disclosure
Progressive disclosure helps curb decision paralysis effectively. Users see only essential options first, with advanced features appearing on secondary screens. To name just one example, see Amazon's interface that tailors recommendations based on search patterns and shows just 4-7 different options based on screen size.
The best ways to implement this include:
Complex tasks broken into smaller, manageable steps
Navigation items organized in discrete clusters
Card sorting defines logical groups
Eye-tracking heat maps identify problem areas
Testing Decision Points
User behavior analysis helps measure how well simplified choices work. Research shows website time has a sweet spot - too little means users leave before buying, while too much suggests they're stuck consuming information.
The most important metrics to track:
Task completion rates compared to options shown
Page view patterns as menu complexity changes
Click-through rates between main and secondary features
User satisfaction across different interface versions
Designers who apply Hick's Law skillfully create interfaces that guide users to make confident decisions without overwhelming them. This approach works especially well with mobile interfaces where limited screen space makes thoughtful option presentation vital.
Miller's Law: Managing Cognitive Load

Image Source: Lifted Logic
Working memory determines how users process information on digital interfaces. Miller's Law helps us understand its limitations and create better user experiences.
The Magic Number Seven
George Miller's groundbreaking 1956 research found that there was a limit to human working memory - about seven items (plus or minus two) at once. This principle goes beyond simple memorization and shapes how users interact with interfaces.
Miller found that memory span stayed the same whether people memorized single digits or complex words. This led to the concept of "chunks" - meaningful units of information that help users process data quickly.
Chunking Information Effectively
Chunks make complex information easier to digest by lining up with working memory limits. A phone number becomes easier to remember as (087) 182-349 instead of a continuous string 087182349.
The best chunking strategies are:
Breaking content into distinct visual groups
Using whitespace to separate information
Implementing clear visual hierarchies
Applying consistent formatting patterns
Practical Applications
Netflix shows how chunking works by displaying six items in each content row. eBay takes a similar approach and limits gallery items to six per view while organizing auction pages into clear sections.
Research shows that broad, shallow menu structures work better than deeper ones. Studies also reveal that e-commerce homepages with 90+ product categories can be more usable than those with fewer links.
Designers can reduce cognitive strain by:
Organizing content into visual modules
Adding rules to separate different information types
Creating clear information hierarchies
Using progressive disclosure for complex interfaces
The goal isn't to stick strictly to the "magical number seven." The focus should be on presenting information that reduces mental effort. Cognitive load theory tells us that while intrinsic cognitive load is needed, we should eliminate unnecessary mental effort whenever possible.
Law of Proximity: Visual Grouping

Image Source: Lifted Logic
Visual perception shapes how users interact with digital interfaces. The law of proximity, a basic Gestalt principle, shows that elements placed close together look related to users, and this overrides other visual cues like color or shape.
Principles of Gestalt Psychology
Proximity has more influence than other distinctive features in visual grouping. Scientists found that users naturally link elements based on their spatial arrangement. This brain pattern helps organize complex visual information into meaningful patterns that make interfaces easier to digest.
Implementation Techniques
The right use of proximity needs smart placement of whitespace and visual boundaries. Studies show different amounts of whitespace can unite or separate elements to create clear visual hierarchies. Key techniques include:
Consistent spacing between related items
Bigger gaps to show separate content groups
Visual containers to strengthen groupings
Responsive design adjustments
Research shows that grouping related menu items through proximity resulted in faster search times. But wrong grouping of unrelated items made search times longer, which proves why thoughtful implementation matters.
Common Use Cases
This principle works well with interface elements of all types. Form fields grouped by proximity had better completion rates. Navigation menus that used proximity-based grouping also showed better usability.
Common applications include:
Content organization in blog layouts
Form field grouping
Navigation menu structuring
Product catalog arrangements
Mobile interfaces create special challenges for proximity-based design. Research shows that scaling down to smaller screens can minimize space between elements or push them apart, which can break intended grouping relationships. Designers need to watch how proximity changes across different device sizes to keep visual hierarchies working well.
Smart use of the law of proximity makes interfaces more accessible and easier to use. The secret lies in balancing proximity with other design elements while keeping it consistent across screens and devices.
Law of Prägnanz: Simplicity Rules

Image Source: Medium
The human eye naturally looks for simplicity in complex visual patterns. This behavior follows the Law of Prägnanz. Max Wertheimer first found this principle in 1910 while watching flashing railroad crossing lights. His discovery showed how our brains process visual information.
Understanding Visual Perception
Our minds automatically turn complex shapes into simpler, unified forms. This helps prevent information overload. The brain processes this information in two steps.
The brain spots simple patterns and shapes first and matches them with familiar objects in memory. Then it makes complex arrangements easier by removing extra details. This creates a mental picture we can handle better.
Research from the Nanjing Forestry University shows that simpler visual patterns generate stronger P200 amplitudes in the brain. This suggests better cognitive processing. Users complete tasks faster when they see simplified interface designs.
Design Simplification Strategies
Designers should create interfaces that reduce mental strain to apply the Law of Prägnanz effectively. These approaches work best:
Breaking complex layouts into simple geometric shapes
Removing decorative elements that don't have a purpose
Keeping visual patterns consistent across similar components
Using negative space to create clear visual boundaries
Research shows that wireframing websites with simplified layouts helps users spot differences between design versions quickly. Studies also show that users put content blocks together into a single unified page better when they see simple arrangements.
This principle works beyond static elements. Users' eyes naturally turn complicated shapes into simpler, unified forms when they see them in a design. This natural drive toward simplification shows why interfaces should match users' cognitive priorities.
Smart use of the Law of Prägnanz helps designers build interfaces that look clean and help users understand and interact better. This simple principle is the life-blood of creating accessible digital experiences that strike a chord with users' natural visual processing.
Serial Position Effect: Memory Optimization

Image Source: Lifted Logic
Memory is a vital part of how users remember and recall information from digital interfaces. Research shows that users remember items at the start and end of a sequence better than those in the middle.
First and Last Impressions
The primacy effect helps users remember the first few items because they get more attention during the original processing. The recency effect will give better retention of items at the end of a sequence. Research indicates that showing items faster reduces the primacy effect, while slower presentation boosts recall.
Content Placement Strategy
Here are some research-backed insights to optimize content placement:
Put key information at the start and end of sequences
Less important content works best in middle sections
Keep task-relevant information visible in the interface
Use visual cues to help memory retention
Research shows that users look at institutional logos for about 6.48 seconds, navigation menus for 6.44 seconds, and search boxes for 6 seconds. These numbers highlight why strategic content positioning matters so much.
Testing for Effectiveness
You need a full evaluation to measure how serial position affects users. Research indicates that adding distracter tasks between study and test phases removes the recency effect but keeps the primacy effect intact. The core metrics to assess include:
Memory retention rates over different time periods Task completion accuracy across content positions User interaction patterns throughout the interface Recognition versus recall performance metrics
Research shows that time context serves as a memory trigger, which affects how users remember and find information. Designers can create interfaces that match users' natural memory patterns by applying serial position principles. This approach leads to a better user experience.
Von Restorff Effect: Standing Out

Image Source: Dribbble
A German psychiatrist named Hedwig von Restorff found that there was a fascinating principle in 1933: distinctive items among similar ones are more likely to be remembered. This cognitive bias shapes the way users see and interact with digital interfaces.
Creating Visual Hierarchy
Elements become distinctive through careful changes in visual elements. Studies show that users remember information better when they encounter elements with unique preattentive attributes like size, shape, color, or spacing. Note that restraint matters - nothing stands out when everything tries to.
The core strategies that create visual hierarchy are:
Using contrasting colors for critical information
Choosing distinctive typography for important messages
Adding strategic whitespace to isolate focal points
Adding unique visual elements or icons
Research from Facebook shows this effect in their notification system, where red notification icons stand out against their blue interface. Amazon's orange "Add to Cart" button also gets more attention against their neutral white and gray interface.
Effective Contrast Techniques
Studies show that breaking the semantic structure of content placement helps beat banner blindness, especially with moves from sidebar ads to in-article placements. The foundations of creating effective contrast are:
Color and Contrast
Use contrasting colors for vital information
Make sure colors work well for accessibility
Think over cultural meanings of color choices
Typography and Space
Mix font styles and weights with purpose
Add whitespace to separate elements
Keep spacing patterns consistent
Motion and Animation
Add subtle animations to show changes
Include micro-interactions for feedback
Remember users who are sensitive to motion
Research shows that blockifying content - creating distinct visual blocks - makes the Von Restorff effect work without hurting other visual cues. Designers can guide user attention naturally while keeping interfaces accessible and usable by applying these principles thoughtfully.
Tesler's Law: Managing Complexity

Image Source: Lifted Logic
Larry Tesler, during his time at Xerox PARC, found a fundamental truth about software design: every application contains an inherent amount of complexity that cannot be eliminated. This principle, Tesler's Law or the Law of Conservation of Complexity, shapes how we approach interface design today.
Essential vs Optional Complexity
Research shows that applications must balance complexity in product development and user interaction. Studies show that excessive complexity in the development stage might create products that are easy to use but challenging to build. This can result in higher costs and longer timelines. Too much complexity for users results in decreased satisfaction and higher abandonment rates.
Simplification Strategies
These proven approaches help manage complexity:
Users encounter various scenarios that need consideration in the design
Additional code creates accessible interfaces
Testing ensures smooth functionality
Contextual help works better than overwhelming users with upfront learning material
Research proves that spending an extra week to reduce application complexity benefits users more than making millions of them spend an extra minute with complicated features. Users often attempt more complex tasks with simplified applications, which shows natural progression in their capability.
User Testing Methods
These testing methods help evaluate complexity management:
Exploratory Testing: Each tester focuses on specific UX principles and documents findings
Formal UX Testing: QA testers work with UX designers to watch real users interact with the interface
Early Usability Tests: Testing during functional and regression phases finds issues before release
Understanding business needs is vital because UX design fails to improve user experience when user research and product design decisions don't match user intent. Designers can create interfaces that balance complexity and maintain user satisfaction through these strategies.
Parkinson's Law: Time Management

Image Source: Linkedin
Time management in digital interfaces shapes how users behave and complete tasks. Cyril Northcote Parkinson expressed this principle in The Economist in 1955. He noticed that work expands to fill the time we have.
Understanding User Expectations
Users create specific expectations about how long tasks should take based on their past experiences. People adjust their pace to match the available time rather than working quickly when they have extra time. This behavior shows up in digital interactions of all types, from filling out forms to completing purchases.
E-commerce websites that made their checkout process faster saw six times more sales than those with time-consuming procedures. Time on Task (ToT) measurements prove that users complete tasks faster with easy-to-use designs.
Optimizing Task Duration
Designers can make tasks work better by following these proven strategies:
Break complex processes into smaller, manageable steps
Show progress indicators for tasks that take more than 10 seconds
Give clear feedback when the system responds
Let users cancel tasks that last longer than 10 seconds
Research shows users rate systems more positively when they notice quick, repeated progress bar movements instead of slower, single-fill indicators. On top of that, designers should use animations without progress bars only when they cannot calculate completion time beforehand.
Task management success depends on both real and perceived duration. Data shows users think short tasks take longer than they do, but underestimate longer ones. Smart use of time management principles helps create interfaces that guide users to finish tasks quickly while staying engaged and satisfied.
Peak-End Rule: Memorable Experiences

Image Source: Olively
Research shows that people judge their experiences based on the most intense moments and final impressions. These elements shape how users notice digital interactions. The Peak-End Rule, a prominent psychological phenomenon, offers a great way to get insights about creating memorable user experiences.
Creating Peak Moments
Studies show users don't pay attention to how long experiences last. They focus on emotional peaks. Designers must find ways to create positive peak experiences. To cite an instance, Mailchimp turns stressful moments into delightful interactions with animated confirmations.
These strategies help craft peak moments:
Add surprise elements at key touchpoints
Give meaningful celebrations for user achievements
Create individual-specific interactions based on behavior
Turn friction points into positive experiences
Optimizing End Points
The final moments of an experience leave a lasting impression on users. Studies indicate small improvements in final moments can create a radical alteration in how people remember their whole interaction. Zapier shows this by adding animated success messages after plan upgrades. These messages help users feel better about increased payments.
Essential elements to optimize endpoints are:
Clear confirmations for completed actions
Available next steps or related options
Positive reinforcement
Brand consistency through closure
Measuring Impact
A complete analysis helps evaluate how well peak-end implementations work. Studies indicate users who experience positive peaks show higher engagement rates and better retention. Research also shows well-crafted endings affect future interaction decisions.
The measurement should track:
User satisfaction scores at different touchpoints
Retention rates after peak experiences
Completion rates for critical user trips
Emotional responses through user feedback
Strategic implementation of the Peak-End Rule helps designers turn ordinary interactions into memorable experiences that appeal to users long after completion.
Doherty Threshold: Response Time

Image Source: Lifted Logic
Response time plays a key role in how users interact with digital interfaces. Walter J. Doherty and Ahrvind J. Thadani's groundbreaking research in 1982 showed that productivity reaches its peak when computers respond within 400 milliseconds.
Speed and User Experience
Users find delays under 100 milliseconds instant, while they start to notice delays between 100-300 milliseconds. Delays over 1,000 milliseconds make users switch their mental focus and they often abandon tasks.
BBC's research shows that websites lose 10% more users with each second of loading delay. Users show stress responses to slow page speeds that match their reactions to horror movies or math problems.
Performance Optimization
Good interfaces should follow these guidelines:
Give system feedback within 400ms to keep users focused
Show progress indicators when operations take over 10 seconds
Use animation to keep users engaged during background tasks
Pay attention to both actual and perceived speed
Research shows that adding small delays can sometimes boost perceived value and trust, even when systems could run faster. Progress bars help users tolerate wait times better, regardless of their accuracy.
Testing Methods
Response time testing needs a thorough approach:
Check actual response times on different devices and networks
Watch user engagement metrics and bounce rates
Look at how system speed affects task completion
Compare conversion rates with performance measures
Studies show that users want mobile sites to load as fast as desktop versions, or even faster. A real-world example comes from Vodafone, which saw their sales grow by 8% after they made their Largest Contentful Paint (LCP) 31% faster.
Designers who apply these principles can build interfaces that balance system capabilities with user needs. This results in experiences that feel quick and responsive.
Law of Common Region: Visual Boundaries

Image Source: Linkedin
Users process visual information in digital interfaces based on the principle of common region. When items share a boundary, people naturally group them together. This grouping happens automatically and can override other visual cues like proximity or similarity.
Implementation Techniques
Several design elements help create effective visual boundaries. Borders and background colors work as powerful tools to establish common regions. Here's what works best:
Clear boundaries with contrasting backgrounds
Subtle borders that group related elements
Consistent spacing within grouped items
Clear separation between different regions
Common region works best when designers can't adjust whitespace between objects. Research shows that borders or backgrounds can help overcome any limitations in proximity-based grouping.
Testing Effectiveness
A detailed analysis helps evaluate how visual boundaries work. Designers should ask these questions before adding borders or backgrounds:
Do users need help understanding groups?
Can whitespace communicate the message?
How do nearby elements relate?
What confuses users during tests?
Too many borders create visual clutter. Proximity alone is enough to group elements effectively. To name just one example, mobile interfaces don't need boxes around each filter set when spacing can signal grouping.
Research also shows that full-width borders across screens might create false floors. Users might stop scrolling when they see these borders. Smart implementation of common region principles helps designers create interfaces that show relationships between elements clearly.
Postel's Law: Flexible Design

Image Source: Olively
Computer scientist Jon Postel created a fundamental principle 40 years ago that shapes modern interface design: "be conservative in what you do, be liberal in what you accept from others". This principle has changed how we handle user interface flexibility and errors.
Building Resilient Interfaces
Creating resilient interfaces needs careful attention to input handling. Research shows that programs should accept non-conformant input when the meaning stays clear. This approach works well in design systems where teams need to accept diverse feedback from designers, content creators, and developers to improve collaboration.
Designers should follow these principles to build resilient interfaces:
Accept different input formats while keeping strict output standards
Use forgiving formats for user data entry
Design components that work with varying content lengths
Build interfaces that handle unexpected user actions smoothly
Research shows that strict design systems rarely work because users don't like rigid frameworks. The better approach lets systems accept liberal input while maintaining conservative output. This helps change systems from being owned to being shared.
Error Handling Strategies
Good error management needs the right balance between flexibility and control. Studies show that consistency checks prevent deployment issues later, even though they take more work to implement. The main strategies should:
Plan for network issues by assuming bad packets might arrive
Skip complex protocol features that could reveal receiver problems
Use cooperative methods to reduce disruption in shared communication
Research confirms that interfaces should handle any type of input, access, or capability while providing reliable and easy-to-use experiences. Studies also show that clear input boundaries with transparent feedback make users happier.
Postel's Law helps create interfaces that work better and are easier to use. Mobile interfaces benefit from this approach because limited screen space makes thoughtful option presentation important.
Goal-Gradient Effect: Progress Motivation

Image Source: Alex Gilev - X User
Research shows an interesting finding about human behavior: people work harder when they get closer to their goals. Scientists first noticed this behavior in rats that ran faster as they approached their food rewards. This pattern shapes how people interact with digital interfaces.
Progress Indicators
Users who can see progress indicators stay three times more engaged compared to those without visual feedback. Different types of indicators work best based on how long tasks take:
Looped animations suit tasks of 2-9 seconds
Percent-done indicators work better for tasks over 10 seconds
Starting progress bars at 25% completion improves user perception and motivation. On top of that, skeleton screens show users what's happening and give them a preview of upcoming content.
Ways to Put This Into Practice
Breaking tasks into achievable milestones improves engagement by a lot. A study found that customers with a 12-stamp coffee card and two "bonus" stamps bought coffee faster than those with regular 10-stamp cards.
Key techniques you can use:
Split long processes into smaller milestones
Show visual elements like percentage indicators
Add game-like features such as points or badges
Use checklists that break down steps
Research proves that artificial progress toward goals makes people more likely to finish tasks. Users also tend to value achievements more when they're closer to the end goal.
Measuring What Works
To assess how well progress indicators work, look at:
How many people complete tasks with different indicator styles
Time spent when using various progress visualizations
Success rates between different display methods
Clear time estimates for long processes help reduce user anxiety. Progress bars that move quickly at first and then slow down keep more users engaged than those moving at steady speeds.
These principles help create interfaces that keep users engaged and guide them to success. Visual progress serves as a powerful motivator that turns potentially frustrating tasks into positive experiences.
Zeigarnik Effect: Task Completion

Image Source: Medium
Bluma Zeigarnik's groundbreaking research in the 1920s showed something fascinating: we remember unfinished tasks better than completed ones. This discovery now shapes how designers create modern interfaces.
Understanding User Psychology
Research shows that interrupted tasks create mental tension in our minds until we complete them. This explains why users feel mental pressure when they leave tasks unfinished. They feel compelled to return and finish what they started.
The mental tension from specific tasks helps us access information better while working on them. When tasks get interrupted before completion, we actively rehearse the information. This leads to better retention as the task pops into our minds repeatedly.
Implementation Guidelines
The Zeigarnik Effect works best when interfaces:
Show clear visual signs of incomplete tasks
Use progress bars or step indicators for multi-stage processes
Save partial progress automatically
Send well-timed reminders for incomplete tasks
Visual cues that highlight incomplete tasks substantially increase task-specific tension and help users remember better. Research also confirms that taking breaks mid-section, rather than at section ends, helps users retain information better.
Success Metrics
Several key metrics help measure how well these implementations work:
Task completion rates need tracking across different versions of the interface. Research proves that subtle reminders through notifications and emails create a sense of progress. These reminders guide users to complete desired actions.
User engagement patterns tell an important story too. Saving abandoned carts or partially filled forms helps move users toward completing their purchase. Studies show that notifications work best when they arrive at the right time and stick to essential information. This prevents users from feeling confused or frustrated.
Designers can create interfaces that naturally motivate users to finish tasks by using the Zeigarnik Effect strategically. This approach helps maintain engagement throughout the user's experience.
Conclusion
Scientific understanding of human behavior shapes how we create user-friendly interfaces through these 17 UX laws. Research shows that thoughtful application of these principles guides users to better experiences and improved engagement metrics.
Designers must strike a careful balance with these laws. Jakob's Law tells us to stick to familiar patterns, while the Von Restorff Effect shows us when to be distinctive. Miller's Law helps us chunk information effectively and the Peak-End Rule teaches us to create memorable moments.
Testing plays a vital role in making these principles work. Measuring user behavior, task completion rates, and engagement metrics helps confirm our design choices. These laws work together to create interfaces that feel natural and user-friendly to people.
UX laws are powerful tools, not strict rules. Their scientific basis and real-world strategies help designers craft experiences that appeal to users and meet business goals. The key lies in knowing the right time and way to apply each principle.
Here's something surprising - your brain can only remember 7 items at once, give or take 2. This is the sort of thing I love about UX laws that shape our interactions with digital products.
These foundations of user experience design fall into four key areas: Heuristics, Gestalt principles, Cognitive bias, and Principles. Scientific research backs up these laws - from Jakob's Law showing how users like familiar designs to the Esthetic-Usability Effect proving that beautiful interfaces seem more functional.
We created this complete guide to 17 core UX laws every designer should know. These principles will help you make better decisions and create exceptional user experiences when designing websites, apps, or digital products.
Jakob's Law: Design for Pattern Recognition

Image Source: Lifted Logic
People tend to favor familiar patterns and interfaces they see often on different websites. These patterns are the foundations of Jakob's Law, which shapes how we design digital experiences today.
Understanding Jakob's Law in Modern UX
Jakob's Law shows that users spend most of their time on other sites, and they prefer websites that work like ones they already know. This comes from pattern recognition - our brains break down visual elements into simple shapes called geons to identify objects around us.
Key Implementation Strategies
Jakob's Law works best when designers create interfaces that match common patterns. Research shows that websites with centered logos had a 6-fold increase in navigation failures when compared to left-aligned logos. Consistent visual elements and interaction patterns build trust and familiarity.
The core strategies include:
Using familiar affordance cues like 3D effects for buttons
Placing navigation menus in common spots (top or left)
Following standard color conventions (blue for links)
Using standard GUI elements like visible scroll bars
Common Mistakes to Avoid
The biggest problem is scrolljacking - changing how native scroll behavior works for custom animations. Users feel disoriented, work harder to navigate, and mobile users find it particularly frustrating. Moving away from standard conventions like search bar placement (top right) or shopping cart icons can confuse users and affect usability.
Measuring User Familiarity
You can measure how well familiar design patterns work by tracking:
Task success rates and completion times
Customer satisfaction scores (CSAT)
System Usability Scale (SUS) measurements
Task-specific metrics like navigation success rates
These metrics help ensure your interface stays familiar and meets user expectations. To cite an instance, see how websites that follow conventional patterns show better task completion rates and higher user satisfaction scores.
Aesthetic-Usability Effect: Beauty Meets Function

Image Source: Mohamed Assoud
Beautiful designs deeply affect how users see and interact with digital interfaces. Research from the Hitachi Design Center reveals that users consistently rate aesthetically pleasing designs as more user-friendly, whatever their actual functionality.
The Psychology Behind Visual Appeal
The esthetic-usability effect shows that users make their original judgments about a product's usability within milliseconds of viewing it. Studies also indicate that attractive interfaces encourage positive attitudes. Users become more tolerant of minor usability issues. This psychological response happens because visual appeal creates emotional connections that lead to increased patience and loyalty toward the product.
Balancing Esthetics and Functionality
Esthetics play a vital role but must work in harmony with functionality. Research shows that attractive designs can mask minor usability problems but can't make up for major functional issues. These elements help create this balance:
Color combinations that improve visual appeal
Strategic use of typography and layout
Thoughtful implementation of whitespace
High-quality imagery and graphics
Implementation Guidelines
Designers should create interfaces that support both form and function to effectively implement the esthetic-usability effect. A study between two similar mobile phones showed that the esthetically appealing prototype received much higher usability ratings and users completed tasks faster.
Research from Nanjing Forestry University revealed that high-esthetic products:
Created more positive emotions based on P200 amplitudes
Drew greater attention in the frontal region according to N100 measurements
Showed higher buying intent ratios
Users' priorities for esthetics vary in different cultures and demographics. Designers must think over their target audience's cultural background, including language, education level, and social norms when creating visually appealing interfaces.
Fitts's Law: Target Acquisition Made Easy

Image Source: Lifted Logic
In 1954, psychologist Paul Fitts discovered a principle that changed how we understand human-computer interaction. His research showed a direct link between the time needed to reach a target and its size and distance.
Core Principles of Fitts's Law
The math is straightforward - users can reach larger, closer targets faster than smaller, distant ones. Movement time grows with distance but shrinks with target size. This process happens in two steps:
A quick movement toward the target
A final adjustment to select accurately
Practical Applications in UI Design
Buttons placed at screen edges work better because screen boundaries naturally stop cursor movement. Pie menus work faster than linear ones since every option sits at the same distance from the center.
The best interface design should:
Use interactive elements big enough to select easily
Keep common controls within reach
Leave enough space between clickable items
Make buttons fully clickable, not just their labels
Task bars work better along screen edges because users need less precise movement. Tests show that Fitts's law applies to target selection in zooming interfaces up to 30 bits of difficulty.
Mobile vs Desktop Considerations
Touch interfaces work differently than mouse-driven ones - edge placement doesn't help here. Research shows users take longer to reach targets placed at edges on touchscreens.
Mobile design needs to account for:
How thumb zones affect reach
Why bottom corners work best for common controls
How split keyboards change grip patterns
The space needed for finger taps
A newer study comparing touchscreen and AR interfaces found touchscreens performed better with a throughput of 10.12 bits/s compared to 3.11 bits/s for AR. Designers should remember these differences when creating easy-to-use interfaces.
Hick's Law: Simplifying User Decisions

Image Source: Lifted Logic
Choice complexity can substantially affect how users make decisions when using digital interfaces. British psychologist William Edmund Hick and American psychologist Ray Hyman found that increasing the number of options guides users toward longer decision times.
Understanding Choice Paralysis
Studies demonstrate this effect clearly through ground experiments. One notable study at an upscale grocery store showed displays with 24 jam flavors drew 60% of shoppers' attention but only 3% bought anything. Displays with just six flavors attracted 40% of shoppers and 30% made purchases. The same pattern emerged when 401(k) participation dropped 2% with every ten mutual funds an employer offered.
Implementing Progressive Disclosure
Progressive disclosure helps curb decision paralysis effectively. Users see only essential options first, with advanced features appearing on secondary screens. To name just one example, see Amazon's interface that tailors recommendations based on search patterns and shows just 4-7 different options based on screen size.
The best ways to implement this include:
Complex tasks broken into smaller, manageable steps
Navigation items organized in discrete clusters
Card sorting defines logical groups
Eye-tracking heat maps identify problem areas
Testing Decision Points
User behavior analysis helps measure how well simplified choices work. Research shows website time has a sweet spot - too little means users leave before buying, while too much suggests they're stuck consuming information.
The most important metrics to track:
Task completion rates compared to options shown
Page view patterns as menu complexity changes
Click-through rates between main and secondary features
User satisfaction across different interface versions
Designers who apply Hick's Law skillfully create interfaces that guide users to make confident decisions without overwhelming them. This approach works especially well with mobile interfaces where limited screen space makes thoughtful option presentation vital.
Miller's Law: Managing Cognitive Load

Image Source: Lifted Logic
Working memory determines how users process information on digital interfaces. Miller's Law helps us understand its limitations and create better user experiences.
The Magic Number Seven
George Miller's groundbreaking 1956 research found that there was a limit to human working memory - about seven items (plus or minus two) at once. This principle goes beyond simple memorization and shapes how users interact with interfaces.
Miller found that memory span stayed the same whether people memorized single digits or complex words. This led to the concept of "chunks" - meaningful units of information that help users process data quickly.
Chunking Information Effectively
Chunks make complex information easier to digest by lining up with working memory limits. A phone number becomes easier to remember as (087) 182-349 instead of a continuous string 087182349.
The best chunking strategies are:
Breaking content into distinct visual groups
Using whitespace to separate information
Implementing clear visual hierarchies
Applying consistent formatting patterns
Practical Applications
Netflix shows how chunking works by displaying six items in each content row. eBay takes a similar approach and limits gallery items to six per view while organizing auction pages into clear sections.
Research shows that broad, shallow menu structures work better than deeper ones. Studies also reveal that e-commerce homepages with 90+ product categories can be more usable than those with fewer links.
Designers can reduce cognitive strain by:
Organizing content into visual modules
Adding rules to separate different information types
Creating clear information hierarchies
Using progressive disclosure for complex interfaces
The goal isn't to stick strictly to the "magical number seven." The focus should be on presenting information that reduces mental effort. Cognitive load theory tells us that while intrinsic cognitive load is needed, we should eliminate unnecessary mental effort whenever possible.
Law of Proximity: Visual Grouping

Image Source: Lifted Logic
Visual perception shapes how users interact with digital interfaces. The law of proximity, a basic Gestalt principle, shows that elements placed close together look related to users, and this overrides other visual cues like color or shape.
Principles of Gestalt Psychology
Proximity has more influence than other distinctive features in visual grouping. Scientists found that users naturally link elements based on their spatial arrangement. This brain pattern helps organize complex visual information into meaningful patterns that make interfaces easier to digest.
Implementation Techniques
The right use of proximity needs smart placement of whitespace and visual boundaries. Studies show different amounts of whitespace can unite or separate elements to create clear visual hierarchies. Key techniques include:
Consistent spacing between related items
Bigger gaps to show separate content groups
Visual containers to strengthen groupings
Responsive design adjustments
Research shows that grouping related menu items through proximity resulted in faster search times. But wrong grouping of unrelated items made search times longer, which proves why thoughtful implementation matters.
Common Use Cases
This principle works well with interface elements of all types. Form fields grouped by proximity had better completion rates. Navigation menus that used proximity-based grouping also showed better usability.
Common applications include:
Content organization in blog layouts
Form field grouping
Navigation menu structuring
Product catalog arrangements
Mobile interfaces create special challenges for proximity-based design. Research shows that scaling down to smaller screens can minimize space between elements or push them apart, which can break intended grouping relationships. Designers need to watch how proximity changes across different device sizes to keep visual hierarchies working well.
Smart use of the law of proximity makes interfaces more accessible and easier to use. The secret lies in balancing proximity with other design elements while keeping it consistent across screens and devices.
Law of Prägnanz: Simplicity Rules

Image Source: Medium
The human eye naturally looks for simplicity in complex visual patterns. This behavior follows the Law of Prägnanz. Max Wertheimer first found this principle in 1910 while watching flashing railroad crossing lights. His discovery showed how our brains process visual information.
Understanding Visual Perception
Our minds automatically turn complex shapes into simpler, unified forms. This helps prevent information overload. The brain processes this information in two steps.
The brain spots simple patterns and shapes first and matches them with familiar objects in memory. Then it makes complex arrangements easier by removing extra details. This creates a mental picture we can handle better.
Research from the Nanjing Forestry University shows that simpler visual patterns generate stronger P200 amplitudes in the brain. This suggests better cognitive processing. Users complete tasks faster when they see simplified interface designs.
Design Simplification Strategies
Designers should create interfaces that reduce mental strain to apply the Law of Prägnanz effectively. These approaches work best:
Breaking complex layouts into simple geometric shapes
Removing decorative elements that don't have a purpose
Keeping visual patterns consistent across similar components
Using negative space to create clear visual boundaries
Research shows that wireframing websites with simplified layouts helps users spot differences between design versions quickly. Studies also show that users put content blocks together into a single unified page better when they see simple arrangements.
This principle works beyond static elements. Users' eyes naturally turn complicated shapes into simpler, unified forms when they see them in a design. This natural drive toward simplification shows why interfaces should match users' cognitive priorities.
Smart use of the Law of Prägnanz helps designers build interfaces that look clean and help users understand and interact better. This simple principle is the life-blood of creating accessible digital experiences that strike a chord with users' natural visual processing.
Serial Position Effect: Memory Optimization

Image Source: Lifted Logic
Memory is a vital part of how users remember and recall information from digital interfaces. Research shows that users remember items at the start and end of a sequence better than those in the middle.
First and Last Impressions
The primacy effect helps users remember the first few items because they get more attention during the original processing. The recency effect will give better retention of items at the end of a sequence. Research indicates that showing items faster reduces the primacy effect, while slower presentation boosts recall.
Content Placement Strategy
Here are some research-backed insights to optimize content placement:
Put key information at the start and end of sequences
Less important content works best in middle sections
Keep task-relevant information visible in the interface
Use visual cues to help memory retention
Research shows that users look at institutional logos for about 6.48 seconds, navigation menus for 6.44 seconds, and search boxes for 6 seconds. These numbers highlight why strategic content positioning matters so much.
Testing for Effectiveness
You need a full evaluation to measure how serial position affects users. Research indicates that adding distracter tasks between study and test phases removes the recency effect but keeps the primacy effect intact. The core metrics to assess include:
Memory retention rates over different time periods Task completion accuracy across content positions User interaction patterns throughout the interface Recognition versus recall performance metrics
Research shows that time context serves as a memory trigger, which affects how users remember and find information. Designers can create interfaces that match users' natural memory patterns by applying serial position principles. This approach leads to a better user experience.
Von Restorff Effect: Standing Out

Image Source: Dribbble
A German psychiatrist named Hedwig von Restorff found that there was a fascinating principle in 1933: distinctive items among similar ones are more likely to be remembered. This cognitive bias shapes the way users see and interact with digital interfaces.
Creating Visual Hierarchy
Elements become distinctive through careful changes in visual elements. Studies show that users remember information better when they encounter elements with unique preattentive attributes like size, shape, color, or spacing. Note that restraint matters - nothing stands out when everything tries to.
The core strategies that create visual hierarchy are:
Using contrasting colors for critical information
Choosing distinctive typography for important messages
Adding strategic whitespace to isolate focal points
Adding unique visual elements or icons
Research from Facebook shows this effect in their notification system, where red notification icons stand out against their blue interface. Amazon's orange "Add to Cart" button also gets more attention against their neutral white and gray interface.
Effective Contrast Techniques
Studies show that breaking the semantic structure of content placement helps beat banner blindness, especially with moves from sidebar ads to in-article placements. The foundations of creating effective contrast are:
Color and Contrast
Use contrasting colors for vital information
Make sure colors work well for accessibility
Think over cultural meanings of color choices
Typography and Space
Mix font styles and weights with purpose
Add whitespace to separate elements
Keep spacing patterns consistent
Motion and Animation
Add subtle animations to show changes
Include micro-interactions for feedback
Remember users who are sensitive to motion
Research shows that blockifying content - creating distinct visual blocks - makes the Von Restorff effect work without hurting other visual cues. Designers can guide user attention naturally while keeping interfaces accessible and usable by applying these principles thoughtfully.
Tesler's Law: Managing Complexity

Image Source: Lifted Logic
Larry Tesler, during his time at Xerox PARC, found a fundamental truth about software design: every application contains an inherent amount of complexity that cannot be eliminated. This principle, Tesler's Law or the Law of Conservation of Complexity, shapes how we approach interface design today.
Essential vs Optional Complexity
Research shows that applications must balance complexity in product development and user interaction. Studies show that excessive complexity in the development stage might create products that are easy to use but challenging to build. This can result in higher costs and longer timelines. Too much complexity for users results in decreased satisfaction and higher abandonment rates.
Simplification Strategies
These proven approaches help manage complexity:
Users encounter various scenarios that need consideration in the design
Additional code creates accessible interfaces
Testing ensures smooth functionality
Contextual help works better than overwhelming users with upfront learning material
Research proves that spending an extra week to reduce application complexity benefits users more than making millions of them spend an extra minute with complicated features. Users often attempt more complex tasks with simplified applications, which shows natural progression in their capability.
User Testing Methods
These testing methods help evaluate complexity management:
Exploratory Testing: Each tester focuses on specific UX principles and documents findings
Formal UX Testing: QA testers work with UX designers to watch real users interact with the interface
Early Usability Tests: Testing during functional and regression phases finds issues before release
Understanding business needs is vital because UX design fails to improve user experience when user research and product design decisions don't match user intent. Designers can create interfaces that balance complexity and maintain user satisfaction through these strategies.
Parkinson's Law: Time Management

Image Source: Linkedin
Time management in digital interfaces shapes how users behave and complete tasks. Cyril Northcote Parkinson expressed this principle in The Economist in 1955. He noticed that work expands to fill the time we have.
Understanding User Expectations
Users create specific expectations about how long tasks should take based on their past experiences. People adjust their pace to match the available time rather than working quickly when they have extra time. This behavior shows up in digital interactions of all types, from filling out forms to completing purchases.
E-commerce websites that made their checkout process faster saw six times more sales than those with time-consuming procedures. Time on Task (ToT) measurements prove that users complete tasks faster with easy-to-use designs.
Optimizing Task Duration
Designers can make tasks work better by following these proven strategies:
Break complex processes into smaller, manageable steps
Show progress indicators for tasks that take more than 10 seconds
Give clear feedback when the system responds
Let users cancel tasks that last longer than 10 seconds
Research shows users rate systems more positively when they notice quick, repeated progress bar movements instead of slower, single-fill indicators. On top of that, designers should use animations without progress bars only when they cannot calculate completion time beforehand.
Task management success depends on both real and perceived duration. Data shows users think short tasks take longer than they do, but underestimate longer ones. Smart use of time management principles helps create interfaces that guide users to finish tasks quickly while staying engaged and satisfied.
Peak-End Rule: Memorable Experiences

Image Source: Olively
Research shows that people judge their experiences based on the most intense moments and final impressions. These elements shape how users notice digital interactions. The Peak-End Rule, a prominent psychological phenomenon, offers a great way to get insights about creating memorable user experiences.
Creating Peak Moments
Studies show users don't pay attention to how long experiences last. They focus on emotional peaks. Designers must find ways to create positive peak experiences. To cite an instance, Mailchimp turns stressful moments into delightful interactions with animated confirmations.
These strategies help craft peak moments:
Add surprise elements at key touchpoints
Give meaningful celebrations for user achievements
Create individual-specific interactions based on behavior
Turn friction points into positive experiences
Optimizing End Points
The final moments of an experience leave a lasting impression on users. Studies indicate small improvements in final moments can create a radical alteration in how people remember their whole interaction. Zapier shows this by adding animated success messages after plan upgrades. These messages help users feel better about increased payments.
Essential elements to optimize endpoints are:
Clear confirmations for completed actions
Available next steps or related options
Positive reinforcement
Brand consistency through closure
Measuring Impact
A complete analysis helps evaluate how well peak-end implementations work. Studies indicate users who experience positive peaks show higher engagement rates and better retention. Research also shows well-crafted endings affect future interaction decisions.
The measurement should track:
User satisfaction scores at different touchpoints
Retention rates after peak experiences
Completion rates for critical user trips
Emotional responses through user feedback
Strategic implementation of the Peak-End Rule helps designers turn ordinary interactions into memorable experiences that appeal to users long after completion.
Doherty Threshold: Response Time

Image Source: Lifted Logic
Response time plays a key role in how users interact with digital interfaces. Walter J. Doherty and Ahrvind J. Thadani's groundbreaking research in 1982 showed that productivity reaches its peak when computers respond within 400 milliseconds.
Speed and User Experience
Users find delays under 100 milliseconds instant, while they start to notice delays between 100-300 milliseconds. Delays over 1,000 milliseconds make users switch their mental focus and they often abandon tasks.
BBC's research shows that websites lose 10% more users with each second of loading delay. Users show stress responses to slow page speeds that match their reactions to horror movies or math problems.
Performance Optimization
Good interfaces should follow these guidelines:
Give system feedback within 400ms to keep users focused
Show progress indicators when operations take over 10 seconds
Use animation to keep users engaged during background tasks
Pay attention to both actual and perceived speed
Research shows that adding small delays can sometimes boost perceived value and trust, even when systems could run faster. Progress bars help users tolerate wait times better, regardless of their accuracy.
Testing Methods
Response time testing needs a thorough approach:
Check actual response times on different devices and networks
Watch user engagement metrics and bounce rates
Look at how system speed affects task completion
Compare conversion rates with performance measures
Studies show that users want mobile sites to load as fast as desktop versions, or even faster. A real-world example comes from Vodafone, which saw their sales grow by 8% after they made their Largest Contentful Paint (LCP) 31% faster.
Designers who apply these principles can build interfaces that balance system capabilities with user needs. This results in experiences that feel quick and responsive.
Law of Common Region: Visual Boundaries

Image Source: Linkedin
Users process visual information in digital interfaces based on the principle of common region. When items share a boundary, people naturally group them together. This grouping happens automatically and can override other visual cues like proximity or similarity.
Implementation Techniques
Several design elements help create effective visual boundaries. Borders and background colors work as powerful tools to establish common regions. Here's what works best:
Clear boundaries with contrasting backgrounds
Subtle borders that group related elements
Consistent spacing within grouped items
Clear separation between different regions
Common region works best when designers can't adjust whitespace between objects. Research shows that borders or backgrounds can help overcome any limitations in proximity-based grouping.
Testing Effectiveness
A detailed analysis helps evaluate how visual boundaries work. Designers should ask these questions before adding borders or backgrounds:
Do users need help understanding groups?
Can whitespace communicate the message?
How do nearby elements relate?
What confuses users during tests?
Too many borders create visual clutter. Proximity alone is enough to group elements effectively. To name just one example, mobile interfaces don't need boxes around each filter set when spacing can signal grouping.
Research also shows that full-width borders across screens might create false floors. Users might stop scrolling when they see these borders. Smart implementation of common region principles helps designers create interfaces that show relationships between elements clearly.
Postel's Law: Flexible Design

Image Source: Olively
Computer scientist Jon Postel created a fundamental principle 40 years ago that shapes modern interface design: "be conservative in what you do, be liberal in what you accept from others". This principle has changed how we handle user interface flexibility and errors.
Building Resilient Interfaces
Creating resilient interfaces needs careful attention to input handling. Research shows that programs should accept non-conformant input when the meaning stays clear. This approach works well in design systems where teams need to accept diverse feedback from designers, content creators, and developers to improve collaboration.
Designers should follow these principles to build resilient interfaces:
Accept different input formats while keeping strict output standards
Use forgiving formats for user data entry
Design components that work with varying content lengths
Build interfaces that handle unexpected user actions smoothly
Research shows that strict design systems rarely work because users don't like rigid frameworks. The better approach lets systems accept liberal input while maintaining conservative output. This helps change systems from being owned to being shared.
Error Handling Strategies
Good error management needs the right balance between flexibility and control. Studies show that consistency checks prevent deployment issues later, even though they take more work to implement. The main strategies should:
Plan for network issues by assuming bad packets might arrive
Skip complex protocol features that could reveal receiver problems
Use cooperative methods to reduce disruption in shared communication
Research confirms that interfaces should handle any type of input, access, or capability while providing reliable and easy-to-use experiences. Studies also show that clear input boundaries with transparent feedback make users happier.
Postel's Law helps create interfaces that work better and are easier to use. Mobile interfaces benefit from this approach because limited screen space makes thoughtful option presentation important.
Goal-Gradient Effect: Progress Motivation

Image Source: Alex Gilev - X User
Research shows an interesting finding about human behavior: people work harder when they get closer to their goals. Scientists first noticed this behavior in rats that ran faster as they approached their food rewards. This pattern shapes how people interact with digital interfaces.
Progress Indicators
Users who can see progress indicators stay three times more engaged compared to those without visual feedback. Different types of indicators work best based on how long tasks take:
Looped animations suit tasks of 2-9 seconds
Percent-done indicators work better for tasks over 10 seconds
Starting progress bars at 25% completion improves user perception and motivation. On top of that, skeleton screens show users what's happening and give them a preview of upcoming content.
Ways to Put This Into Practice
Breaking tasks into achievable milestones improves engagement by a lot. A study found that customers with a 12-stamp coffee card and two "bonus" stamps bought coffee faster than those with regular 10-stamp cards.
Key techniques you can use:
Split long processes into smaller milestones
Show visual elements like percentage indicators
Add game-like features such as points or badges
Use checklists that break down steps
Research proves that artificial progress toward goals makes people more likely to finish tasks. Users also tend to value achievements more when they're closer to the end goal.
Measuring What Works
To assess how well progress indicators work, look at:
How many people complete tasks with different indicator styles
Time spent when using various progress visualizations
Success rates between different display methods
Clear time estimates for long processes help reduce user anxiety. Progress bars that move quickly at first and then slow down keep more users engaged than those moving at steady speeds.
These principles help create interfaces that keep users engaged and guide them to success. Visual progress serves as a powerful motivator that turns potentially frustrating tasks into positive experiences.
Zeigarnik Effect: Task Completion

Image Source: Medium
Bluma Zeigarnik's groundbreaking research in the 1920s showed something fascinating: we remember unfinished tasks better than completed ones. This discovery now shapes how designers create modern interfaces.
Understanding User Psychology
Research shows that interrupted tasks create mental tension in our minds until we complete them. This explains why users feel mental pressure when they leave tasks unfinished. They feel compelled to return and finish what they started.
The mental tension from specific tasks helps us access information better while working on them. When tasks get interrupted before completion, we actively rehearse the information. This leads to better retention as the task pops into our minds repeatedly.
Implementation Guidelines
The Zeigarnik Effect works best when interfaces:
Show clear visual signs of incomplete tasks
Use progress bars or step indicators for multi-stage processes
Save partial progress automatically
Send well-timed reminders for incomplete tasks
Visual cues that highlight incomplete tasks substantially increase task-specific tension and help users remember better. Research also confirms that taking breaks mid-section, rather than at section ends, helps users retain information better.
Success Metrics
Several key metrics help measure how well these implementations work:
Task completion rates need tracking across different versions of the interface. Research proves that subtle reminders through notifications and emails create a sense of progress. These reminders guide users to complete desired actions.
User engagement patterns tell an important story too. Saving abandoned carts or partially filled forms helps move users toward completing their purchase. Studies show that notifications work best when they arrive at the right time and stick to essential information. This prevents users from feeling confused or frustrated.
Designers can create interfaces that naturally motivate users to finish tasks by using the Zeigarnik Effect strategically. This approach helps maintain engagement throughout the user's experience.
Conclusion
Scientific understanding of human behavior shapes how we create user-friendly interfaces through these 17 UX laws. Research shows that thoughtful application of these principles guides users to better experiences and improved engagement metrics.
Designers must strike a careful balance with these laws. Jakob's Law tells us to stick to familiar patterns, while the Von Restorff Effect shows us when to be distinctive. Miller's Law helps us chunk information effectively and the Peak-End Rule teaches us to create memorable moments.
Testing plays a vital role in making these principles work. Measuring user behavior, task completion rates, and engagement metrics helps confirm our design choices. These laws work together to create interfaces that feel natural and user-friendly to people.
UX laws are powerful tools, not strict rules. Their scientific basis and real-world strategies help designers craft experiences that appeal to users and meet business goals. The key lies in knowing the right time and way to apply each principle.
Similar Blogs
Similar Blogs
Similar Blogs
Stay Informed, Subscribe to Our Newsletter
Sign up for our newsletter to receive the latest industry insights, tips, and updates directly to your inbox.



Join 3k+ Readers
Stay Informed, Subscribe to Our Newsletter
Sign up for our newsletter to receive the latest industry insights, tips, and updates directly to your inbox.



Join 3k+ Readers
Stay Informed, Subscribe to Our Newsletter
Sign up for our newsletter to receive the latest industry insights, tips, and updates directly to your inbox.



Join 3k+ Readers
Bricxlabs © 2025
Sign up for our weekly newsletter to receive updates.

Bricxlabs © 2025
Sign up for our weekly newsletter to receive updates.

Bricxlabs © 2025
Sign up for our weekly newsletter to receive updates.

Bricxlabs © 2025
Sign up for our weekly newsletter to receive updates.

Dashboard
B
Still skeptical?
Still skeptical?
Book a Call
Book a Call
Stats till date
This Year
Completed Projects
23
Avg Turn Around Time
<24 Hrs
Industries
11
Team Size
8
Worked with SaaS Backed by
Worked with SaaS Backed by
Great Work at Unmatched Speed
What our clients are saying
🎨 Website Design
2-6 Weeks
✨ Product Redesign
6-10 Weeks
🛠️ MVP Design
4-8 Weeks
💻 Framer/Webflow Dev
1-2 Weeks
⚡️Marketing Landing Page
1-3 Weeks
🚀 CRO Audit
1-2 Weeks
📄 UI/UX Audits
2-4 Weeks
🎉 Lottie Animations
1-2 Weeks
Design System Implementation
1-6 Weeks