AI And Automation UX
AI capability boundaries, agent control, source grounding, uncertainty, approval, and safe fallback.
Includes Agent plan preview, Agent progress trace, AI agent acts without approval
298 documented entries 14 problem families 1385 source references
Find a pattern by the problem you need to solve
Browse practical UX and UI patterns by family, with source-backed guidance, implementation checks, and interactive examples. Start with search when you can describe the problem; browse a family when you are still framing it.
Search results
Browse
Choose a problem family
Each family has its own focused index, so you can scan related options without loading the entire catalog at once.
Collaboration And Social Interaction
Comments, mentions, presence, feeds, handoffs, shared attention, and team workflow.
Includes Activity feed, Change review, Comments
Cross-Device And Physical Interaction
Touch, haptics, sensors, camera, permissions, offline states, and device adaptation.
Includes Camera capture, Drag and drop, Focus traversal
Data Display And Exploration
Tables, dashboards, charts, maps, compare views, timelines, and drill-down behavior.
Includes Activity log, Calendar view, Card grid
Disclosure And Attention Management
Progressive disclosure, overlays, warnings, focus, and interruption management.
Includes Accordion, Alert dialog, Bottom sheet
Error Prevention And Recovery
Validation, undo, retry, fallback, destructive action review, and recovery paths.
Includes Ambiguous destructive action copy, Autosave recovery, Confirmation dialog
Feedback, Status, And System State
Loading, progress, alerts, banners, sync, confidence, and system visibility.
Includes Alert, Banner, Confirmation page
Input And Data Entry
Forms, field behavior, uploads, dates, addresses, payment entry, and account data.
Includes Address entry, Autocomplete, Autosave form
Navigation And Wayfinding
Headers, breadcrumbs, tabs, side navigation, steps, local anchors, and return paths.
Includes Back link, Bottom navigation, Breadcrumbs
Personalization And Preference
Settings, preference centers, saved views, defaults, recommendations, and user control.
Includes Adaptive defaults, Custom dashboard, Favorites
Search, Browse, And Discovery
Search, filters, facets, category browsing, query correction, and no-results recovery.
Includes Advanced search, Basic search, Browse by category
Selection And Choice
Choice controls, object pickers, ranges, menu actions, bulk selection, and commands.
Includes Action menu, Action sheet, Button group
Task And Workflow Patterns
Multi-step work, approvals, scheduling, review queues, checkout, and task completion.
Includes Account creation, Approval workflow, Assignment
Trust, Safety, And Privacy
Consent, privacy, security, sensitive data, reporting, permissions, and safety exits.
Includes Age gate, Audit log, Block / mute
Starting points
Frequently useful decisions
Use these when you want a concrete entry before narrowing the catalog.
Human approval gate
An AI agent, workflow, deployment, or automation is ready to perform a high-impact step and must pause for human authorization.
AI And Automation UX · 6 source referencesSource grounding display
Users need answer-wide evidence coverage before trusting generated content.
AI And Automation UX · 7 source referencesEmpty state
The product area can legitimately contain no user data.
Feedback, Status, And System State · 4 source referencesError state
A system or task failure blocks expected content or action.
Feedback, Status, And System State · 4 source referencesInline validation
A single field has a specific correctable problem.
Input And Data Entry · 2 source referencesNo-results recovery
Search, browse, or filter controls can produce an empty result set.
Search, Browse, And Discovery · 4 source referencesDestructive action confirmation
A user has initiated a destructive command that can permanently remove, revoke, reset, deactivate, or cancel something valuable.
Error Prevention And Recovery · 5 source referencesProgressive disclosure
The default task has a safe recommended path for most users.
Disclosure And Attention Management · 5 source references