AI UX Patterns

AI UX khác traditional UX

• Output non-deterministic → cần affordance regenerate, edit.
• Latency 1–10s → cần feedback intermediate (streaming, skeleton).
• Trust calibration — user cần biết khi nào trust output.
• Error mode mới: hallucination, refusal, partial response.

Core patterns

1. Streaming response

• Show token theo thời gian thực, giảm perceived latency 40–60%.
• SSE (Server-Sent Events) hoặc WebSocket trên backend.
• Cursor animation cho "AI đang nghĩ".

2. Citations & sources

• Inline citation [1] [2] với hover preview.
• Quick verify — link tới source page.
• Perplexity, ChatGPT search là ví dụ tốt.

3. Confidence signaling

• "Mô hình không chắc về thông tin này, vui lòng verify."
• Color coding (xanh = high, vàng = medium).
• Show alternative answer khi confidence thấp.

4. Recovery affordance

• Regenerate button.
• "Try different style" — formal vs casual.
• Edit prompt inline.
• Undo + version history.

5. Guardrail transparency

• Refusal explain — "Tôi không thể giúp với X vì lý do Y."
• Alternative suggestion khi block.
• Feedback loop để user appeal.

6. Human-in-the-loop

• Confirm trước khi action có consequence (send email, charge card).
• "AI suggest, human approve" cho high-stakes.
• Bulk edit + review queue.

Common pitfalls

• "AI sparkle" gimmick — confetti khi gen text → cute lần đầu, annoying lần thứ 100.
• Spinner generic 10s — user think app frozen.
• Hide citation → user không verify được → trust crash.
• Block content silent — user không hiểu sao đầu ra rỗng.