Stage 4 of 9
Designing AI UX
Design interfaces that set expectations, show their sources and keep people in control.
Level: Intermediate About 3 weeks at 6 hours a week 7 articles
By the end of this stage you can
- Design every state of an AI feature, including errors and refusals
- Make outputs editable, undoable and cited
- Add human-in-the-loop approvals where actions are risky
Articles
- 4.1 Streaming and loading states Design streaming responses and loading states for AI features, from when to stream to skeletons, progress, stop buttons and handling a stream that ends early. Level: Intermediate 14 min Completed
- 4.2 Editable outputs and undo Make AI output editable and reversible with inline editing, accept and reject controls, version history and undo, so users stay in control of the result. Level: Intermediate 8 min Completed
- 4.3 Citations and showing sources Show where AI answers come from with citations, quoted passages and source links that let users verify claims, built with the Claude citations feature. Level: Intermediate 9 min Completed
- 4.4 Communicating confidence and uncertainty Communicate uncertainty in AI features honestly: when to hedge, when to abstain, and why raw confidence scores usually confuse users more than they help. Level: Intermediate 7 min Completed
- 4.5 Human-in-the-loop and approval flows Design approval flows for AI actions, deciding which actions need a human, how to present a proposed action clearly, and how to keep approvals fast. Level: Intermediate 12 min Completed
- 4.6 Error, refusal and empty states Design the unhappy paths of AI features, from API errors and refusals to truncated answers, empty results and timeouts, with copy and recovery for each. Level: Intermediate 10 min Completed
- 4.7 Onboarding and setting expectations Introduce AI features so users know what they can do, where they fall short and how to get good results, without long tutorials. Level: Intermediate 5 min Completed