S-12 Discovery Hub Round Summary
內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限
回合結算
🎯 功能定位
這是學習閉環的終點，也是下一個循環的起點。
- 激勵：視覺化呈現積分獲取。
- 反饋：統計完成題數，不涉及正確率（避免挫敗感），強調「完成即勝利」。
- 分流：讓學生選擇「趁熱打鐵」或「休息一下」。
🧱 畫面結構
- Title:
Practice Complete! - Mascot:
[ Great Job! ]← 吉祥物慶祝動畫 (GIF) - Points:
⭐ +120 Points Earned← 本次獲得積分 (加粗/高亮) - Stats:
✅ 12 Questions Finished← 本次完成總題數 - Actions:
Continue Practice← 主操作 (再練一輪)Back to Home← 次操作 (回到首頁)
- Preview:
Today's Total: ⭐ 250← 與 S-10 同步的累計積分預覽
設計參考: 結算畫面使用綠色系營造成就感，積分使用金色高亮。
📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1 | Header | Summary Title | 明確練習已結束 | 靜態 | 建議使用具有成就感的配色 |
| 2 | Mascot | GIF Area | 播放「慶祝」動畫 | 動態 | 與獲取的積分數量聯動動畫 |
| 3 | Metrics | Points Earned | 數值從 0 跳動增加至實際值 | 動態 | 答對 1 題為 10 EXP |
| 4 | Metrics | Completed Count | 靜態顯示總題數 | 靜態 | 包含曝光、二選一與練習題 |
| 5 | Action | Continue | 點擊立即跳轉 S-11 | Normal | 重新練習 |
| 6 | Action | Back Home | 點擊跳轉 S-10 | Normal | 確認所有點數已同步至後端 |
🔁 交互流程圖
正在載入流程圖…
⚙️ 狀態管理
| 狀態 | 觸發條件 | 畫面表現 |
|---|---|---|
| Sync | 進入 S-12 | 後台完成 API 提交積分；若連線失敗緩存到 Local Storage |
| Non-Editable | 常態 | 僅展示，不提供錯題詳情或盒子狀態 |
| Dynamic Text | 根據完成題數 | < 5 題：「Good start!」；> 15 題：「You are a learning machine!」 |
🔎 邏輯自我檢查
- 正確率不顯示，強調「完成即勝利」 ✔
- 積分需即時寫入後端，失敗時本地緩存 ✔
- Continue 觸發重新抽題邏輯 ✔