Learning Management Screen Inventory

DomainsDOL EnglishUX1.714 words9 min read

activebyDOL Product Design

Learning Management - Screen Inventory

Purpose

Chuẩn hóa danh sách màn hình cần triển khai cho area Learning Management theo hướng flow-complete skeleton.
Đảm bảo flow pre-login và post-login nhất quán cho toàn bộ nhánh /domains/dol-english/practice.
Dùng làm checklist build UX-first trước khi polish UI.

Source Review Scope (đã rà soát)

Assumptions for this inventory

Canonical shell route cho area là /domains/dol-english/practice.
Program-level views dùng 1 route với query-state: ?program=ielts|sat|toeic|dgnl|k12.
Deep actions (AI explain, save, attempt) yêu cầu auth-first + returnTo ngay trong context của /practice.
Đơn vị phân tích (Analysis Unit) bám SSOT ở LM_Analysis_Units.md, không hardcode logic riêng theo UI.

Screen Inventory (Recommended)

ID	Layer	Screen	Canonical route	Required state	Priority	Notes
LM-S01	Hub	Learning Management entry	`/domains/dol-english/practice`	Pre + Post	P0	Entry auth-aware cho toàn area
LM-S02	Hub	LM dashboard (post-login)	`/domains/dol-english/practice`	Post	P0	Khung chính gồm Goals/Diligence/Analysis/Saved/History + action rail
LM-S03	Hub	LM guest landing (pre-login)	`/domains/dol-english/practice`	Pre	P0	Landing giới thiệu giá trị + CTA login
LM-S04	Hub	Program tabs bar	`/domains/dol-english/practice?program=*`	Pre + Post	P0	Tab IELTS/SAT/TOEIC/DGNL/K12 + target priority
LM-S05	Header	Greeting + rhythm strip	`/domains/dol-english/practice`	Post	P0	Câu chào 2 dòng + rhythm signal; streak/freeze chỉ là proof phụ
LM-S06	Goals	Goals overview card	`/domains/dol-english/practice?panel=goals`	Post	P0	Mục tiêu + lịch thi + current capability
LM-S07	Goals	Goal editor modal	Same route (modal)	Post	P1	Sửa target theo chương trình/section/subject
LM-S08	Diligence	Weekly diligence board	`/domains/dol-english/practice?panel=diligence`	Post	P0	Weekly goal + heatmap + streak current/best ở mức secondary
LM-S09	Diligence	Day detail drill-down	Same route (detail state)	Post	P1	Click ngày để xem session/result trong ngày
LM-S10	Analysis	Strength/weakness summary	`/domains/dol-english/practice?panel=analysis`	Post	P0	Bảng Analysis Unit + impact badge + confidence
LM-S11	Analysis	Analysis time filter states	Same route (`window=30d	1y	lifetime`)	Post
LM-S12	Saved	Saved exercises list	`/domains/dol-english/practice?panel=saved`	Post	P1	Danh sách bài lưu + quick actions
LM-S13	Saved	Saved filter/search state	Same route (`status/skill/search`)	Post	P1	Bộ lọc shared theo `LM_History_Filters.md`
LM-S14	History	Year heatmap overview	`/domains/dol-english/practice?panel=history`	Post	P1	Thống kê năm + activity map
LM-S15	History	History list state	Same route (`period=week	month	year`)	Post
LM-S16	History	Result deep-link handoff	`/domains/dol-english/practice/result/:id`	Post	P0	Liên thông từ LM sang PRA result
LM-S17	Monetization	Credit indicator & low-credit warning	`/domains/dol-english/practice`	Pre + Post	P1	Theo `LM_Shared_Screen_Flow.md`
LM-S18	Monetization	Premium action paywall modal	Same route (modal)	Pre + Post	P1	Mua lẻ vs all-in-one khi chọn action premium
LM-S19	Monetization	Combo upsell banner	`/domains/dol-english/practice`	Post	P2	Gợi ý bundle khi thiếu program coverage
LM-S20	Monetization	Parent PIN confirm modal	Same route (modal)	Post	P2	Bắt buộc khi profile parent thực hiện mua
LM-S21	Program	IELTS view state	`/domains/dol-english/practice?program=ielts`	Post	P0	Unit logic: L/R/W/S + section/type/task/topic
LM-S22	Program	SAT view state	`/domains/dol-english/practice?program=sat`	Post	P0	Unit logic: Domain → Type
LM-S23	Program	TOEIC view state	`/domains/dol-english/practice?program=toeic`	Post	P0	Unit logic: Part (L&R), Task (S&W), opt-out
LM-S24	Program	DGNL view state	`/domains/dol-english/practice?program=dgnl`	Post	P0	Per-school scoring + variant separation
LM-S25	Program	K12 view state	`/domains/dol-english/practice?program=k12`	Post	P0	Grade/Subject + chuyên đề/mục
LM-S26	Program detail	IELTS analysis drill-down	`/domains/dol-english/practice?program=ielts&unit=*`	Post	P1	Drill theo section/type/task/topic
LM-S27	Program detail	SAT Domain→Type drill-down	`/domains/dol-english/practice?program=sat&domain=&type=`	Post	P1	Bám taxonomy SAT
LM-S28	Program detail	TOEIC part/task breakdown	`/domains/dol-english/practice?program=toeic&section=*`	Post	P1	L&R parts, S&W tasks
LM-S29	Program detail	DGNL school selector	`/domains/dol-english/practice?program=dgnl&school=*`	Post	P1	HCM/HN/HUST theo thang điểm riêng
LM-S30	Program detail	DGNL common-domain toggle	`/domains/dol-english/practice?program=dgnl&view=common-domain`	Post	P2	Toggle từ per-school sang 5 domains chung
LM-S31	Program detail	K12 grade/subject selector	`/domains/dol-english/practice?program=k12&grade=&subject=`	Post	P1	Tổ chức theo mục tiêu người dùng
LM-S32	Program detail	K12 knowledge-unit drill-down	`/domains/dol-english/practice?program=k12&unit=*`	Post	P2	Chương/chuyên đề/mục theo môn
LM-S33	Suggestion	Next best exercise card	`/domains/dol-english/practice`	Post	P0	CTA `Làm bài ngay` theo đơn vị yếu nhất
LM-S34	Suggestion	AI remedial suggestion panel	`/domains/dol-english/practice`	Post	P1	Gợi ý cải thiện + credit cost
LM-S35	Guardrail	Invalid program fallback	`/domains/dol-english/practice?program=:unknown`	Pre + Post	P0	Fallback về target program hoặc default IELTS
LM-S36	Guardrail	Missing data empty states	`/domains/dol-english/practice`	Pre + Post	P0	Không đủ dữ liệu: state rõ + CTA phù hợp
LM-S37	Guardrail	Auth-required for protected actions	`/domains/dol-english/practice`	Pre	P0	Save/AI/Premium action đều auth-first
LM-S38	Guardrail	Login returnTo recovery	`/login?returnTo=/domains/dol-english/practice...`	Transition	P0	Sau login quay đúng program/panel/window
LM-S39	Guardrail	Logout context retention	Current LM route	Transition	P0	Logout vẫn giữ route/query và render guest đúng
LM-S40	Guardrail	Sync-pending / error state	`/domains/dol-english/practice`	Post	P1	Skeleton + retry khi dữ liệu batch/realtime lệch
LM-S41	Suggestion	Recovery / fresh-start dual-action card	`/domains/dol-english/practice`	Post	P1	Cặp CTA `Fix cũ` / `Làm mới` theo recovery vs explore state
LM-S42	Suggestion	Frequent mistake cluster review card	`/domains/dol-english/practice`	Post	P1	Review lỗi sai lặp lại / mistake clusters cần xử lý
LM-S43	Community	Weekly challenge teaser strip	`/domains/dol-english/practice?panel=challenge`	Post	P1	Challenge tuần + progress/contribution teaser + CTA
LM-S44	Community	Practice leaderboard tab	`/domains/dol-english/practice?panel=leaderboard`	Post	P1	`Learning Points` overview + breakdown `duration/volume/score`

Suggested Build Sequence (Learning Management)

P0 flow kernel: LM-S01 → S03 → S04 → S02 → S05 → S06/S08/S10 → S21/S22/S23/S24/S25 → S33 → S35/S37/S38/S39.
P1 program depth: LM-S07/S09/S11/S12/S13/S14/S15/S17/S18/S26/S27/S28/S29/S31/S34/S40/S41/S42/S43/S44.
P2 expansion: LM-S19/S20/S30/S32 + visual polish và cross-area refinement.

Coverage Check Against UX Contract

Dual-state: đã map cho entry và toàn bộ top-level LM flow.
Auth-first + returnTo: đã map cho mọi action protected, đặc biệt LM-S37/S38.
No guest dead-end: guest có landing và CTA rõ, không bị chặn cứng.
Logout giữ route context: đưa thành acceptance gate bắt buộc ở LM-S39.
Community/leaderboard vẫn là secondary layer: đã tách thành strip/tab riêng thay vì đẩy vào trọng tâm analysis.

Open Gaps (from current docs)

Chưa có concept docs riêng cho LM pre-login ở cấp màn; hiện mới có logic shared + implementation guest thực tế.
Canonical query contract (program, panel, window, school, grade, subject) chưa được đặc tả thành một file route contract riêng.
Nhiều taxonomy K12/DGNL đã đầy đủ dữ liệu nhưng chưa có ưu tiên UI depth theo phase.
Chưa propagate đầy đủ contract phase-based motivation vào mọi screen note; một số screen vẫn gọi streak như object nổi bật thay vì signal phụ.
Chưa có flow acceptance matrix chính thức cho monetization cases (credit/premium/parent PIN) trong LM.
Community/leaderboard/challenge detail contracts theo ENG_11 và ENG_15 vẫn cần acceptance matrix riêng cho panel state, eligibility messaging, và anti-cheat moderation handoff.

Next Area Queue

docs/Domains/DOL English/UX Design/Vocabulary Management/**
docs/Domains/DOL English/UX Design/Practice Flow/**

Change log

2026-03-15: Chuẩn hóa route examples LM sang canonical /domains/dol-english/practice và các deep-link runtime hiện hành.
2026-03-11: Bổ sung các screen secondary cho LM theo hướng action-rich nhưng không nặng dashboard: Fix cũ / Làm mới, mistake clusters, weekly challenge teaser, và leaderboard tab.
2026-02-15: Khởi tạo inventory màn hình cho Learning Management theo shared docs + per-program logic/taxonomy, ưu tiên flow-complete skeleton.