Trustworthy AI Interfaces in AI UX & Generative UI

Lessons in this section

1. Where AI Belongs

   The same AI feature can be a full chat, a side panel or one button. Learn the four ways AI is not a normal button, and three questions that pick the right place for each task.

2. Streaming and Waiting

   Replace a 14-second spinner with an answer that shows each step, streams as it is written, and has a Stop button that really cancels the work.

3. Sources and Doubt

   A confident wrong answer looks exactly like a right one. Add citation chips that link only to retrieved passages, a "not sure" state, and a scope note.

4. Stop, Edit, Retry, Undo

   Give users control over AI output: stop a runaway answer, fix the question, keep every version when they retry, and undo an applied suggestion to the exact state before.

5. Ask Before Acting

   An agent can refund, send and delete. Add an action preview card, ask only when the risk is high, and give a short undo window after the action.

6. Errors, Refusals and Empty States

   Timeouts, tool failures, refusals, rate limits and "I don't know" are screens you design. Give each one plain words and a next step, then export your v1 AI UX kit.