DOL Kid LMS - Home Content Allocation

DOL Kid - LMS Home Content Allocation

Purpose

• Khóa nội dung nên hiển thị bên trong từng tab, card, và cluster của LMS Home.
• Giúp team design/build tránh:
  • lặp nội dung giữa các tab,
  • nhồi quá nhiều thông tin trong một card,
  • làm LMS Home trôi thành dashboard nặng.

Scope Gate

• File này sở hữu content allocation của LMS Home.
• File này không sở hữu:
  • route family sâu,
  • player detail,
  • parent dashboard reporting,
  • screen UI microspec ở mức pixel.

Core Rule

• One element, one question
  • Mỗi card hoặc cluster chỉ nên trả lời 1 câu hỏi chính.
• Summary before detail
  • Overview chỉ preview, không thay tab owner.
• Owner tab owns the detail
  • Nội dung chi tiết phải ở đúng tab sở hữu.
• No duplicated payload
  • Cùng một dữ liệu không nên được render đầy đủ ở nhiều tab.

Top Context Bar

Câu hỏi chính

• Bé nào đang active và đang học khóa nào?

Must show

• active child
• active course
• CTA quay về Parent Dashboard

May show

• avatar nhỏ hoặc chip màu nhận diện child

Must not show

• progress bar
• badge
• alert list
• schedule detail

Why

• Thanh này chỉ để giữ context, không nên biến thành summary bar nhiều KPI.

---

Overview Tab

Snapshot rail rule

• Overview có thể chứa các snapshot cô đọng từ tab khác.
• Snapshot chỉ được lấy tín hiệu đáng chú ý nhất của tab owner, không copy full content.
• Baseline nên ưu tiên:
  • Khóa học
  • Lịch học
  • Thành tích
• Có thể thêm:
  • Learning Stats
  • Kỷ niệm nếu và chỉ nếu có tín hiệu mới, rõ, và thật sự đáng nhắc.

1. Overview Hero

Câu hỏi chính: Hôm nay mình nên chú ý điều gì trước tiên?

Must show

• 1 message ngắn về trạng thái hiện tại
• 1 tín hiệu chính:
  • homework gần hạn,
  • buổi học sắp tới,
  • hoặc vừa hoàn thành một mốc
• 1 CTA chính: Vào Khóa học

May show

• icon hoặc minh họa nhẹ
• 1 dòng phụ ngắn nếu cần giải thích tín hiệu chính

Must not show

• nhiều CTA đồng cấp
• nhiều KPI song song
• lesson breakdown
• badge cluster

Why

• Hero của Overview là khối định hướng, không phải dashboard tổng hợp.

2. Preview Card - Khóa học

Câu hỏi chính: Khóa đang học hiện tại là gì?

Must show

• tên khóa đang focus
• trạng thái cực ngắn, ví dụ:
  • đang học topic 8/24
  • còn 1 bài tập cần làm
• CTA nhỏ sang tab Khóa học

May show

• 1 progress cue nhẹ

Must not show

• task list đầy đủ
• shortcut practice đầy đủ
• nhiều course cards

Why

• Card này chỉ để nhắc context khóa học, còn hành động thực sự diễn ra ở tab Khóa học.

3. Overview To-do Board

Câu hỏi chính: Những việc nào nên làm ngay bây giờ?

Must show

• 2-4 task ưu tiên thật sự theo bối cảnh hiện tại
• mỗi task phải có:
  • task label ngắn
  • task type rõ
  • lý do ưu tiên rất ngắn
  • 1 CTA chính

May show

• due label như hôm nay, sắp đến hạn
• context cue như tên lesson hoặc tên assignment

Must not show

• backlog dài
• nhiều việc optional ngang hàng với việc bắt buộc
• mô tả dài như checklist/course detail
• cùng một task lặp lại y nguyên ở nhiều card trong Overview

Why

• Overview cần một khối hành động rõ, nhưng nó chỉ nên surface các việc đáng làm ngay bây giờ thay vì biến thành task manager đầy đủ.

Contextual task types

• Lesson follow-up
  • ví dụ: Xem lại tóm tắt bài học
  • ví dụ: Làm bài tập về nhà của topic vừa học
• Assignment due
  • ví dụ: Hoàn thành bài viết
  • ví dụ: Thu âm và nộp bài speaking
• Test due / recommended
  • ví dụ: Làm bài final test
  • ví dụ: Luyện bài test Reading & Writing
• Continue in-progress
  • ví dụ: Làm tiếp bài đang dở

Priority order inside board

1. việc có deadline gần hoặc đã quá hạn
2. việc follow-up ngay sau lesson vừa học xong
3. việc đang làm dở
4. gợi ý optional nếu không còn việc bắt buộc rõ ràng

4. Preview Card - Lịch học

Câu hỏi chính: Buổi học nào gần nhất cần được chú ý?

Must show

• 1 schedule signal rõ nhất:
  • buổi sắp tới gần nhất
  • hoặc buổi vừa hoàn thành gần nhất
• ngày giờ hoặc mốc thời gian phù hợp
• trạng thái schedule ngắn
• CTA nhỏ sang tab Lịch học

May show

• tên lớp hoặc nhãn course ngắn

Must not show

• lesson content breakdown
• attendance history
• course progress

Why

• Overview chỉ nên preview lịch, không được nuốt vai trò của tab Lịch học.

5. Preview Card - Thành tích

Câu hỏi chính: Gần đây mình vừa đạt được gì?

Must show

• 1 thành tựu gần nhất
• nhãn kiểu badge mới, mốc mới, hoặc vinh danh
• CTA nhỏ sang tab Thành tích

May show

• visual cue nhẹ như badge thumbnail

Must not show

• full badge gallery
• progress reflection
• rank detail

Why

• Card này chỉ nhắc recognition, không thay Learning Stats.

6. Learning Stats Snapshot

Câu hỏi chính: Điểm tiến bộ cô đọng nhất lúc này là gì?

Must show

• 1 progress cue ngắn
• CTA phụ sang Learning Stats

May show

• 1 số liệu đơn giản như đã hoàn thành 3 bài tuần này

Must not show

• chart
• nhiều chỉ số ngang nhau
• full Learning Stats payload

Why

• Đây là snapshot nhẹ để gợi mở view Learning Stats, không thay thế view đó.

7. Kỷ niệm Snapshot

Câu hỏi chính: Có khoảnh khắc mới nào đáng xem không?

Must show

• 1 ảnh hoặc 1 moment mới nhất nếu thật sự có nội dung mới
• CTA nhỏ sang tab Kỷ niệm

May show

• nhãn thời gian ngắn như mới đăng

Must not show

• gallery nhiều ảnh
• timeline dài
• placeholder nếu chưa có content thật

Why

• Snapshot này chỉ nên xuất hiện khi nó mang giá trị cảm xúc thật sự, không để lấp khoảng trống.

8. Reminder Card

Câu hỏi chính: Có việc gì cần nhớ ngay bây giờ không?

Must show

• chỉ 1 reminder thật sự có tính ưu tiên

May show

• CTA nhỏ nếu reminder có hành động liên quan

Must not show

• nhiều reminder chồng nhau
• reminder mơ hồ kiểu chỉ để lấp chỗ

Why

• Nếu có nhiều reminder, Home sẽ mất hierarchy.

9. Learning Stats Entry

Câu hỏi chính: Muốn nhìn lại tiến bộ của mình không?

Must show

• label ngắn Xem tiến bộ học tập

May show

• 1 cue ngắn như tuần này con đã làm 3 bài

Must not show

• chart
• score wall
• CTA cạnh tranh với CTA chính

Why

• Đây là entry phụ, không được giật vai trò của Khóa học.

---

Khóa học Tab

1. Basic Snapshot

Câu hỏi chính: Con đang ở đâu trong khóa này?

Must show

• tên khóa
• level
• đang ở topic/chặng nào
• 1 progress cue ngắn

May show

• 1 dòng diễn giải nhẹ

Must not show

• badge
• schedule details
• teacher notes

Why

• Đây là owner chính của course-linked stats, nhưng vẫn phải giữ gọn.

2. Next Action Hero

Câu hỏi chính: Làm gì tiếp theo?

Must show

• 1 action rõ ràng:
  • Tiếp tục học
  • Làm bài tập
  • Mở khóa học
• lý do rất ngắn cho action đó

May show

• CTA phụ nhẹ như Xem tiến bộ học tập

Must not show

• 2-3 CTA ngang nhau
• nhiều action card cùng trọng số

Why

• Đây là khối ra quyết định chính của tab Khóa học.

3. Today / This Week Tasks

Câu hỏi chính: Tuần này cần làm những gì?

Must show

• 2-4 task ngắn
• trạng thái ngắn
• CTA nhỏ nếu cần

May show

• due today / due soon label

Must not show

• checklist dài
• task từ nhiều course trộn loạn

Why

• Dùng để scan nhanh, không phải task manager.

4. My Courses Strip

Câu hỏi chính: Ngoài khóa đang focus còn khóa nào nữa?

Must show

• 1 khóa đang focus
• các khóa còn lại dạng card gọn

May show

• chip trạng thái rất ngắn

Must not show

• metadata dài
• nhiều CTA trên mỗi card

Why

• Strip này chỉ để chuyển context nhẹ, không thay Course List.

5. Practice Shortcuts

Câu hỏi chính: Trong course này có thể vào nhanh loại bài nào?

Must show

• chỉ các loại bài đang thực sự dùng được
• CTA rõ từng loại

May show

• label đang dở, cần làm

Must not show

• mọi practice type có thể có trong tương lai
• shortcut không còn hợp lệ với course context hiện tại

Why

• Shortcut phải đúng ngữ cảnh, nếu không sẽ làm user mất niềm tin vào điều hướng.

---

Kho đề Tab

1. Level Focus

Câu hỏi chính: Mình đang luyện ở level nào?

Must show

• current level
• switcher nếu nhiều level mở

May show

• copy ngắn về mục đích level

Must not show

• nhiều level grid lớn
• so sánh chi tiết giữa level

2. Type Groups

Câu hỏi chính: Muốn luyện dạng đề nào?

Must show

• Full Test
• Reading & Writing
• Listening
• Speaking

May show

• số lượng đề trong group

Must not show

• homework signal
• lesson/topic cue

3. Item List

Câu hỏi chính: Mở đề nào bây giờ?

Must show

• title
• estimated time
• status
• CTA chính

May show

• last touched info rất ngắn

Must not show

• analytics sâu của bank
• filter/search dày ở baseline

---

Lịch học Tab

1. Upcoming Session Card

Câu hỏi chính: Buổi học tiếp theo là khi nào?

Must show

• ngày
• giờ
• trạng thái

May show

• course/class label ngắn

Must not show

• lesson content
• bài tập
• course stats

2. Schedule List

Câu hỏi chính: Các buổi tới gần là gì?

Must show

• list ngắn các buổi sắp tới

May show

• CTA quay lại course context nếu có liên quan rõ

Must not show

• calendar nặng
• filter nhiều chiều
• attendance analytics

---

Thành tích Tab

1. Achievement Hero

Câu hỏi chính: Điều nổi bật nhất mình vừa đạt được là gì?

Must show

• 1 achievement nổi bật
• copy động viên ngắn

May show

• illustration / badge visual

Must not show

• score reflection
• leaderboard detail

2. Badge Cluster

Câu hỏi chính: Mình có những badge nào tiêu biểu?

Must show

• vài badge tiêu biểu

May show

• nhóm badge theo loại

Must not show

• full archive quá dài ở first view

3. Milestone Card

Câu hỏi chính: Mình vừa chạm cột mốc gì?

Must show

• milestone gần nhất

May show

• CTA sang Learning Stats nếu muốn xem tiến độ

Must not show

• progress analytics chi tiết

---

Kỷ niệm Tab

1. Later Placeholder Panel

Câu hỏi chính: Phần này sẽ có gì sau này?

Must show

• nhãn Sắp có
• mô tả rất ngắn

May show

• visual nhẹ

Must not show

• fake CTA
• placeholder dài, giải thích quá nhiều

---

Learning Stats View

1. Learning Pulse Hero

Câu hỏi chính: Con đang tiến bộ thế nào?

Must show

• 1 insight chính

May show

• 1 cue nhẹ về xu hướng

Must not show

• nhiều KPI ngang hàng

2. Current Course Progress

Câu hỏi chính: Con đang đi tới đâu trong khóa?

Must show

• current course
• current topic/stage
• progress cue

May show

• CTA về Khóa học

Must not show

• full syllabus

3. Recent Learning Activity

Câu hỏi chính: Con vừa làm được gì gần đây?

Must show

• completion snapshot ngắn

May show

• last completed exercise/test

Must not show

• history log dài

4. Focus Now

Câu hỏi chính: Con nên tập trung gì tiếp theo?

Must show

• 1 gợi ý chính

May show

• CTA quay về Khóa học hoặc bài liên quan

Must not show

• nhiều next step ngang nhau

---

Duplication Guardrails

• Course progress chi tiết chỉ ở Khóa học và Learning Stats, nhưng:
  • Khóa học = dùng để quyết định học tiếp,
  • Learning Stats = dùng để phản chiếu tiến độ.
• Schedule chi tiết chỉ ở Lịch học.
• Achievement chi tiết chỉ ở Thành tích.
• Homework / next action chi tiết chỉ ở Khóa học.
• Test practice browsing chỉ ở Kho đề.

References

• ./KID_LMS_Home.md
• ./KID_LMS_00_Overview.md
• ./KID_LMS_Sitemap.md
• ./KID_LMS_Learning_Stats_00_Overview.md
• ./KID_LMS_Test_Bank_00_Overview.md
• ./Concepts/Docs/KID_LMS_Home_DESIGN_NOTES.md

Change log

• 2026-03-24: Tạo Home Content Allocation để khóa must show / may show / must not show cho từng element của LMS Home và Learning Stats.