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
Usability Testing
What is Usability Testing Usability Testing is a research met...
User Research
What is User Research User Research is a systematic investiga...
Prototype
What is a Prototype A Prototype is a preliminary version of a...
Dirty Testing
What is Dirty Testing Dirty Testing is a quick and informal u...
Empathy Map
What is an Empathy Map An Empathy Map is a collaborative visu...
White Space
What is White Space White Space (also known as negative space...
