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

DOL English Home - Navigation and Conversion Flow

DomainsDOL EnglishUX2.218 words11 min read
activebyDOL Product Design

DOL English - Navigation and Conversion Flow (Home & Discovery)

Phần tiêu đề “DOL English - Navigation and Conversion Flow (Home & Discovery)”

Purpose

Phần tiêu đề “Purpose”
  • Vấn đề: Flow điều hướng cần phản ánh đúng vai trò của Home: giới thiệu nhanh platform và đưa user vào đúng flow hành động.
  • Đối tượng chính: User public và các flow auth/post-auth cần trả user về đúng learning context.
  • Tín hiệu thành công: Tăng tỷ lệ hoàn thành conversion path từ Home vào course flow hoặc self-study flow.

Reading Rule

Phần tiêu đề “Reading Rule”

Shell Fit

Phần tiêu đề “Shell Fit”
  • File này chỉ giữ routing logic của Home như một launcher/orchestration surface.
  • Program Landing vẫn là owner surface cho strategy theo từng program; Exercise Bank và Practice Flow mới là nơi self-browse và execution diễn ra sau handoff.
  • Ở pre-login, public header chỉ giữ logo + program/discovery entry + auth CTA; Trải nghiệm học / Kho bài tập / Khóa học chỉ bắt đầu ở program page layer, không phải global navbar của Home.

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

Phần tiêu đề “Experience Narrative (Ý tưởng tổng quan)”

Flow của DOL English Home theo nguyên tắc single home, clear next action. Home không đi sâu đặc tả feature-level mà chỉ giữ lớp định tuyến. User từ pre-login được dẫn vào đường hành động phù hợp với intent; khi user đi qua auth hoặc quay lại app, hệ thống ưu tiên trả user về đúng program workspace hoặc returnTo hợp lệ thay vì mở thêm một overview page riêng.

Mạch chung là: tại pre-login user chọn hướng học phù hợp, qua auth khi cần, rồi vào layer chương trình/bank hoặc flow khóa học. Sau login, root của DOL English chỉ làm nhiệm vụ resolve context (returnTo, last meaningful program workspace, hoặc fallback program/discovery phù hợp). Các hook học tập sâu như Today, Continue, Due queue, Goal, hay Recognition không còn thuộc Home; chúng sống ở Program Workspace và owner modules bên dưới.

Elements / Scope

Phần tiêu đề “Elements / Scope”
  • Entry points:
    • SEO/organic,
    • campaign links,
    • returning traffic,
    • header discovery/program entry.
  • Core flows trong phạm vi:
    • Home Pre-login -> Course CTA -> Consultation/Assessment/Enrollment flow.
    • Home Pre-login -> Program Landing Pre-login -> public lane/listing hoặc auth-protected route phù hợp.
    • Home Pre-login -> Feature CTA (CM/LM/VOC) -> public overview/lane nếu tồn tại, nếu không thì auth -> module route.
    • Auth success -> valid returnTo -> chosen lane / object route.
    • Auth success -> no valid returnTo -> last meaningful program workspace.
    • Post-login root -> same program root khi deep target lỗi thời.
    • Post-login root -> single valid active program workspace hoặc onboarding / program choice / discovery.
    • Program set hiện tại:
    • IELTS, SAT, TOEIC, Tự học giao tiếp.

Logic

Phần tiêu đề “Logic”
  • Home scope rule:
    • Home chỉ định tuyến hành động, không làm thay layer chi tiết.
  • Home main-question rule:
    • Flow của Home phải giúp user ra một quyết định vào lane tiếp theo.
    • Progress/community/recognition flow từ Home chỉ được làm bằng chứng hoặc closure nhẹ, không được cướp vai route decision chính.
  • Course lane rule:
    • CTA khóa học map theo intent:
      • tìm hiểu -> xem thông tin phù hợp,
      • cần hỗ trợ -> nhận tư vấn,
      • sẵn sàng hành động -> đặt lịch/đăng ký.
  • Self-study lane rule:
    • Program title click -> program landing canonical.
    • Lane entry click -> ưu tiên program-local lane hoặc bank listing public nếu tồn tại; chỉ auth khi user bắt đầu action sâu cần quyền cá nhân hóa/lưu dữ liệu.
    • Program quick access order có memory priority:
      • current in-progress program,
      • goal_program,
      • last explicit program intent,
      • curated/trending fallback.
  • Feature lane rule:
    • CTA từ Course Management, Learning Management, Vocabulary Notebook đi vào public overview/lane tương ứng nếu có; chỉ auth-first nếu lane đó chưa có browse public hợp lệ.
  • Public header program-entry rule:
    • Header program/discovery entry ở pre-login chỉ mang nghĩa chọn program để khám phá, không phải logged-in context switcher.
    • Control này không được kéo Trải nghiệm học / Kho bài tập / Khóa học / QLLT / STV lên thành global feature nav ngang hàng.
  • Auth + returnTo rule:
    • Auth success ưu tiên returnTo hợp lệ.
    • Nếu returnTo không hợp lệ/hết hiệu lực, fallback theo thứ tự:
      • route hợp lệ gần nhất trong cùng skill/program,
      • route hợp lệ ở cấp program,
      • onboarding / program choice / discovery.
  • Post-login root resolver rule:
    • Root sau login không phải action dashboard hay summary page.
    • Nó chỉ resolve user vào:
      • returnTo hợp lệ,
      • last meaningful program workspace,
      • same program root nếu deep target lỗi thời,
      • single valid active program,
      • hoặc onboarding / program choice / discovery.
  • Post-login ownership boundary:
    • Today, Continue, Due queue, Goal, Recognition, hay AI entry sau login không thuộc Home nữa.
    • Những surface này sống ở Program Workspace hoặc owner module tương ứng.
  • Cross-program aggregate rule:
    • Không có Home post-login hay Global Today overview làm shell mặc định.
    • Cross-program aggregation chỉ được sống như scope toggle trong một vài view đủ điều kiện, bắt đầu từ schedule / calendar.
  • Result impact rule:
    • PRA Result sync LM luôn.
    • Vocabulary sync theo điều kiện.
  • Anti-duplication rule:
    • Home/flow không thay role analytics sâu của LM/CM/VOC, và cũng không được tái tạo Program Workspace.

Complex Component Logic (Chi tiet thanh phan phuc tap)

Phần tiêu đề “Complex Component Logic (Chi tiet thanh phan phuc tap)”

Unified Home Entry Routing

Phần tiêu đề “Unified Home Entry Routing”

Đây là logic trung tâm của Home flow: user vào một trang nhưng có nhiều đường hành động rõ ràng.

Cách hoạt động:

  • User chọn trực tiếp giữa CTA khóa học, CTA tự học, hoặc CTA tính năng nền tảng.
  • Hệ thống ghi nhận entry_source để tối ưu thứ tự block theo hành vi.
  • User có thể đổi hướng trong cùng phiên mà không mất ngữ cảnh.

Boundary:

  • Không để flow vòng lặp khó hiểu giữa các CTA.
  • Mỗi CTA phải có owner route rõ ràng.
  • Không biến Home public thành full feature navbar; Home chỉ launch user vào program page layer hoặc course flow phù hợp.

Auth + returnTo Routing

Phần tiêu đề “Auth + returnTo Routing”

Auth là điểm chuyển trạng thái bắt buộc cho nhiều đường vào.

Cách hoạt động:

  • Khi click entry cần quyền, hệ thống lưu returnTo context (program, bank, module).
  • Đăng nhập thành công:
    • nếu returnTo hợp lệ -> vào đích đã chọn,
    • nếu không hợp lệ/hết hiệu lực -> fallback theo ladder same skill/program -> program route -> onboarding / program choice / discovery.

Boundary:

  • Không dead-end sau login.
  • Không redirect mù sang context khác.

Header Program Entry to Bank

Phần tiêu đề “Header Program Entry to Bank”

Header discovery/program entry là lối vào nhanh ngoài CTA body. Trong tracking hoặc metadata cũ, source này vẫn có thể giữ tên legacy discover_menu.

Cách hoạt động:

  • Item menu cấp 1 map theo program.
  • Sau khi vào program landing, user mới thấy triad Trải nghiệm học / Kho bài tập / Khóa học hoặc lane entry tương ứng.
  • Chỉ khi public lane/listing có sẵn thì header/discovery entry mới được map sâu hơn vào program + skill.
  • Mapping lỗi -> fallback về program landing đúng context.

Boundary:

  • Header discovery/program entry không thay role của program landing.
  • Nó không được đọc như feature nav ngang hàng của Home public.

UI / Behavior

Phần tiêu đề “UI / Behavior”
  • Pre-login:
    • First viewport phải có CTA rõ cho cả khóa học và tự học.
    • Public header phải ngắn, program-led, và không cạnh tranh với body-level feature reveal.
    • CTA vào module tự học hoặc feature-level phải tuân thủ browse-first nếu public lane tồn tại; auth chỉ bật ở attempt start, first persist action, hoặc step cần personalization thực sự.
  • Post-login:
    • Root sau login chỉ resolve đúng context, không mở action dashboard riêng.
    • User nên quay lại program workspace gần nhất hoặc returnTo hợp lệ trong ít bước nhất.
    • Nếu không có context hợp lệ, fallback phải rõ ràng và không fabricate thêm summary surface.
  • Chỉ chốt behavior contract; không đi vào pixel/UI implementation.

Data model / API touchpoints

Phần tiêu đề “Data model / API touchpoints”
  • home_state = pre-login | post-auth-resolver.
  • entry_source = home_hero | course_block | selfstudy_block | platform_pillars | quick_access | recommendation | discover_menu | direct_link.
  • home_entry_type = course_enrollment | self_study_program | self_study_lane | feature_module_entry.
  • return_to_context = program_landing | exercise_bank | module_route | deep_object.
  • return_to_fallback_policy = nearest_valid_same_skill_or_program -> program_route -> onboarding_or_program_choice.
  • post_login_root_resolution_source = return_to | last_meaningful_program | same_program_root | single_valid_program | onboarding_or_program_choice.
  • preferred_program_source = in_progress | goal_program | last_explicit_intent | curated_fallback.

State model / Edge cases

Phần tiêu đề “State model / Edge cases”
  • Anonymous click self-study entry: nếu lane/listing public tồn tại thì đi public trước; nếu click action sâu cần quyền thì mới redirect auth + returnTo.
  • Anonymous click feature CTA: nếu có public overview/lane thì đi public trước; nếu không có thì redirect auth + returnTo module.
  • Anonymous click course consultation: lead flow; auth tùy step.
  • Authenticated vào pre-login URL: redirect theo returnTo hoặc canonical post-login root resolver.
  • Deeplink sai program/bank: fallback về program landing tương ứng.
  • Premium entry thiếu quyền: flow permission/upsell.
  • No history: fallback sang single valid program hoặc program choice / discovery, không fabricate overview page.

Metrics / Analytics

Phần tiêu đề “Metrics / Analytics”
  • home_prelogin_course_cta_click_rate
  • home_prelogin_selfstudy_cta_click_rate
  • home_prelogin_feature_cta_click_rate
  • home_prelogin_auth_start_rate
  • home_auth_return_completion_rate
  • post_login_root_restore_success_rate
  • post_login_root_to_first_action_rate
  • post_login_root_fallback_distribution
  • discover_menu_to_bank_click_rate
  • attempt_to_result_completion_rate

References

Phần tiêu đề “References”

Change log

Phần tiêu đề “Change log”
  • 2026-03-27: Bỏ Home post-login khỏi active conversion flow; sau login, DOL English chỉ resolve returnTo -> last meaningful program workspace -> fallback program/discovery, còn Today/Goal/Recognition thuộc Program Workspace.
  • 2026-03-27: Đồng bộ pre-login navigation với canon mới: public header chỉ giữ logo + program/discovery entry + auth CTA, triad trải nghiệm học / kho bài tập / khóa học chỉ bắt đầu ở program page layer, và CTA pre-login chuyển sang browse-first khi lane public tồn tại.
  • 2026-03-25: Đồng bộ returnTo fallback của Home flow với canon mới: same skill/program -> program route -> Home, không fallback thẳng về Home nữa khi context protected đã hết hiệu lực.
  • 2026-03-14: Đồng bộ flow Home theo 5 retention hooks; đổi mission surface thành today plan surface, thêm continue/due queue, weekly goal/target countdown, và phase-weighted surfacing cho streak.
  • 2026-03-11: Đồng bộ flow với contract Home = one main decision; các nhánh progress/community/recognition chỉ còn là support flow cho route decision.
  • 2026-03-11: Bổ sung flow/data contract cho preferred_program_source ở Home quick access và khóa label global rank teaser về Learning Points.
  • 2026-03-10: Cập nhật flow post-login theo Mission & Suggestions Surface, Weekly Community Mission, và Recognition Strip; giữ Home ở vai trò action router nhưng bổ sung closure loop cho engagement.
  • 2026-03-09: Bổ sung flow guardrail cho community/leaderboard entry từ Home: points/rank current-period only, không phụ thuộc account level.
  • 2026-02-14: Thu gọn flow để tập trung đúng scope Home DOL English và loại bỏ nội dung ngoài Home.
  • 2026-02-14: Giữ flow unified cho course + self-study + feature module entry trên cùng trang chủ.
  • 2026-02-18: Bổ sung no-history entry flows, block-level CTA ownership, và on-demand AI Tutor rule trên Home.
  • 2026-02-18: Bỏ required-item shortcut, chuyển sang suggested-action optional route (không penalty).
  • 2026-02-18: Thêm flow lock-state + popup nâng cấp cho AI-CTA của free user và quy tắc empty-state ordering theo course status.