DOL Academy - Login UX Blueprint (Product-first)

Purpose

• Định nghĩa trải nghiệm đăng nhập/đăng ký cho domain Academy theo hướng đơn giản, không đứt mạch học.
• Bao quát các tình huống thực tế của học sinh THCS/THPT tại Việt Nam:
  • vào học nhanh để làm bài,
  • quay lại bài đang dở,
  • quên mật khẩu,
  • đổi hướng giữa ôn bài và ôn thi.
• Là nguồn chuẩn để ra quyết định UX Login trong Academy phase 1.

Scope (Phase 1)

• Login, Signup, Forgot password, Auth gate cho action cần lưu tiến độ, Return-to-context.
• Áp dụng cho flow Home/Practice/Exam của Academy (ACA-S01..ACA-S07).

Product Goal

• User mất ít bước nhất để vào đúng việc đang muốn làm.
• Không ép login quá sớm khi user chỉ đang khám phá.
• Login xong phải quay lại đúng ngữ cảnh học, không bắt tìm lại từ đầu.

UX Principles

• Một việc chính mỗi màn: chỉ có 1 CTA chính.
• Đúng lúc mới hỏi: chỉ yêu cầu auth khi user bắt đầu action cần lưu dữ liệu.
• Không bế tắc: mọi lỗi đều có hướng đi tiếp theo.
• Giữ mạch học: sau auth phải replay đúng hành động đang dở nếu còn hợp lệ.
• Ngôn ngữ học sinh hiểu ngay: copy ngắn, động từ rõ, không jargon.

Entry Model (Email-first, học sinh dễ dùng)

• Input đầu tiên luôn là Email.
• Sau khi nhận diện email, chỉ mở 1 trong 3 hướng:
  1. Đăng nhập (đã có tài khoản).
  2. Đăng ký nhanh (email mới).
  3. Đăng nhập Google (nếu là account Google-first).
• Luôn có lối tắt Nhận mã đăng nhập cho user không muốn nhập mật khẩu.

Core Journeys

Journey A - Guest bấm bắt đầu luyện

• User bấm Bắt đầu luyện/Làm bài ngay.
• Hệ thống mở auth gate trong ngữ cảnh hiện tại.
• Auth thành công -> quay lại đúng lộ trình/bài đang dở -> tự tiếp tục action.

Journey B - User quay lại học tiếp

• User đã từng học, vào lại Home/Practice.
• Bấm Tiếp tục -> nếu phiên còn hợp lệ thì vào thẳng.
• Nếu cần re-auth -> đăng nhập nhanh -> quay về đúng điểm trước đó.

Journey C - User mới đăng ký

• Email mới -> Đăng ký nhanh -> xác thực email -> vào ngay lane đã chọn (Ôn bài hoặc Ôn thi).
• Không ép điền profile dài trong bước đăng ký đầu.

Journey D - Quên mật khẩu

• Entry từ màn login.
• Kênh chính: Email OTP.
• Kênh phụ: Link trong email.
• Reset xong quay lại login với email điền sẵn.

Journey E - User đổi ý giữa hai lane

• User login lúc ở lane Ôn bài nhưng sau đó muốn sang Ôn thi (hoặc ngược lại).
• Hệ thống vẫn ưu tiên hoàn tất action ban đầu trước, sau đó cho đổi lane rõ ràng.

Surface Rule (Simple)

• Popup: dùng khi user bị chặn tại action trong trang đang mở.
• Full page: dùng khi user chủ động vào login/register, vào từ email link, hoặc popup không ổn định.

Edge Cases (Must-cover)

• Đang đăng ký nhưng email đã tồn tại -> chuyển sang đăng nhập, giữ sẵn email.
• Đang đăng nhập nhưng email chưa có tài khoản -> gợi ý đăng ký ngay, không nhập lại email.
• OTP sai/hết hạn -> thông báo ngắn + CTA Gửi lại mã.
• Link reset lỗi/hết hạn -> fallback về OTP, không dead-end.
• User đóng auth gate -> giữ nguyên trang trước, không replay action protected.
• returnTo không còn hợp lệ -> fallback route gần nhất cùng ngữ cảnh học, rồi mới về Home.
• Mạng yếu hoặc timeout -> giữ state đã nhập gần nhất, ưu tiên CTA Thử lại.

UX Copy Rules

• Tiêu đề theo hành động: Đăng nhập, Đăng ký nhanh, Quên mật khẩu.
• Copy lỗi luôn gồm:
  • điều gì đang xảy ra,
  • user nên làm gì tiếp theo.
• Copy thành công chỉ xác nhận ngắn và đẩy user về hành động kế tiếp.

Minimal Success Metrics

• Tỷ lệ login thành công ở lần thử đầu.
• Tỷ lệ hoàn tất auth từ auth gate ở màn học.
• Tỷ lệ quay lại đúng context sau auth.
• Tỷ lệ drop ở flow quên mật khẩu.

Source-of-truth Boundary

• File này là nguồn UX chuẩn cho login của Academy.
• File màn hình ACA-S07 và các tài liệu liên quan chỉ mở rộng theo ngữ cảnh, không override hành vi cốt lõi trong file này.

References

• HOME_ACA_SCREEN_LIST.md
• HOME_ACA_Concept_Pack.md
• Screens/ACA-S07_auth_gate_and_return_context_UI_CONCEPT.md
• ../../../../../DOL English/UX Design/Register/REG_Login_UX_Blueprint.md

Change log

• 2026-03-05: Khởi tạo Academy Login UX Blueprint theo nhu cầu học sinh THCS/THPT, ưu tiên continuity từ chọn lộ trình đến bắt đầu làm bài.