Design Patterns
UX Design
What are Design Patterns
Design Patterns are reusable solutions to common design problems in user interfaces. They are tried-and-tested approaches that help create familiar, consistent, and intuitive user experiences across different applications and platforms.
Types of Design Patterns
Common categories include:
- Navigation Patterns: Menus, breadcrumbs, tabs
- Input Patterns: Forms, search, filters
- Content Patterns: Cards, lists, grids, galleries
- Social Patterns: Likes, shares, comments
When to use Design Patterns
Implement established patterns when solving common interface challenges. They're particularly valuable when users expect certain behaviors based on their experience with other products. Only deviate when you can offer a significantly better solution.
Benefits of Design Patterns
Using established patterns reduces cognitive load, speeds up development, ensures consistency, and leverages users' existing mental models. They help create more intuitive interfaces while reducing design and development time.
While patterns offer proven solutions, they should be used as guidelines rather than rigid rules. Consider your specific context, user needs, and whether innovation might provide a better solution.
Break patterns when user research clearly shows a need for a different approach, when existing patterns don't solve the specific problem, or when innovation could significantly improve the user experience. Always validate new solutions with testing.
Maintain a design system or pattern library that documents patterns, their use cases, and implementation guidelines. Regular reviews and updates help keep patterns relevant and effective.
UX Design Terms
See more UX Design terms
Landing Page
What is a Landing Page A Landing Page is a standalone web pag...
Gestalt Principles
What are Gestalt Principles Gestalt Principles are fundamenta...
Tooltip
What is a Tooltip A Tooltip is a contextual interface element...
Benchmarking
What is Benchmarking Benchmarking in UX is the process of mea...
Product Roadmap
What is a Product Roadmap A Product Roadmap is a strategic do...
User-Centered Design
What is User-Centered Design User-Centered Design (UCD) is a ...