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
Microcopy
What is Microcopy Microcopy refers to the small pieces of tex...
Gestalt Principles
What are Gestalt Principles Gestalt Principles are fundamenta...
Dark UX
What is Dark UX Dark UX (also known as "Dark Patterns") refer...
UX Case Study
What is a UX Case Study A UX Case Study is a detailed narrati...
Scroll Depth
What is Scroll Depth Scroll Depth is a user engagement metric...
Design System
What is a Design System A Design System is a complete collect...