286 comparisons 14 families Decision rules
Choose the right pattern before you build
Compare UX and UI patterns side by side before choosing an interaction model for a product workflow.
Compare fit Similar-looking UI can carry different task costs. Check failure Every comparison names misuse and avoid-when conditions. Open lab Inspect states before committing to a pattern.
286 comparisons
Browse by product decision
Use search when you know the pattern name; use categories when you know the workflow area.
286 comparisons shown
No comparisons match this filter.
Disclosure And Attention Management
2 Accordion vs Tabs vs Side navigation vs Filter panel Use accordion when the page has multiple related sections that can be independently revealed without route changes, selected modes, or result-set filtering. Alert dialog vs Alert vs Modal dialog vs Confirmation dialog Choose alert dialog when an important current-workflow message requires users to acknowledge, cancel, retry, sign out, review, or choose a response before continuation is safe.
Task And Workflow Patterns
3 Account creation vs Start page vs Onboarding vs Password creation vs Email address entry Choose account creation only when users need a persistent account to regularly access, update, save, or manage service data; avoid accounts for one-off transactions that can use a reference number or emailed link. Approval workflow vs Review before submit vs Permission recovery vs Invite user vs Confirmation dialog vs Activity log vs Notification center Choose approval workflow when work cannot proceed until one or more authorized approvers approve, reject, delegate, reassign, request changes, time out, or cancel a submitted request. Assignment vs Task list vs Review queue vs Approval workflow vs Mentions vs Object picker vs Notification center vs Activity feed vs Permission sharing Choose assignment when the user must set, change, clear, or inspect the responsible person, team, bot, or role for one work item, issue, pull request, document comment, task, or ticket.
Selection And Choice
2 Action menu vs Menu button vs Button group vs Command palette Prefer an action menu when users need a compact contextual command list for one object, row, card, selected set, or page resource, and the menu content needs grouping, disabled reasons, danger separation, or links. Action sheet vs Action menu vs Bottom sheet vs Confirmation dialog Choose action sheet when a user has intentionally started an action and needs two to five immediate choices such as Save draft, Discard draft, Share, Report, or Cancel.
Collaboration And Social Interaction
1Data Display And Exploration
1Personalization And Preference
1Input And Data Entry
1Search, Browse, And Discovery
1Trust, Safety, And Privacy
2 Age gate vs Consent prompt vs Permission request vs Sensitive-data reveal vs Privacy settings vs Cookie banner Choose age gate when the product must ask for date of birth, age band, declared age, verified age, parent or guardian consent, or age assurance before showing age-restricted content or collecting child data. Audit log vs Activity log vs AI output audit trail vs Version history vs Notification center Use audit log when records must support governed security, compliance, forensic, legal, or privileged-administrator review with retention policy, access scope, custody, export/API/SIEM behavior, and tamper or coverage states.
AI And Automation UX
8 Agent plan preview vs Task list vs Recommended next action vs Human approval gate vs Step navigation / step indicator Choose agent plan preview when the system has generated or assembled a multi-step agent plan before execution and users need to inspect objective, ordered steps, tool use, data access, dependencies, risks, approval gates, and expected outputs. Agent progress trace vs Agent plan preview vs Streaming response vs Activity log vs Progress bar vs Human approval gate Choose agent progress trace when an agent run has started and users need live multi-step agent execution monitoring with an ordered trace of queued, active, completed, blocked, retrying, failed, skipped, cancelled, and final run states. AI agent acts without approval vs Human approval gate vs Agent plan preview vs Agent progress trace vs Tool-use visibility vs Dangerous-action review Choose AI agent acts without approval when an agent sends, spends, edits, deploys, deletes, publishes, changes access, or calls an external side-effect tool before the user approves the exact payload. AI answer without sources vs Source grounding display vs Citation display vs Confidence / uncertainty display vs Streaming response vs Correction feedback Choose AI answer without sources when a generated answer includes factual, policy, legal, medical, financial, operational, customer-impact, or data-derived claims and the UI provides no citation, grounding, source scope, not-searched label, retrieval failure, or verification path. AI confidence shown as fake precision vs Confidence / uncertainty display vs Meter vs Source grounding display vs Warning text vs Human approval gate Choose AI confidence shown as fake precision when an AI surface displays exact percentages, decimals, probability-looking scores, gauges, stars, or color bands without calibration scope, freshness, threshold, reason, or safe action. AI limitation onboarding vs Onboarding vs Inline message vs Warning text vs Confidence / uncertainty display vs Source grounding display vs Scope clarification vs Human approval gate Choose AI limitation onboarding when first-time, returning, or changed-capability users need an upfront mental model of AI benefit, capability boundary, cannot do limits, data scope, uncertainty, human review, safe trial, feedback, and manual fallback. AI output audit trail vs Activity log vs Source grounding display vs Confidence / uncertainty display vs Editable AI output vs Regenerate / retry vs Agent progress trace vs Human approval gate Choose AI output audit trail when users need durable generated-output lineage and durable proof of prompt snapshot, response snapshot, response ID, model version, source snapshot, tool call record, safety event, confidence at time, user viewed, copied output, edited output, applied output, approved output, rejected output, regenerated output, version chain, export evidence, retention window, redacted content, permission-limited view, and downstream object. Automation rule builder vs Human approval gate vs Approval workflow vs Settings management vs Complete complex form vs Recommended next action Choose automation rule builder when users define a reusable rule with trigger, condition, branch, action, target, owner, activation state, version, test, and future runtime behavior.