DOL English Program Landing - SAT Pre-login

DomainsDOL EnglishUX1.890 words9 min read

activebyDOL Product Design

Purpose

Vấn đề: User đang cân nhắc SAT cần một landing page tách biệt để hiểu nhanh giá trị chương trình trước khi đăng nhập.
Đối tượng chính: Anonymous user (pre-login) chuẩn bị SAT và muốn tự học có hệ thống.
Tín hiệu thành công: Tăng tỷ lệ chuyển từ landing SAT sang auth và vào đúng điểm học trong tuhoc.dolenglish.
Contract trạng thái: File này chỉ đặc tả pre-login; trạng thái sau đăng nhập được tách riêng.

Reading Rule

Nếu cần current truth của pre-login navigation, mở ../HOME_ENG_Home_Pre_Login.md và ../HOME_ENG_Home_Information_Architecture.md trước.
File này chỉ giữ owner detail của program landing SAT pre-login.

Shell Fit

Đây là program-level pre-login discovery surface.
Public header ở tầng này chỉ giữ logo + program selector/discovery entry + auth CTA.
Trải nghiệm học / Kho bài tập / Khóa học là các entry group của chính trang SAT này; chúng không phải global navbar của Home public.

Experience Narrative (Ý tưởng tổng quan)

SAT pre-login landing cần cho user thấy rõ cách luyện SAT trên hệ thống thay vì chỉ mô tả lợi ích chung. Trọng tâm là giúp user hiểu họ sẽ tương tác với nội dung như thế nào và sẽ nhận phản hồi/chấm bài ra sao trước khi quyết định đăng nhập.

Do taxonomy SAT khác IELTS, showcase của SAT sẽ map theo hai cụm chính: Reading & Writing và Math. Dù taxonomy khác, cơ chế tương tác vẫn giữ thống nhất: user có thể chuyển giữa mode làm bài và chấm bài, đồng thời hệ thống tự xoay nội dung để demo nhanh năng lực sản phẩm.

Showcase SAT cũng áp dụng cách kể chuyện theo trạng thái học thay vì cố nhồi toàn bộ UI thật. Ở tab Làm bài, user nhìn thấy một bài đã hoàn tất kèm vùng gợi mở điểm và hướng cải thiện để được kéo sang tab Kết quả. Khi sang Kết quả, user thấy sub-tab năng lực để hiểu nhanh hệ thống chấm và hướng dẫn cải thiện theo đúng ngữ cảnh SAT.

Elements / Scope

Element definitions:
- Header chương trình: là thanh đầu trang với logo, program selector/discovery entry, và auth CTA; mục đích là giúp user hiểu đây là SAT landing, cho phép đổi sang program khác để so sánh, và không chen full feature nav vào public header; hoạt động bằng switcher qua IELTS/TOEIC và auth CTA login/register chuẩn.
- Hero SAT: là khối mở đầu nêu mục tiêu điểm SAT; mục đích là chốt proposition SAT trước khi user đi sâu vào chi tiết; hoạt động bằng headline + tín hiệu kết quả để giữ attention ban đầu.
- Program Quick Matrix: là bảng điều hướng nhanh các entry SAT quan trọng; mục đích là giúp user thấy rõ trải nghiệm học / kho bài tập / khóa học của SAT và các đường bắt đầu tương ứng; hoạt động bằng click entry để vào lane public phù hợp trước, rồi mới auth ở action sâu khi cần.
- Skill Experience Showcase: là khu trải nghiệm tương tác theo taxonomy SAT; mục đích là làm rõ chất lượng luyện SAT không chỉ ở nội dung mà còn ở feedback/scoring; hoạt động bằng chuyển giữa Reading & Writing và Math, đồng thời đổi mode attempt/scoring.
- Trust Badges / Đối tác: là khối chứng thực từ nguồn uy tín; mục đích là tăng độ tin cậy khi user chưa đăng nhập; hoạt động bằng việc đặt sau khối trải nghiệm để củng cố niềm tin trước CTA.
- So sánh khác biệt nền tảng: là khối đối chiếu Luyện SAT cũ vs DOL Tự học; mục đích là trả lời câu hỏi “đổi sang DOL thì khác gì”; hoạt động bằng việc nêu khác biệt về cơ chế luyện, feedback, và hệ thống hỗ trợ học.
- Social Proof cộng đồng: là khối testimonial và phản hồi học viên; mục đích là tăng bằng chứng xã hội cho quyết định chuyển đổi; hoạt động bằng review thực tế, tránh thay thế CTA chính.
- FAQ: là khối câu hỏi thường gặp của user SAT; mục đích là gỡ băn khoăn cuối về cách học/chương trình trước khi auth; hoạt động bằng accordion ngắn và nội dung rõ ràng theo intent chuyển đổi.
- Footer Links: là điều hướng phụ và thông tin nền; mục đích là duy trì khả năng truy cập các trang liên quan mà không đứt flow; hoạt động như lối thoát phụ, còn flow chính vẫn đi qua Hero/Matrix/Showcase.
Skill Experience Showcase cho SAT gồm:
- Reading & Writing
- Math
Showcase architecture (chi tiết):
- Primary tabbar: Làm bài và Kết quả.
- Attempt preview panel: mô phỏng trạng thái đã làm xong (đã chọn đáp án/đã nộp).
- Result teaser panel (trong tab Làm bài): hiển thị điểm tóm tắt + 1-2 gợi ý trọng tâm để user chuyển qua tab Kết quả.
- Result sub-tabbar (chỉ hiện trong tab Kết quả): tách rõ từng năng lực chấm/giải thích/cải thiện.
- Feature canvas: nội dung thay đổi theo sub-tab, ưu tiên trình bày “giá trị nhận được”.
Showcase mode contract:
- showcase_mode = attempt_preview | scoring_preview.
Result sub-tab contract cho SAT:
- Điểm theo tiêu chí
- Giải thích tuyến tính (Linear Thinking)
- Sửa lỗi trọng tâm
- Bài nâng cấp / chiến lược giải
- Từ vựng / khái niệm
- Bảng xếp hạng
Scoring preview capability contract:
- multi-criteria score,
- lỗi chi tiết,
- hướng giải nâng cấp,
- gợi ý từ vựng/khái niệm,
- leaderboard/context cộng đồng.
Core value by skill (đúc kết):
- Reading & Writing:
  - Giá trị cốt lõi là đọc đúng và lý giải đúng theo cấu trúc tư duy, không chỉ đoán đáp án.
  - Showcase ưu tiên thể hiện: điểm theo tiêu chí, giải thích chi tiết, Linear Thinking, sửa lỗi trọng tâm, gợi ý từ vựng/khái niệm, leaderboard theo độ chính xác và tốc độ.
- Math:
  - Giá trị cốt lõi là giải đúng theo logic, tối ưu tốc độ và giảm lỗi lặp.
  - Showcase ưu tiên thể hiện: điểm theo dạng toán, phân tích bước sai, hướng giải nâng cấp, gợi ý cải thiện chiến lược làm bài, leaderboard theo hiệu suất làm bài.
CTA trong phạm vi tài liệu:
- CTA chính: Bắt đầu học/Vào lộ trình (auth gate).
- CTA phụ: quay lại Self-study Hub.

Logic

State rule: landing này chỉ mô tả ở anonymous (pre-login).
Conversion rule: Landing SAT -> CTA chính -> /login hoặc /register -> returnTo -> program gateway SAT trong tuhoc.dolenglish.
Program triad rule:
- Trang này phải surfacing rõ 3 entry group:
  - trải nghiệm học,
  - kho bài tập,
  - khóa học.
- Triad này là program-local navigation layer; nó không được yêu cầu xuất hiện như global navbar ở Home public.
SAT mapping rule:
- Showcase bám taxonomy SAT (Reading & Writing, Math), không ép thành 4 skill giống IELTS.
Showcase mode rule:
- User chuyển giữa attempt_preview và scoring_preview ở mỗi cụm SAT.
Attempt-to-result bridge rule:
- Trong tab Làm bài, luôn có result teaser panel để mời user chuyển sang tab Kết quả.
- Click teaser sẽ mở thẳng tab Kết quả và focus vào sub-tab có liên quan nhất với gợi ý.
Result sub-tab rule:
- Tab Kết quả dùng sub-tabbar để tách các năng lực chính theo SAT.
- Mỗi sub-tab cần có CTA rõ để user hiểu nếu vào app sẽ xem chi tiết ở đâu.
Rotation contract:
- skill_rotate_interval = 8s.
- feature_rotate_interval = 4s.
- attempt_to_result_delay = 6s khi user không tương tác.
- Hover skill selector dừng rotate skill, feature vẫn rotate.
- Hover feature showcase dừng rotate feature.
Preview-to-action rule:
- CTA từ showcase hoặc quick matrix ưu tiên đi vào lane public hoặc listing public của SAT nếu lane đó đã tồn tại.
- auth gate chỉ bật ở attempt start, first persist action, hoặc step cần personalization thực sự.
Fallback rule:
- deeplink sai chương trình quay về Self-study Hub selector.
Post-login note:
- flow sau đăng nhập quản lý tại HOME_ENG_Program_SAT_Landing_Post_Login.md và HOME_ENG_Home_Navigation_Conversion_Flow.md.

UI / Behavior

Trạng thái hiển thị chính: pre-login với Đăng nhập/Đăng ký ở header.
Program switcher cho phép chuyển nhanh giữa SAT và chương trình khác.
Skill showcase của SAT ưu tiên truyền đạt rõ sự khác nhau giữa phần làm bài và phần chấm bài, đồng thời minh bạch từng năng lực qua sub-tab trong Kết quả.
Tab Làm bài mặc định ở trạng thái đã nộp, có teaser điểm/gợi ý để kéo user sang Kết quả.
Tab Kết quả dùng sub-tab để tránh dồn quá nhiều nội dung vào một khối.
CTA vào app giữ returnTo để user về đúng context SAT sau auth.
Không mô tả CTA cá nhân hóa kiểu Tiếp tục học trong landing SAT pre-login.

Data model / API touchpoints

showcase_mode = attempt_preview | scoring_preview.
showcase_primary_tab = attempt_preview | scoring_preview.
showcase_result_feature (SAT):
- multi_criteria_score
- linear_thinking_explanation
- error_feedback
- upgrade_strategy
- vocabulary_concept_suggestion
- leaderboard_context
rotation_contract:
- skill_interval_seconds = 8
- feature_interval_seconds = 4
- attempt_to_result_delay_seconds = 6
- pause_scope = skill_selector | feature_showcase
entry_source từ showcase:
- quick_access | assigned_challenge | recommendation.

References

Change log

2026-02-08: Nâng cấp Skill Experience Showcase SAT với kiến trúc 2 tầng tab, result teaser, và result sub-tabbar.
2026-02-08: Bổ sung core value theo hai cụm Reading & Writing và Math theo logic SAT.
2026-02-08: Thêm contract attempt_to_result_delay và showcase_result_feature cho SAT pre-login.
2026-02-08: Làm rõ Elements / Scope theo format Là gì / Mục đích / Hoạt động cho từng block landing SAT pre-login.
2026-02-07: Thêm section Skill Experience Showcase cho SAT theo taxonomy Reading & Writing, Math.
2026-02-07: Chốt interaction contract auto-rotate 8s/4s và hover pause cho SAT showcase.
2026-02-07: Bổ sung contract mode attempt_preview/scoring_preview và scoring capability cho SAT pre-login.