Every UX pattern, taken apart
The patterns real products use at every step of the journey — from search to checkout to onboarding — each shown with real app screens and the clarity calls behind them. Show, tell, and score, not just screenshots.
The journey, stage by stage
Fourteen categories follow a product from first search to long-term use. Each collects the patterns that do that job.
Search
How people find a known item — the first move in the funnel.
13 patterns · 0 examples
Discovery
Surfacing what users didn't know to look for.
Coming soon
Filtering & Sorting
Narrowing a large set down to the relevant few.
Coming soon
Listing / Results
Presenting results so they're fast to scan and act on.
Coming soon
Evaluation
The detail view where a user decides if an item fits.
Coming soon
Comparison
Weighing options side by side before committing.
Coming soon
Decision
The moment of commitment — the calls to action that close it.
Coming soon
Checkout / Commitment
Collecting what's needed to complete the transaction.
Coming soon
Onboarding
The first-run experience — turning a sign-up into an activated user.
10 patterns · 16 examples
Creation / Input
The core authoring loop — where users make the thing.
Coming soon
Collaboration
Working together — comments, presence, and shared state.
Coming soon
Monitoring
Staying aware — dashboards, feeds, and alerts.
Coming soon
Management / Settings
Configuring the account, workspace, and access.
Coming soon
Support & Recovery
Recovering from errors and getting unstuck.
Coming soon