| name | ui-analysis-ux-risk-analysis |
| description | null |
UX Risk Analysis
Category: ui-analysis · Status: 🟢 Active
When to use
Khi rà soát design để tìm rủi ro UX ở các trạng thái không phải happy path.
Steps
- Loading: design có skeleton/spinner cho fetch chậm chưa.
- Empty: danh sách rỗng có empty state hướng dẫn hành động tiếp theo không.
- Error: lỗi API/validation hiển thị ở đâu, có cách phục hồi/retry không.
- Edge content: tên rất dài, số lớn, ảnh thiếu — có truncate/wrap/placeholder.
- Phản hồi hành động: trạng thái success/disabled khi submit, chống double-click.
- Đề xuất bổ sung state còn thiếu và ghi rõ hành vi mong đợi.
Template
## UX risks: <màn hình>
| State | Có trong design? | Rủi ro | Đề xuất |
|-------|------------------|--------|---------|
| Loading | thiếu | màn hình trắng | skeleton |
| Empty | thiếu | bí lối | empty state + CTA |
| Error | thiếu | không retry | toast + nút thử lại |
| Long text | — | vỡ layout | truncate + tooltip |
Example
Good: Chỉ ra thiếu empty/error state, đề xuất skeleton và xử lý tên dài bằng truncate.
Avoid: Chỉ làm theo design happy path, bỏ trống loading/empty/error.
Checklist