All writing

AI UX

AI UX patterns: a field guide from products I've shipped

A lot of what makes an AI feature feel trustworthy has nothing to do with the model. It's the screens around it: what people see before they ask, while they wait, and after the answer comes back. These are the patterns I keep coming back to, from client work and from my own apps.

Written by
Gideon Awolesi
Published
Reading time
9 min read

Before the first prompt

  1. Starting points: Show a few examples tied to what your users came to do, instead of a blank prompt box. At AiListz, the onboarding and conversational guidance we designed cut support requests from first-time users by 90%.
  2. Controls for what people can't phrase: Tone and length are easier to pick than to describe. Put them next to the input.
  3. AI disclosure: Let people know they're dealing with AI from the first interaction. Under the AI Act, that's been a legal duty in the EU since 2 August 2026.

Before the AI acts

  1. Preview before action: Before the AI sends, publishes, or changes anything, show exactly what's about to happen. People trust a feature more when they can see the result first.
  2. Permissions for agents: When an agent acts on someone's behalf, let them decide what it can do on its own and what needs their approval.

After the answer

  1. Sources: Show where an answer came from, so people can check it instead of taking it at face value.
  2. Edit in place: Let people fix the answer directly. Starting the whole prompt again for one wrong sentence is maddening.
  3. Undo: Anything the AI changes should be reversible, for long enough that people notice the mistake.
  4. Feedback: A simple "this was wrong" with a reason gives your team the failure modes to design for next.

When a person has to check

I speak for myself (and maybe you) when I say how maddening it is to have to review all your agents' outputs. It slows down work, and I usually zone out after the first few lines. So put the human review step where a mistake would cost money, health, or trust, and let the low-risk work flow without it.

Design the failure loop too

In another of my apps, RebrandOS, I set up a system to make the AI-generated content sound human, and part of that was a banned-word filter. The filter kept blocking the AI writer, so it couldn't generate any content at all. It went round in a loop like that for weeks, so I took the writer out of the app.

The lesson I took from it: every automated check needs a designed way out, like a human override, a limit on retries, or a clear message to the user. Otherwise, two parts of the system that each work fine on their own can block each other forever.

Free AI feature review

Want a second pair of eyes on your product?

Send me one AI flow and one question, and within five business days you'll get a recorded walkthrough and a one-page fix list. If you'd rather start small, send me one AI flow for a free review.