學生端整體流程與導航
內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限
Bottom Navigation(主結構)
🎯 功能定位
Student App 主導航結構。提供五個核心入口:
| Tab | 對應畫面 | 功能 |
|---|---|---|
| HOME | S-10 | 學習首頁:積分與吉祥物看板 |
| STUDY | S-06 | 練習選擇樞紐(Discovery Hub / Speak Studio / Trophy Room) |
| MISSION | S-07 | 每日/每週任務(賺取 Elalitte) |
| ZULU | S-08 | 吉祥物收集圖鑑(消耗 Elalitte 抽卡) |
| SETTINGS | S-40 | 個人設定(Me) |
Figma 對應: Student Page 主導航欄,5 Tab Bottom Nav Bar。
🧱 畫面結構
text
┌──────────────────────────┐
│ 內容區 │
│ (動態內容) │
│ │
├──────────────────────────┤
│ HOME │STUDY│MISSION│ZULU│SETTINGS│
└──────────────────────────┘📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1 | Bottom Nav | HOME | 切換至 S-10 | 選中高亮 | 預設頁 |
| 2 | Bottom Nav | STUDY | 切換至 S-06 | 選中高亮 | 練習選擇中樞 |
| 3 | Bottom Nav | MISSION | 切換至 S-07 | 選中高亮 | 任務系統 |
| 4 | Bottom Nav | ZULU | 切換至 S-08 | 選中高亮 | 吉祥物收集圖鑑 |
| 5 | Bottom Nav | SETTINGS | 切換至 S-40 | 選中高亮 | 帳號與設定管理 |
設計參考: 導航欄使用白色背景,active tab 使用藍色(Primary Blue),inactive tab 使用灰色(Gray 500)。
📌 積分系統
學生端有兩種積分:
| 積分 | 獲取方式 | 消耗方式 | 特性 |
|---|---|---|---|
| EXP | Discovery Hub / Speak Studio / Trophy Room 答對 1 題得 10 EXP | 不消耗 | 累積制,用於等級提升與進度展示 |
| Elalitte | MISSION Tab:每日任務 (+1) / 每週任務 (+3) | 消耗於 ZULU Tab 抽卡(前 3 次半價 5 / 之後 10) | 可重複完成任務獲得 |
📌 Session 說明(重要規則)
- Session 清單僅作為回饋與成就展示
- 學生不可自行選擇 Session
- 出題依據:
- 老師設定的 Current Session
- 盒子系統自動抽題
🔎 邏輯自我檢查
- 不允許從 Home 跳轉 Session 選單 ✔
- Session 僅展示,不可操作 ✔
- 與盒子系統設計一致 ✔
🟢 Discovery Hub Flow
模組說明
🔵 Speak Studio Flow
模組說明
🏆 Trophy Room Flow
模組說明
| 畫面 | 目的 | 備註 |
|---|---|---|
| S-30 | 檢定刷題首頁 / 榮譽室 | 題庫範圍由老師端控制 |
| S-31 | 刷題進行 / 考試頁 | 考試風格 UI、含計時 |
| S-32 | 刷題結果 / 成績報告 | 成績、正確率、題型分析 |
⚙️ Me (Settings)
模組說明
- S-40 Me(Settings 主頁)
- S-41 Profile(個人資料)
- S-41-A Change Password(修改密碼)
- S-42 Learning Reminder(學習提醒)
- S-43 Microphone Permission(麥克風權限)
- S-44 Terms & Voice Consent(條款與語音授權)