排行榜#

頁面位置#

/leaderboard

功能說明#

排行榜展示所有平台用戶的等級和經驗值排名，透過遊戲化設計激勵學員持續學習。

頁面結構#

排名列表#

顯示所有用戶的排名資訊，包含：

排名欄位：

  • 名次 - 1st, 2nd, 3rd… 依經驗值由高到低排列
  • 用戶頭像 - Google 帳號頭像或預設頭像
  • 用戶名稱 - 顯示名稱
  • 等級 - Lv.1 到 Lv.36
  • 經驗值 - 累積的總 XP
  • 稱號 - 根據等級顯示不同稱號

特殊標記#

前三名特別顯示：

  • 🥇 第一名：金色獎牌
  • 🥈 第二名：銀色獎牌
  • 🥉 第三名：銅色獎牌

當前用戶高亮：

  • 自己的排名會以不同顏色背景標示
  • 方便快速找到自己的位置

排名計算邏輯#

排序規則#

  1. 主要排序：經驗值（XP）

    • 經驗值越高，排名越前
    • 例如：10,000 XP > 5,000 XP

  2. 次要排序：等級

    • 如果經驗值相同，等級高者排前面
    • 例如：同樣 5,000 XP，Lv.15 > Lv.14

  3. 第三排序：註冊時間

    • 如果經驗值和等級都相同，先註冊者排前面（目前未實現）

即時更新#

排行榜會根據用戶的最新狀態即時更新：

  • 領取影片獎勵後，經驗值立即增加
  • 完成道館挑戰後，經驗值增加
  • 升級後，等級更新
  • 重新整理頁面即可看到最新排名

等級系統#

等級範圍#

平台共有 36 個等級（Lv.1 - Lv.36），每個等級需要的累積經驗值不同：

  • Lv.1: 0 XP
  • Lv.2: 200 XP
  • Lv.3: 500 XP
  • Lv.4: 1,500 XP
  • Lv.5: 3,000 XP
  • …
  • Lv.36: 65,000 XP（最高等級）

升級機制#

自動升級：

  • 當經驗值達到下一個等級的門檻時，自動升級
  • 不需要手動操作

升級通知：

  • 領取獎勵時如果達到升級門檻，會顯示升級動畫
  • 顯示「恭喜升級到 Lv.X！」訊息

升級獎勵：

  • 等級提升本身就是成就
  • 在排行榜上的排名會上升
  • 部分高等級可能解鎖特殊功能或課程（未來功能）

稱號系統#

根據等級和經驗值，用戶會獲得不同稱號：

入門階段（Lv.1-5）：

  • 新手冒險者
  • 初級學習者

中級階段（Lv.6-15）：

  • 中級冒險者
  • 學習探索者

高級階段（Lv.16-25）：

  • 高級冒險者
  • 技術專家

專家階段（Lv.26-36）：

  • 技術大師
  • 領域專家
  • 編程宗師

查看權限#

公開資訊： 排行榜對所有人開放，包含：

  • 未登入的訪客也可以查看
  • 顯示所有用戶的公開資料

隱藏資訊： 以下資訊不會在排行榜上顯示：

  • 用戶的 Email
  • 已購買課程清單
  • 學習進度詳情
  • 挑戰提交記錄

範例說明#

排行榜快照#

╔════╦══════════════╦════════╦═══════╦═══════════════╗
║ 名次 ║   用戶名稱    ║  等級   ║  經驗值 ║     稱號      ║
╠════╬══════════════╬════════╬═══════╬═══════════════╣
║ 🥇 ║ Elliott Chen ║ Lv.19 ║ 31,040║ 技術專家      ║
║ 🥈 ║ Ken Wu       ║ Lv.18 ║ 29,130║ 高級冒險者    ║
║ 🥉 ║ Clark Lee    ║ Lv.17 ║ 27,260║ 高級冒險者    ║
║  4 ║ Diana Wang   ║ Lv.15 ║ 15,500║ 中級冒險者    ║
║  5 ║ Frank Lin    ║ Lv.10 ║  8,000║ 中級冒險者    ║
║  6 ║ 小美 (你)     ║ Lv.2  ║    800║ 新手冒險者    ║  ← 高亮顯示
╚════╩══════════════╩════════╩═══════╩═══════════════╝

小美的進步#

第一週：

  • 排名：第 10 名
  • 等級：Lv.1
  • 經驗值：0 XP

第二週：完成 2 支影片

  • 排名：第 8 名 ⬆️
  • 等級：Lv.2
  • 經驗值：150 XP

第一個月：完成 1 個道館

  • 排名：第 6 名 ⬆️
  • 等級：Lv.4
  • 經驗值：800 XP

三個月後：完成整門課程

  • 排名：第 3 名 🥉
  • 等級：Lv.15
  • 經驗值：15,000 XP
  • 稱號：中級冒險者

透過排行榜，小美可以隨時看到自己的進步，也能和其他學員比較，激勵自己持續學習！

激勵機制#

社交壓力#

看到其他人的進度，會激勵自己：

  • 「我也要完成更多課程！」
  • 「再努力一點就能進前十名了！」

成就感#

每次提升排名都會帶來成就感：

  • 「我從第 20 名進步到第 15 名了！」
  • 「我終於超越某某某了！」

目標設定#

可以設定明確的短期目標：

  • 「這週要進步 3 個名次」
  • 「下個月要進入前十名」
  • 「年底前要達到 Lv.20」

公平性設計#

防止作弊：

  • 經驗值只能透過完成任務獲得
  • 系統會檢查觀看進度真實性
  • 批改系統確保挑戰答案正確

新手保護：

  • 排行榜不會特別標註「最後一名」
  • 所有排名都以正面方式呈現
  • 重點在進步而非競爭

持續學習獎勵：

  • 經驗值永不歸零
  • 即使暫停學習，排名也不會下降
  • 隨時可以回來繼續累積
Backward 挑戰地圖 個人資料 Forward