Bỏ qua để đến nội dung

DOL English - Validation & Error Handling (UX Supporting)

DomainsDOL EnglishUX352 words2 min read
active
  • File này là guideline UX cho thông báo lỗi và validation.
  • Không mô tả chi tiết kỹ thuật backend.
  • Giúp user hiểu lỗi nhanh và biết bước tiếp theo ngay lập tức.
  • Giảm cảm giác “bị chặn” trong flow đăng nhập.
  • Clear:
    • nói đúng vấn đề đang xảy ra.
  • Actionable:
    • luôn có CTA hoặc hướng xử lý tiếp theo.
  • Calm:
    • giọng điệu ngắn, trung tính, không đổ lỗi user.
  • Consistent:
    • cùng loại lỗi dùng cùng cấu trúc câu.
  • Mẫu chuẩn:
    • Vấn đề + Bạn có thể làm gì tiếp.
  • Ví dụ:
    • Mã đã hết hạn. Bạn có thể gửi lại mã mới.
  1. Email
  • Báo lỗi format rõ ràng.
  • Nếu email không có tài khoản ở login, gợi ý đăng ký ngay.
  1. Password
  • Báo lỗi ngắn khi sai thông tin.
  • Luôn có lối vào Quên mật khẩu.
  1. OTP
  • Nếu sai/hết hạn, hiển thị CTA gửi lại mã.
  • Không để user ở trạng thái bế tắc.
  • Email đã tồn tại ở signup -> chuyển login, giữ email.
  • Link reset không hợp lệ -> fallback về OTP.
  • Auth thành công nhưng context cũ không hợp lệ -> đưa user đến route gần nhất hợp lệ.
  • Ưu tiên inline error gần field gây lỗi.
  • Lỗi tổng thể chỉ dùng khi user cần biết trạng thái toàn flow.
  • Không dồn nhiều thông báo cùng lúc trên một màn.
  • Lỗi có dễ hiểu trong 1 lần đọc không?
  • User có biết bước tiếp theo không?
  • Có giữ được nhịp flow thay vì bắt làm lại từ đầu không?
  • 2026-03-05: Rút gọn validation/error docs theo hướng UX supporting, loại bỏ phần kỹ thuật dư thừa.