Guide

AI Loading States Pattern

UX Patterns for Developers · uxpatterns.dev

Exactly what to show in the 200ms-to-seconds gap before the first token arrives.

Open on uxpatterns.dev ↗

The question it answers

  1. How do I design AI features people trust (chat vs buttons, streaming, showing the work)?

Read with it

  1. 23 battle-tested design patterns for human-AI products, used by a quarter million builders. pair.withgoogle.com Guide People + AI Guidebook Google PAIR
  2. A living pattern library (templates, modes, references, workflows) with real product examples. shapeof.ai Guide The Shape of AI: UX Patterns for Artificial Intelligence Design Emily Campbell (The Shape of AI)
  3. How users start, steer, and stop AI that works on their behalf, from a design veteran. lukew.com Article Agent Management Interface Patterns Luke Wroblewski
  4. When to reveal the AI's reasoning and when it just adds noise. lukew.com Article Showing the Work of Agents in UI Luke Wroblewski
  5. Evidence-based case for embedded AI over chat, including GitHub Copilot's 96% same-day adoption. uxmatters.com Article First-Session Trust in AI Products: Why Code Editors Onboard Better Than Chatbots UXmatters
  6. Concrete trust numbers: confidence signals lift reliance 63%, consistency another 47%. parallelhq.com Article Designing AI Chatbots: UX Principles for User Trust Parallel
eChai Partner Brands The partnership →