# Agentic UX

> Learn how to design for AI agents that act on the user's behalf, from scoping delegation to confirmation gates, undo, and graceful failure.

Source: https://uxspot.io/agentic-ux

<section id="what-is-agentic">
<h2>What is agentic UX?</h2>
<p class="blockquote">Agentic products are software that doesn't just answer — it acts on the user's behalf: it books, buys, files, writes, and executes multi-step tasks.</p>
<p>A search engine returns results and waits. An assistant that answers questions still leaves every action to you. An agent is different. You tell it "find me a flight to Lisbon under 300 euros and book it," and it searches, compares, fills in the details, and pays.</p>
<p>That single shift changes almost everything about the design problem. <strong class="highlight">When software acts instead of merely responding, the cost of a wrong action is no longer a bad answer — it's a booked flight, a sent email, or a spent budget.</strong> Designing for agents means designing for consequences.</p>
<ul>
<span>keywords</span>
<li>#AgenticProducts</li>
<li>#Delegation</li>
<li>#AIAgents</li>
</ul>
</section>
<section id="delegation-model">
<h2>The interaction model flips</h2>
<p>In a traditional interface, the user drives every step: they tap, type, confirm, and move to the next screen. The designer's job is to make each step obvious. In an agentic product, the user states a goal, hands it over, and supervises. The steps in between belong to the agent.</p>
<p><strong class="highlight">You are no longer designing a sequence of screens — you are designing a delegation relationship.</strong> The questions change accordingly. Not "is this button clear?" but "does the user know what they just authorized?" Not "can they <a href="/user-flows" class="redirect">complete the flow</a>?" but "can they see what the agent is doing, correct it mid-course, and reverse it afterwards?"</p>
<p>Everything you already know about <a href="/ai-trust-transparency" class="redirect">trust in AI interfaces</a> still applies here; this article focuses on the patterns specific to software that acts.</p>
<ul>
<span>keywords</span>
<li>#InteractionModel</li>
<li>#Supervision</li>
<li>#GoalDelegation</li>
</ul>
</section>
<section id="core-patterns">
<h2>Core patterns of agentic UX</h2>
<p>Six patterns come up in almost every agentic product. Together they answer the user's three constant questions: what is the agent allowed to do, what is it doing right now, and how do I take back control?</p>
<div id="scoping-delegation">
<h3>Scoping the delegation</h3>
<p>Before an agent acts, the user needs to define what exactly it may do. Vague permission ("help me with my inbox") invites unwelcome surprises. Good scoping is granular: this account but not that one, drafts but not sends, purchases up to a set amount.</p>
<p>Spend limits and action limits are the workhorses here. A travel agent that can book anything under 300 euros without asking, but must check in above that, matches how people delegate to other humans. <strong>Design the scope-setting moment as a first-class flow</strong>, not a wall of toggles buried in settings.</p>
</div>
<div id="plans-before-actions">
<h3>Plans before actions</h3>
<p>Before executing, the agent should show its intent: "Here's what I'm about to do — search these three sites, compare prices, book the cheapest refundable option." <strong class="highlight">A visible plan lets users redirect the agent before anything happens, which is always cheaper than undoing it after.</strong></p>
<p>Keep plans scannable: a short list of steps, with the consequential ones (payment, sending, deleting) clearly marked. A plan the user won't read protects no one.</p>
</div>
<div id="progress-visibility">
<h3>Progress visibility</h3>
<p>While the agent works, the user should be able to see what it's doing now, what's already done, and what failed. This is the difference between trust and a black box. A silent spinner for ninety seconds feels broken; a live step list ("comparing fares... done") feels supervised.</p>
<p>Failures deserve the same visibility as successes. An agent that quietly skips a failed step and reports "all done" is teaching the user that its summaries can't be trusted.</p>
</div>
<div id="interruption-control">
<h3>Interruption and control</h3>
<p>Users must be able to pause, stop, or take over mid-task — without losing state. If someone pauses a research agent halfway through, the work done so far should survive: the sources found, the draft started, the form half-filled. <strong>Stopping the agent should never mean starting over.</strong></p>
<p>Taking over is the underrated case. Sometimes the user just wants to finish the last step themselves. Hand them the current state cleanly, the way a colleague would hand over a half-finished document.</p>
</div>
<div id="confirmation-gates">
<h3>Confirmation gates for consequential actions</h3>
<p>Some actions should always pause for explicit approval: payments, sending messages to other people, deleting data. The rule that decides where gates go is reversibility. <strong class="highlight">If an action can be undone in one tap, let the agent proceed; if it can't, put a confirmation gate in front of it.</strong></p>
<p>Resist the temptation to gate everything. An agent that asks permission for every trivial step is just a slower form. Gates are for consequences, not for cover.</p>
</div>
<div id="undo-audit">
<h3>Undo and audit trails</h3>
<p>Agents work while users are away, so every agentic product needs a clear answer to "what happened while I was gone?" An audit trail — a readable log of actions taken, in plain language — is the minimum. Pairing each entry with an undo or reverse action is the goal.</p>
<p>Write the log for humans, not machines: "Rescheduled your dentist appointment to Thursday" beats a timestamped event dump.</p>
</div>
<ul>
<span>keywords</span>
<li>#Scoping</li>
<li>#PlansFirst</li>
<li>#ProgressVisibility</li>
<li>#ConfirmationGates</li>
<li>#AuditTrail</li>
</ul>
</section>
<section id="agent-failure">
<h2>Handling agent failure</h2>
<p>Agents fail in ways buttons don't. They hit dead ends: the site is down, the item is out of stock, the form rejects their input. And they act on wrong assumptions: booking the 6am flight because "early" meant something different to you.</p>
<p>Graceful failure means two things. First, the agent stops digging — it recognizes a dead end instead of retrying forever or improvising something the user never asked for. Second, it hands back control with context: what it tried, where it got stuck, what it recommends next, and everything it has gathered so far. <strong class="highlight">A good failure handoff turns "the agent gave up" into "the agent got me 80% of the way and told me exactly what's left."</strong></p>
<ul>
<span>keywords</span>
<li>#DeadEnds</li>
<li>#GracefulFailure</li>
<li>#Handoff</li>
</ul>
</section>
<section id="accountability">
<h2>Accountability</h2>
<p class="blockquote">When the agent errs, the product owns it. Blaming the AI is not a pattern.</p>
<p>If the agent books the wrong hotel, the user experience of that mistake — the apology, the fix, the refund path — is your design responsibility. Error messages that shrug ("the AI made a mistake") shift blame onto a system the user can't inspect or argue with. Classic error design says never blame the user; agentic design adds: never blame a scapegoat either.</p>
<p>Design the repair path with the same care as the happy path: acknowledge the error plainly, show what happened, and offer the fastest route to making it right.</p>
<ul>
<span>keywords</span>
<li>#Accountability</li>
<li>#ErrorRepair</li>
<li>#Ownership</li>
</ul>
</section>
<section id="calibrated-delegation">
<h2>Designing for calibrated delegation</h2>
<p>Trust between a user and an agent should grow the way it grows between people: gradually, through demonstrated competence. Start the relationship small — drafts before sends, suggestions before purchases, one calendar before all of them. As the agent proves itself, invite the user to widen the scope.</p>
<p>The failure modes sit at both extremes. Users who under-trust never delegate anything and get no value; users who over-trust hand over everything on day one and get burned. <strong class="highlight">Your job is calibration: let the agent start small and earn scope, one demonstrated success at a time.</strong></p>
<ul>
<span>keywords</span>
<li>#CalibratedTrust</li>
<li>#StartSmall</li>
<li>#EarnScope</li>
</ul>
</section>
<section id="takeaways">
<h2>Takeaways</h2>
<p class="blockquote">Agentic UX is the design of a delegation relationship: scope what the agent may do, show its plan and progress, gate the irreversible, and make everything auditable and undoable.</p>
<p>When the agent fails, hand control back with context. When it errs, own the mistake. And let trust grow the honest way — small scope first, more scope earned.</p>
</section>