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
Empathy Map
What is an Empathy Map An Empathy Map is a collaborative visu...
Low Fidelity Design
What is Low Fidelity Design Low Fidelity Design (Lo-Fi) refer...
Vertical Rhythm
What is Vertical Rhythm Vertical Rhythm is a design principle...
Scroll Depth
What is Scroll Depth Scroll Depth is a user engagement metric...
Eye Tracking
What is Eye Tracking Eye Tracking is a research method that m...
Parametric Searching
What is Parametric Searching Parametric Searching is a refine...
