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.
Find your next job!
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
Gestalt Principles
What are Gestalt Principles Gestalt Principles are fundamenta...
Lean UX
What is Lean UX Lean UX is a user-centered design methodology...
Agile UX
What is Agile UX Agile UX is an approach that integrates UX d...
Haptic Feedback
What is Haptic Feedback Haptic Feedback is the use of touch s...
Tooltip
What is a Tooltip A Tooltip is a contextual interface element...
Design Thinking
What is Design Thinking Design Thinking is a human-centered a...