學生端整體流程與導航
第一版式樣草案 · Markdown 來源:02-App畫面-學生.mdGitHub 版本尚未推送;目前以本機手冊為準
Bottom Navigation(主結構)
🎯 功能定位
學生介面採英文。主導航提供五個核心入口:
| Tab | 對應畫面 | 功能 |
|---|---|---|
| HOME | S-10 | 學習首頁:積分與吉祥物看板 |
| STUDY | S-06 | 練習選擇樞紐(Discovery Hub / Speak Studio / Trophy Room) |
| MISSION | S-07 | 每日/每週任務(Diamond 獎勵依配置) |
| FRIENDS | S-08 | Animal Friends 收藏與故事(使用 Diamond) |
| SETTING | S-40 | 個人頁與設定入口(Me) |
Figma 對應: Student Page 主導航欄,5 Tab Bottom Nav Bar。
🧱 畫面結構
text
┌──────────────────────────┐
│ 內容區 │
│ (動態內容) │
│ │
├──────────────────────────┤
│ HOME │STUDY│MISSION│FRIENDS│SETTING│
└──────────────────────────┘📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1 | Bottom Nav | HOME | 切換至 S-10 | 選中高亮 | 預設頁 |
| 2 | Bottom Nav | STUDY | 切換至 S-06 | 選中高亮 | 練習選擇中樞 |
| 3 | Bottom Nav | MISSION | 切換至 S-07 | 選中高亮 | 任務系統 |
| 4 | Bottom Nav | FRIENDS | 切換至 S-08 | 選中高亮 | Animal Friends 收藏與故事 |
| 5 | Bottom Nav | SETTING | 切換至 S-40 | 選中高亮 | 個人頁;由右上角齒輪進入 Settings |
設計參考: 導航欄使用白色背景,active tab 使用藍色(Primary Blue),inactive tab 使用灰色(Gray 500)。
📌 積分系統
學生端有兩種積分:
| 積分 | 獲取方式 | 消耗方式 | 特性 |
|---|---|---|---|
| EXP | Discovery Hub / Speak Studio / Trophy Room 答對 1 題得 10 EXP | 不消耗 | 累積制,用於等級提升與進度展示;重考依當次答對題數重複獲得 |
| Diamond | MISSION Tab:依任務配置發放 | 用於 FRIENDS Tab 的收藏互動;數量與消耗規則待確認 | 由伺服器配置 |
📌 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(條款與語音授權)
- S-45 Parental Lock(家長鎖驗證)
S-40 是 SETTING 分頁入口,S-41 保留為同一個人資料頁的規格 ID(
493:126);右上齒輪進入設定頁(5957:954解鎖/8194:6214鎖定)。S-43 是設定中的麥克風項目,獨立系統提示原型待補;S-45 是家長鎖驗證彈窗。
虛擬銀行(第二階段)學生端通則
第二階段新增模組: 虛擬銀行是學生端第二階段的遊戲化理財模組,包含 S-100~S-105。虛擬銀行畫面使用繁體中文,其他學生畫面維持英文。
- 入口: 從 S-10 Home 的「我的存摺」入口卡片進入 S-100,不新增第六個底部分頁;原有五個分頁(HOME、STUDY、MISSION、FRIENDS、SETTING)不變。
- 貨幣: 這裡的貨幣是 Q幣,與 Mission、Animal Friends 使用的 Diamond 分開管理,不互相兌換。
- 任務: S-104 的任務是老師或管理員發布、由老師線下驗證的「班級任務(Class Quest)」,與 S-07 由系統自動判定的 Mission 分開。
- 負債警示: 現金帳戶為負時,S-100 變為紅色背景,顯示下次計息時間與預計利息,提醒學生優先處理負債;畫面使用「負債利息」,不使用「高利貸」。負債期間不能買外匯、存定存、抽機會卡、捐款或兌換獎品。
- 投資風險前置: 執行外匯買賣或定存解約前,強制顯示 3 秒「冷靜視窗」,說明匯損或罰金。
- 隱私: 排行榜只顯示前 5 名,第 6 名以後只能看到自己的名次與數值。
- 動態回饋: 收到命運事件、獎學金或簽名獎勵時,播放音效與全螢幕動畫。
- 只能由老師操作: 學生不能互相轉帳;所有發放與扣款都由老師或管理員發起。