I2Intermediate

AI UX Pattern Design

45 minEvery AI feature

Format: Design the user experience for AI features.

AI-Specific UX Challenges:

1. Latency: AI responses may take 2-10 seconds
   Solution: Streaming output (display text character by character like typing)

2. Uncertainty: AI can make mistakes
   Solution: Show confidence indicators + "Results are for reference only"

3. Black box: Users don't know how AI reached its conclusion
   Solution: Show reasoning process or evidence sources

4. Cost: Every AI call has a cost
   Solution: Client-side caching + deduplication + prevent duplicate submissions

Exercise: Design the complete UX flow for the following AI features:

  1. AI summary generation — User pastes article → Generate summary
  2. AI customer service — User asks question → AI answers → Can escalate to human if unsatisfied
  3. AI image description — User uploads image → AI generates description

Each flow needs: Loading state, error state, success state, "AI is uncertain" state.

My Notes