Patterns
Documented interaction patterns with implementation considerations, accessibility requirements, and practical examples. Each pattern addresses common design challenges with tested solutions.
Navigation
Navigation
Primary, secondary, and mobile navigation patterns. Breadcrumbs, menus, and wayfinding.
Learn more →Forms & Input
User Flows
Feedback & States
Interaction Feedback
Loading states, progress indicators, microinteractions, and success confirmations.
Learn more →Each pattern includes accessibility requirements, common variations, and things to watch out for. Patterns are starting points—adapt them to your specific context rather than applying them blindly.
How to use patterns
Patterns solve common problems, but they're not one-size-fits-all:
- Understand the problem first: Make sure the pattern actually addresses your specific challenge
- Consider your context: User expectations, platform conventions, and technical constraints all affect which variation works best
- Test with users: Even well-documented patterns can fail in specific contexts
- Adapt thoughtfully: Patterns can be modified, but understand why they work before changing them
Contributing to patterns
If you've encountered a pattern that should be documented, or have improvements to existing patterns, email us at hello@theuxshop.com.
Looking for practical guidance? Check our guides for foundational concepts, or tools for checklists and templates.