AI Interface Patterns: 15 Interaction Patterns for AI-Powered Products
Fifteen interaction patterns for AI products, from inline generation to approval cards and background tasks, with when to use each, when not to and the risks.
Quick answer
AI products need interaction patterns for three jobs: asking the AI for help, reviewing what it produced and supervising what it does. The fifteen patterns below cover all three. Each entry says what the pattern is, when to use it, when not to and the main UX risk.
No product needs all fifteen. Choose by task: frequent small tasks suit inline patterns, open-ended questions suit conversation, consequential actions need approval and undo, and long tasks need background progress.
The pattern map
ASK REVIEW SUPERVISE
────────────────── ────────────────── ──────────────────
1 conversational input 9 progressive 5 task card
2 suggested actions disclosure 6 approval card
3 inline generation 13 source / evidence 10 human handoff
4 AI side panel 14 uncertainty state 11 undo
7 generated form 8 dynamic table 12 activity timeline
15 background progress1. Conversational input
What: a text or voice box where people describe what they want in their own words. Use when: tasks are open-ended or users do not know where a feature lives. Avoid when: the task is frequent and well-defined; a button is faster than a sentence. Risk: the blank-box problem: users do not know what to ask or what the AI can do. Offer examples and scoped prompts. See AI chat interface design.
2. Suggested actions
What: context-aware chips or buttons ('Summarize thread', 'Draft reply', 'Find similar orders'). Use when: the next likely steps are predictable from context. Avoid when: suggestions would be generic or crowd the interface. Risk: suggestions that are wrong for the context teach users to ignore them; measure usage and prune.
3. Inline generation
What: AI writes or completes content directly where the user is working (a field, a document, an email). Use when: the output belongs in that place and the user will edit it. Avoid when: the content is high-stakes and must be authored deliberately. Risk: users accept plausible text without reading; mark generated content until edited or accepted. See AI copilot UX.
4. AI side panel
What: an assistant panel beside the main workspace that knows the current context. Use when: users need help across many tasks without leaving the screen. Avoid when: it becomes the only AI entry point and sits unused beside the real work. Risk: 'chatbot in the corner' that adds little; connect it to actions on the page.
5. Task card
What: a compact card representing a delegated task with goal, status and next step. Use when: AI performs work that outlives a single message. Avoid when: the task completes instantly. Risk: cards with vague statuses ('working on it') that hide problems; use a small set of explicit states.
6. Approval card
What: a structured request to approve, edit, reject or delegate a proposed action, with impact and evidence. Use when: actions are consequential or irreversible. Avoid when: actions are low-risk and undoable; approvals for everything cause fatigue. Risk: rubber-stamping. Show only what matters and make the decision fast. See AI action confirmation UX.
7. Generated form
What: the AI produces a short form, pre-filled from context, for a one-off task ('Change delivery address'). Use when: the task needs structured input that a fixed screen does not cover well. Avoid when: a standard form already exists and is used often. Risk: missing or mislabelled fields; render from design-system components with schemas. See generative UI.
8. Dynamic table
What: results returned as a sortable, filterable table with row actions instead of prose. Use when: answers involve several items with comparable attributes. Avoid when: there is one answer. Risk: numbers that look authoritative but came from the model; populate tables from tools and systems of record.
9. Progressive disclosure
What: a short answer first, with detail, reasoning and sources available on demand. Use when: most users need the conclusion and some need the detail. Avoid when: a critical caveat would be hidden. Risk: burying limitations; keep essential warnings in the first layer. See AI transparency UX.
10. Human handoff
What: moving a task or conversation to a person with context. Use when: the AI reaches its limits or the user asks for a person. Avoid when: it is used to deflect rather than resolve. Risk: the user repeats everything. Pass a structured summary. See AI agent handoffs.
11. Undo
What: a clear way to reverse an AI action for a period. Use when: actions are reversible; undo often replaces confirmation. Avoid when: reversal is impossible (sent email, captured payment); confirm before acting instead. Risk: promising undo the system cannot deliver; say exactly what will be reversed.
12. Activity timeline
What: a chronological list of what the AI did, with receipts and links. Use when: agents act on the user's behalf. Avoid when: the AI only answers questions. Risk: noisy logs nobody reads; summarize, group and highlight what needs attention. See AI agent trust UX.
13. Source and evidence display
What: citations, documents, records and data timestamps behind an answer or action. Use when: correctness matters and sources exist. Avoid when: the content is purely creative. Risk: citations that do not support the claim; link to the exact passage and test grounding.
14. Uncertainty state
What: a visible signal that the AI made an assumption, lacked data or found conflicting information. Use when: uncertainty is real and changes what the user should do. Avoid when: it would be decorative. Risk: uncalibrated confidence scores that mislead; prefer specific statements ('No price data after March') over percentages.
15. Background task progress
What: status for tasks that run while the user is away, with notifications for decisions and completion. Use when: tasks take minutes or longer. Avoid when: results arrive in seconds. Risk: notification overload or silent failure. See background AI agent UX.
Choosing patterns for a feature
| If the task is... | Start with | Add |
|---|---|---|
| Frequent and small | Inline generation, suggested actions | Undo |
| Open-ended | Conversational input, side panel | Progressive disclosure, sources |
| Multi-item answer | Dynamic table | Sources, row actions |
| One-off structured task | Generated form | Approval card if consequential |
| Consequential action | Approval card | Activity timeline, audit |
| Long-running | Task card, background progress | Human handoff, timeline |
| Used by AI agents, not people | Machine-readable actions and states | See agent UX |
Worth noting
When the user of your interface is itself an AI agent, the patterns change: names, schemas, states and typed errors replace layout. See agent UX design.
Related guides in this cluster
For the architecture behind generated views, see generative UI; for interfaces inside ChatGPT and Claude, AI assistant app UX; for designing for agents as users, agent UX; for what changes when AI becomes the primary interface, AI-native vs AI-enabled software; for recovering from mistakes, AI error handling UX; and for choosing modalities, multimodal AI product design.
Designing an AI-powered product?
ZSpace Labs designs AI features into real workflows, from pattern selection to design systems and the APIs behind them. See UI/UX design.
Conclusion
AI products are built from a small set of recurring interaction patterns. Use the ones that fit the task, respect each pattern's limits and design for its risks: blank boxes, rubber-stamped approvals, unread logs, misleading numbers and false confidence. Combined with a solid underlying product, these patterns let people ask, review and supervise AI with confidence. The broader principles are in AI UX design.
Common questions.
Reusable interaction designs for products that include AI, such as conversational input, inline generation, approval cards and activity timelines. Each solves a recurring problem in how people ask AI for help, review its output or supervise its actions.