dramaling-app/docs/04_technical/user-flow-specification-old.md

25 KiB
Raw Blame History

用戶流程規格文件 (User Flow Specification)

文件概述

本文件詳細定義了戲劇化英語學習應用程式的完整用戶流程涵蓋從新用戶註冊到深度學習的所有互動路徑。基於83個UI定義和完整的功能模組架構提供開發團隊實作用戶體驗的藍圖。

主要用戶角色

  • 訪客用戶 (Guest): 未註冊/登入的用戶可享受7天免費體驗
  • 註冊用戶 (Registered): 已註冊但使用基礎功能的用戶,可購買鑽石道具
  • VIP用戶 (VIP): 簡化訂閱用戶享有每日3次免費限時挑戰等特權
  • 付費用戶 (Premium): 有購買鑽石的用戶,可使用各種道具和功能

核心用戶流程

1. 新用戶引導流程 (Onboarding Flow)

graph TD
    A[應用啟動] --> B{用戶狀態}
    B -->|未登入| C[UI_Login_Main]
    B -->|已登入| D[UI_Level_Map]
    
    C --> E[UI_SignUp_Main]
    E --> F[UI_Onboarding_Welcome]
    F --> G[UI_Onboarding_Purpose]
    G --> H[UI_Onboarding_Level]
    H --> I[UI_Onboarding_TimeSlot]
    I --> J[UI_Onboarding_Frequency]
    J --> K[UI_Onboarding_Notice]
    K --> L[UI_Onboarding_Result]
    L --> M[UI_Assessment_Test]
    M --> N[UI_Assessment_Results]
    N --> O[UI_Shop_Categories - 首次鑽石購買觸發]
    O --> P{訂閱狀態}
    P -->|完成訂閱| D
    P -->|跳過/取消| D
    
    C -->|忘記密碼| Q[UI_PasswordReset_Form]
    Q --> R[UI_PasswordReset_Popup]

流程說明

  1. 應用啟動檢查

    • 檢查用戶登入狀態
    • 已登入用戶直接進入主學習地圖
    • 未登入用戶進入登入頁面
  2. 登入/註冊階段

    • UI_Login_Main: 支援帳密登入、Apple ID、Google登入
    • UI_SignUp_Main: 新用戶註冊表單
    • UI_PasswordReset_Form/Popup: 密碼重設流程
  3. 個人化設定階段

    • UI_Onboarding_Purpose: 學習目的選擇
    • UI_Onboarding_Level: 當前語言程度
    • UI_Onboarding_TimeSlot: 偏好學習時段
    • UI_Onboarding_Frequency: 學習頻率設定
    • UI_Onboarding_Notice: 使用須知提醒
    • UI_Onboarding_Result: 個人化建議結果
  4. 語言程度測試

    • UI_Assessment_Test: 進行程度評估測試
    • UI_Assessment_Results: 顯示測試結果和建議
  5. 首次鑽石購買觸發

    • UI_Shop_Categories: 完成第一次詞彙認識關卡後自動觸發鑽石購買頁面
    • 雙軌營收模式
      • 主要鑽石貨幣系統NT$30-390套餐
      • 次要7天免費體驗 + VIP訂閱特權
      • 輔助獎勵廣告系統獲得25-50鑽石

2. 完整學習核心流程 (更新基於最新規格,包含對話糾正系統)

graph TD
    A[UI_Level_Map] --> A1{命條檢查}
    A1 -->|命條>0| B{關卡類型}
    A1 -->|命條=0| A2[UI_LifePoints_Display - 命條不足提示]
    A2 --> A3{.choice}
    A3 -->|購買補命道具| A4[UI_Shop_Item_Confirm]
    A3 -->|等待自動回復| A5[等待時間]
    A4 --> A6{鑽石足夠?}
    A6 -->|是| A7[購買成功+命條回復] --> A
    A6 -->|否| A8[UI_Insufficient_Resources] --> UI_Shop_Categories
    A5 --> A
    
    B -->|詞彙認識關卡| C[詞彙學習流程]
    B -->|詞彙熟悉關卡| D[詞彙熟練流程] 
    B -->|對話訓練關卡| E[情境對話流程]
    B -->|複習詞彙| F[間隔複習流程]
    B -->|時光關卡| G[時光挑戰流程]
    
    C --> C1[UI_Vocab_Introduction]
    C1 --> C2[詞彙展示學習]
    C2 --> C3[UI_Vocab_Choice_Practice]
    C3 --> C4{答題結果}
    C4 -->|正確| C5{全部完成?}
    C4 -->|錯誤| C6[命條-1, 題目加到最後]
    C6 --> C7{命條>0?}
    C7 -->|是| C5
    C7 -->|否| C8[關卡失敗+時光卷]
    C5 -->|是| C9[三顆星通關]
    C5 -->|否| C3
    C8 --> A
    C9 --> C10[詞彙加入複習清單] --> C11[今日任務檢查+獎勵] --> A
    
    D --> D1[UI_VocabFluency_MatchImageToWord]
    D1 --> D2[例句重組練習]
    D2 --> D3[UI_VocabFluency_SentenceReorder]
    D3 --> D4[詞彙配對練習]
    D4 --> D5{答題結果}
    D5 -->|正確| D6{全部完成?}
    D5 -->|錯誤| D7[命條-1, 題目加到最後]
    D7 --> D8{命條>0?}
    D8 -->|是| D6
    D8 -->|否| D9[關卡失敗+時光卷]
    D6 -->|是| D10[三顆星通關]
    D6 -->|否| D1
    D9 --> A
    D10 --> D11[詞彙加入複習清單] --> D12[今日任務檢查+獎勵] --> A
    
    E --> E1[UI_ScenarioDialog_GoalDetail]
    E1 --> E2[UI_Dialogue_Main]
    E2 --> E3{對話完成?}
    E3 -->|是| E4[UI_ScenarioDialog_ReplyResult]
    E3 -->|需要提示| E5[UI_ScenarioDialog_ReplyGuide]
    E5 --> E2
    E4 --> E6{評估結果}
    E6 -->|通過| E7[三顆星通關]
    E6 -->|需訂正| E8[命條-1, 進入訂正流程]
    E8 --> E9{命條>0?}
    E9 -->|是| E10[對話糾正系統流程]
    E9 -->|否| E11[關卡失敗+時光卷]
    E10 --> E6
    E7 --> E14[詞彙加入複習清單] --> E15{滿星檢查}
    E15 -->|滿星| E16[語言程度晉階進度+今日任務] 
    E15 -->|非滿星| E17[今日任務檢查+獎勵]
    E16 --> A
    E17 --> A
    E11 --> A
    
    F --> F1[UI_VocabReview_Main]
    F1 --> F2[間隔複習算法選題]
    F2 --> F3[UI_VocabReview_Main]
    F3 --> F4{答題結果}
    F4 -->|正確| F5{全部完成?}
    F4 -->|錯誤| F6[命條-1, 重複複習]
    F6 --> F7{命條>0?}
    F7 -->|是| F5
    F7 -->|否| F8[關卡失敗+時光卷]
    F5 -->|是| F9[三顆星通關]
    F5 -->|否| F3
    F8 --> A
    F9 --> F10[更新複習次數] --> A
    
    G --> G1[UI_TimeWarpChallenge_Main]
    G1 --> G2[300秒倒數計時開始]
    G2 --> G3[快速詞彙/對話挑戰]
    G3 --> G4{時間內完成?}
    G4 -->|是| G5[時光獎勵+經驗值]
    G4 -->|否| G6[挑戰失敗]
    G5 --> A
    G6 --> A

流程說明

  1. 訂閱狀態檢查 (新增)

    • 進入對話訓練關卡前檢查訂閱狀態
    • 未訂閱用戶自動跳轉到訂閱頁面 UI_SubscriptionPlans
    • 訂閱成功後解鎖對話訓練功能
  2. 命條系統檢查

    • 每次進入關卡前檢查命條數量最大5個
    • 命條不足時提示購買或等待自動回復每5小時+1個
    • 命條歸零時關卡失敗,獲得時光卷作為安慰獎勵
  3. 詞彙認識關卡流程 (C)

    • UI_Vocab_Introduction: 展示詞彙、詞義、例句、示意圖
    • UI_Vocab_Choice_Practice: 詞彙選擇題測試
    • 答錯扣除命條,題目移至最後重新測試
    • 全部正確獲得三顆星通關,詞彙加入複習清單
  4. 詞彙熟悉關卡流程 (D)

    • UI_VocabFluency_MatchImageToWord: 圖片配對練習
    • UI_VocabFluency_SentenceReorder: 例句重組練習
    • 多種練習模式強化詞彙記憶
    • 完成後詞彙進入複習系統
  5. 情境對話關卡流程 (E) (需訂閱權限)

    • UI_ScenarioDialog_GoalDetail: 顯示對話任務目標
    • UI_Dialogue_Main: 主要對話界面
    • 雙重完成條件: 劇情任務完成 + 指定詞彙使用
    • 回覆卡關輔助: UI_ScenarioDialog_ReplyGuide 三層輔助架構
    • AI評估系統: 語法、語意、流暢度三維度即時評分
    • 對話糾正系統: 完整的語法和流暢度糾正流程
    • 需要訂正時扣除命條,提供解釋和重試機會
  6. 間隔複習流程 (F)

    • UI_VocabReview_Main: 基於間隔複習算法選擇詞彙
    • 使用公式:下次複習時間 = 當日 + (2^複習次數)
    • UI_VocabReview_Main: 複習測試界面
    • 答錯重複複習,正確則更新複習次數
  7. 時光挑戰流程 (G)

    • UI_TimeWarpChallenge_Main: 300秒限時挑戰
    • 快速詞彙或對話測試
    • 時間內完成獲得時光獎勵和經驗值
    • 挑戰失敗無懲罰,可重複嘗試
  8. 特殊任務系統 (新增)

    • 每日00:00重置所有任務進度
    • 關卡結算時檢查任務完成狀態
    • 完成任務獲得經驗值獎勵並顯示結算頁面
    • 包含詞彙認識、熟悉、對話訓練、滿星對話四類任務
  9. 語言程度晉階系統 (新增)

    • 13級語言程度系統(A1→A2→B1→B2→C1→C2→最高級C2)
    • 晉階條件:前階與後階累積滿星對話訓練次數
    • 晉階後解鎖更高難度關卡和內容
    • 多維度語言能力評估:語意合適度、語法錯誤率、表達流暢度、詞彙分數

3. 詞彙學習系統流程 (Vocabulary Learning System Flow)

graph TD
    A[詞彙學習系統] --> B{學習階段判定}
    B -->|認識階段| C[詞彙認識關卡]
    B -->|熟悉階段| D[詞彙熟悉關卡] 
    B -->|對話應用| E[情境對話訓練]
    B -->|間隔複習| F[複習系統]
    
    C --> C1{命條檢查}
    C1 -->|命條>0| C2[UI_Vocab_Introduction]
    C1 -->|命條=0| C3[等待回復/購買]
    C2 --> C4[詞彙展示學習]
    C4 --> C5[UI_Vocab_Choice_Practice]
    C5 --> C6{測試結果}
    C6 -->|正確| C7{階段完成?}
    C6 -->|錯誤| C8[命條-1, 加入最後]
    C7 -->|完成| C9[進入熟悉階段]
    C7 -->|繼續| C5
    C8 --> C1
    
    D --> D1[UI_VocabFluency_MatchImageToWord]
    D1 --> D2[UI_VocabFluency_SentenceReorder]
    D2 --> D3{熟悉度測試}
    D3 -->|通過| D4[進入對話階段]
    D3 -->|需加強| D1
    
    E --> E1[情境對話中詞彙應用]
    E1 --> E2{對話完成}
    E2 -->|成功| E3[詞彙掌握完成]
    E2 -->|需重試| E1
    
    F --> F1[間隔複習算法]
    F1 --> F2[選擇到期詞彙]
    F2 --> F3[UI_VocabReview_Main]
    F3 --> F4{複習結果}
    F4 -->|記住| F5[延長間隔時間]
    F4 -->|遺忘| F6[重置間隔計數]
    F5 --> F7[更新複習次數]
    F6 --> F7
    
    C9 --> D
    D4 --> E
    E3 --> F

4. 社交與競爭流程 (Social & Competition Flow)

graph TD
    A[社交功能入口] --> B{用戶狀態}
    B -->|訪客| C[UI_SocialRanking_GuestPrompt]
    B -->|註冊用戶| D[UI_Social_Ranking]
    
    D --> E[UI_RankingDetail]
    E --> F{競爭選項}
    F -->|挑戰用戶| G[UI_TimedDialogue]
    F -->|查看好友| H[UI_PersonalCenter_FriendMain]
    
    H --> I[UI_PersonalCenter_FriendList]
    I --> J[UI_PersonalCenter_OtherUserMain]
    
    H --> K[UI_PersonalCenter_FriendSearch]
    
    G --> L[對話挑戰結果]
    L --> M[UI_LevelResult_SuccessResult]

5. 命條系統流程 (Life Points System Flow)

graph TD
    A[命條系統] --> B{當前命條數量}
    B -->|命條>0| C[正常遊戲流程]
    B -->|命條=0| D[UI_ScenarioDialog_InsufficientPopup]
    
    D --> E{用戶選擇}
    E -->|等待回復| F[顯示回復時間]
    E -->|購買命條| G[UI_Shop_Categories]
    E -->|觀看廣告| H[UI_AdOffer]
    
    F --> F1[每5小時+1命條]
    F1 --> F2{命條已回復}
    F2 -->|是| C
    F2 -->|否| F
    
    G --> G1[UI_ItemStore_ConfirmPopup]
    G1 --> G2{購買確認}
    G2 -->|確認| G3[命條+5]
    G2 -->|取消| D
    G3 --> C
    
    H --> H1[UI_AdViewing]
    H1 --> H2[UI_RewardClaim]
    H2 --> H3[命條+1]
    H3 --> C
    
    C --> I{學習過程中}
    I -->|答錯/需訂正| J[命條-1]
    J --> K{命條>0}
    K -->|是| C
    K -->|否| L[關卡失敗+時光卷]
    L --> D

6. 商業化流程 (Monetization Flow)

graph TD
    A[商業功能觸發] --> B{觸發情境}
    B -->|命條不足| C[UI_ScenarioDialog_InsufficientPopup]
    B -->|回覆提示不足| D[回覆提示道具購買確認]
    B -->|主動購買| E[UI_Shop_Categories]
    B -->|訂閱服務| F[UI_SubscriptionPlans]
    B -->|廣告獎勵| G[UI_AdOffer]
    
    C --> E
    D --> D1{鑽石是否足夠(30)}
    D1 -->|足夠| D2[購買回覆提示道具]
    D1 -->|不足| E
    D2 --> D3[返回對話並啟用輔助功能]
    D3 --> D4[UI_ScenarioDialog_ReplyGuide]
    
    E --> H[UI_ItemStore_ConfirmPopup]
    H --> I{購買確認}
    I -->|確認| J[處理購買]
    I -->|取消| K[返回商店]
    
    F --> L[UI_PaymentFlow]
    L --> M[UI_Subscription_Result]
    
    G --> N[UI_AdViewing]
    N --> O[UI_RewardClaim]
    
    J --> P[UI_PurchasedContent]
    M --> Q[返回主功能]
    O --> Q

7. 個人中心流程 (Personal Center Flow)

graph TD
    A[UI_Profile_Dashboard] --> B{功能選擇}
    B -->|詳細統計| C[UI_PresonalCenter_dd_Detail]
    B -->|個人設定| D[UI_PersonalCenter_Settings]
    B -->|好友管理| E[UI_PersonalCenter_FriendMain]
    B -->|訪客狀態| F[UI_PersonalCenter_GuestPrompt]
    B -->|功能鎖定| G[UI_PersonalCenter_Locked]
    
    E --> H[UI_PersonalCenter_FriendList]
    E --> I[UI_PersonalCenter_FriendSearch]
    
    H --> J[UI_PersonalCenter_OtherUserMain]
    
    F --> K[UI_Login_Main]

8. 語言程度晉階流程 (Language Level Advancement Flow) (新增)

graph TD
    A[對話訓練滿星完成] --> B[更新晉階進度]
    B --> C{當前語言程度}
    C -->|1級A1| D[檢查後階進度10/10]
    C -->|2-3級A2| E[檢查前階15+後階10]
    C -->|4-6級B1| F[檢查前階15+後階10]
    C -->|7-8級B2| G[檢查前階15+後階10]
    C -->|9-11級C1| H[檢查前階15+後階10]
    C -->|12級C2| I[檢查前階15+後階10]
    C -->|13級最高級| J[已達最高級]
    
    D --> K{後階完成?}
    E --> L{前階+後階完成?}
    F --> L
    G --> L
    H --> L
    I --> L
    
    K -->|是| M[UI_LanguageLevel_LevelUp]
    K -->|否| N[更新進度顯示]
    L -->|是| M
    L -->|否| N
    
    M --> O[程度提升+解鎖新關卡]
    N --> P[返回學習地圖]
    O --> P
    J --> P

語言程度系統規格

13階層架構

  • 1級 (A1): 後階10次滿星對話訓練
  • 2-3級 (A2): 前階15次 + 後階10次滿星對話訓練
  • 4-6級 (B1): 前階15次 + 後階10次滿星對話訓練
  • 7-8級 (B2): 前階15次 + 後階10次滿星對話訓練
  • 9-11級 (C1): 前階15次 + 後階10次滿星對話訓練
  • 12級 (C2): 前階15次 + 後階10次滿星對話訓練
  • 13級 (最高級C2): 已達最高語言程度

評估指標

  • 語意合適度
  • 語法錯誤率
  • 表達流暢度
  • 詞彙分數

9. 特殊任務系統流程 (Daily Mission System Flow) (新增)

graph TD
    A[關卡結算時] --> B[檢查今日任務進度]
    B --> C{任務類型}
    C -->|詞彙認識關卡通關| D[更新任務1進度]
    C -->|詞彙熟悉關卡通關| E[更新任務2進度]
    C -->|對話訓練關卡通關| F[更新任務3進度]
    C -->|對話訓練滿星| G[更新任務4進度]
    
    D --> H[檢查任務完成狀態]
    E --> H
    F --> H
    G --> H
    
    H --> I{任務完成?}
    I -->|是| J[UI_Mission_RewardResult]
    I -->|否| K[返回學習地圖]
    
    J --> L[獲得經驗值獎勵]
    L --> K
    
    M[每日00:00] --> N[重置所有任務進度]
    N --> O[任務狀態初始化]

今日任務規格

任務清單

  1. 詞彙認識任務: 成功闖關1次詞彙認識關卡 → 經驗值獎勵
  2. 詞彙熟悉任務: 成功闖關1次詞彙熟悉關卡 → 經驗值獎勵
  3. 對話訓練任務: 成功闖關1次對話訓練關卡 → 經驗值獎勵
  4. 完美對話任務: 在對話訓練關卡獲得滿星分數1次 → 經驗值獎勵

重置機制: 每日00:00自動重置所有任務進度

獎勵時機: 關卡結束時進行任務完成判定,完成則顯示獎勵結算頁面

10. 鑽石貨幣系統流程 (Diamond Currency System Flow) (更新)

graph TD
    A[鑽石需求觸發] --> B{觸發情境}
    B -->|命條不足需補充| C[UI_LifePoints_Display]
    B -->|回覆提示需求| D[UI_Cost_Confirm_Popup - 30鑽石]
    B -->|限時挑戰入場| E[UI_Cost_Confirm_Popup - 50鑽石]
    B -->|加時道具| F[UI_Cost_Confirm_Popup - 300鑽石]
    B -->|主動購買| G[UI_Shop_Categories]
    
    C --> C1{選擇}
    C1 -->|購買補命道具| C2[UI_Shop_Item_Confirm - 100鑽石]
    C1 -->|等待自動回復| C3[等待時間]
    
    D --> D1{鑽石足夠?}
    D1 -->|足夠| D2[購買成功] --> D3[UI_Reply_Assistance]
    D1 -->|不足| H[UI_Insufficient_Resources]
    
    E --> E1{鑽石足夠?}
    E1 -->|足夠| E2[入場成功] --> E3[UI_TimeWarp_Cards]
    E1 -->|不足| H
    
    F --> F1{鑽石足夠?}
    F1 -->|足夠| F2[購買成功] --> F3[時間道具啟用]
    F1 -->|不足| H
    
    H --> G
    G --> G1{套餐選擇}
    G1 -->|新手包| G2[500鑽石 - NT$30]
    G1 -->|基礎包| G3[1200鑽石 - NT$60]
    G1 -->|價值包| G4[2500鑽石 - NT$99]
    G1 -->|豪華包| G5[5000鑽石 - NT$190]
    G1 -->|至尊包| G6[12000鑽石 - NT$390]
    
    G2 --> G7[UI_Shop_Item_Confirm]
    G3 --> G7
    G4 --> G7
    G5 --> G7
    G6 --> G7
    G7 --> G8{購買確認}
    G8 -->|確認| G9[UI_Subscription_Success]
    G8 -->|取消| G10[返回原處]

11. 300秒限時挑戰流程 (300-Second Timed Challenge Flow) (新增)

graph TD
    A[限時挑戰觸發] --> B{入場檢查}
    B -->|首次免費| C[UI_TimeWarp_Cards - 直接入場]
    B -->|非首次| D[UI_Cost_Confirm_Popup - 50鑽石]
    
    D --> D1{鑽石足夠?}
    D1 -->|足夠| C
    D1 -->|不足| E[UI_Insufficient_Resources] --> F[UI_Shop_Categories]
    
    C --> G[開始300秒倒數]
    G --> H{挑戰過程}
    H -->|需要暫停| I[UI_Cost_Confirm_Popup - 100鑽石] --> I1{購買?}
    H -->|需要加時| J[UI_Cost_Confirm_Popup - 150鑽石] --> J1{購買?}
    H -->|時間到| K[結算頁面]
    H -->|主動退出| L[UI_ChallengeLevel_ExitComfirmPopup]
    
    I1 -->|確認| M[暫停30秒] --> H
    I1 -->|取消| H
    J1 -->|確認| N[加時60秒] --> H
    J1 -->|取消| H
    
    K --> O{挑戰結果}
    O -->|成功| P[UI_Result_Success_A] --> Q[特殊獎勵獲得]
    O -->|部分成功| R[UI_Result_Success_B] --> S[一般獎勵獲得]
    O -->|失敗| T[UI_Result_Failure_A] --> U[無獎勵但可重試]

12. 簡化訂閱系統流程 (Simplified Subscription System Flow) (更新)

graph TD
    A[訂閱觸發] --> B[UI_Onboarding_Welcome - 7天免費體驗]
    B --> C{體驗期使用}
    C --> D[7天期滿提醒]
    D --> E{用戶選擇}
    E -->|續訂VIP| F[簡化訂閱確認]
    E -->|不續訂| G[回到基礎功能]
    
    F --> H[VIP特權啟用]
    H --> I[每日3次免費限時挑戰]
    I --> J[其他VIP專屬功能]

#### 訂閱系統規格

**訂閱方案**
- **月費訂閱**: 600元/月
- **測試優惠**: 內部測試期間享2折優惠
- **訪客支援**: 支援訪客透過設備ID直接訂閱

**權限控制**
- 對話訓練關卡需要訂閱權限
- 詞彙認識和熟悉關卡免費開放
- 其他功能按需設定權限

### 13. 對話糾正系統詳細流程 (Dialog Correction System Flow) *(新補充)*

```mermaid
graph TD
    A[AI評估發現問題] --> B{問題類型}
    B -->|語法錯誤| C[UI_Correction_Grammar_Retry]
    B -->|流暢度不足| D[UI_Correction_Fluency_Practice]
    
    C --> C1[UI_DialogCorrection_SyntaxExplanation_Play]
    C1 --> C2{用戶選擇}
    C2 -->|查看詳細解釋| C3[UI_DialogCorrection_SyntaxRetry_Play]
    C2 -->|直接重試| C4[UI_Correction_Retry_Result]
    
    D --> D1[UI_DialogCorrection_FluencyExplanation_Play]
    D1 --> D2{練習結果}
    D2 -->|需要更多練習| D3[UI_DialogCorrection_FluencyRetry_Play]
    D2 -->|練習通過| D4[UI_DialogCorrection_FluencyPass_Result]
    
    C3 --> C5{語法糾正結果}
    C4 --> C5
    C5 -->|通過| C6[UI_DialogCorrection_SyntaxPass_Result]
    C5 -->|仍有錯誤| C1
    
    D3 --> D2
    D4 --> E[UI_Correction_Pass_Result]
    C6 --> E
    
    E --> F[UI_Dialogue_Analysis]
    F --> G[返回對話主流程]

糾正系統詳細說明

語法糾正流程

  • UI_Correction_Grammar_Retry: 語法錯誤提示頁面,顯示錯誤類型和糾正建議
  • UI_DialogCorrection_SyntaxExplanation_Play: 語法解釋播放,提供語音解釋和正確示例
  • UI_DialogCorrection_SyntaxRetry_Play: 語法重試練習,引導式重新輸入和即時檢查
  • UI_DialogCorrection_SyntaxPass_Result: 語法糾正通過結果,提供學習要點總結

流暢度練習流程

  • UI_Correction_Fluency_Practice: 流暢度練習主頁面,提供練習方式選擇
  • UI_DialogCorrection_FluencyExplanation_Play: 流暢度解釋,包含語音語調示例和文化背景說明
  • UI_DialogCorrection_FluencyRetry_Play: 流暢度重試頁面,支援語音錄製和即時評分
  • UI_DialogCorrection_FluencyPass_Result: 流暢度通過結果,顯示語音評分和進度記錄

結果統整階段

  • UI_Correction_Pass_Result: 糾正通過總結,顯示本次學習重點和進展
  • UI_Correction_Retry_Result: 糾正重試結果,提供改進建議和再次嘗試選項
  • UI_Dialogue_Analysis: 對話分析頁面,進行整體評估和改進建議總結

關卡結果階段

  • UI_LevelResult_CorrectionResult: 糾正結果總覽,統計糾正次數和正確率分析
  • UI_LevelResult_DialogScoreSummary: 對話分數總結,提供多維度評分和歷史對比
  • UI_LevelResult_SuccessResult2/FailResult2: 成功/失敗結果頁面變體,提供差異化反饋
  • UI_LevelResult_RewardConfirm: 獎勵確認頁面,顯示獲得的獎勵和成就
  • UI_LevelResult_SmallReward: 小獎勵頁面,提供基礎獎勵和經驗值增加
  • UI_LevelResult_ScoreSummary/ScoreSummary2: 分數總結頁面變體,提供詳細或簡化版得分顯示

設計原則

  • 漸進式糾正: 不直接指出所有錯誤,先處理最關鍵問題
  • 多模態反饋: 結合文字、語音和視覺,適應不同學習風格
  • 個人化調整: 根據用戶程度調整糾正方式和提供針對性建議
  • 正向激勵: 著重進步而非錯誤,慶祝每個小成就

特殊流程處理

時間門票系統

graph TD
    A[需要門票功能] --> B[UI_TimeGate_ConfirmUseTicket]
    B --> C{確認使用}
    C -->|確認| D[消耗門票繼續]
    C -->|取消| E[返回上一頁]

額外任務系統

graph TD
    A[UI_BonusMission_Main] --> B{任務狀態}
    B -->|可完成| C[執行任務]
    B -->|檢視獎勵| D[獎勵預覽]
    C --> E[任務完成獎勵]

生活模擬系統

graph TD
    A[UI_PlayLife_Main] --> B{角色狀態}
    B -->|正常| C[選擇活動]
    B -->|需要維護| D[角色維護]
    C --> E[執行活動]
    E --> F[狀態更新]

導航規則

全局導航

  • 主學習地圖:UI_Level_Map
  • 個人中心:UI_Profile_Dashboard
  • 排行榜:UI_Social_Ranking
  • 商店:UI_Shop_Categories

返回機制

  • 每個子流程都有明確的返回路徑
  • 支援中途退出確認:UI_ChallengeLevel_ExitComfirmPopup
  • 保存進度機制防止資料丟失

狀態保持

  • 用戶登入狀態持久化
  • 學習進度即時保存
  • 設定偏好本地存儲

異常處理流程

網路異常

  • 顯示連線錯誤提示
  • 提供重試機制
  • 離線模式支援(部分功能)

命條不足處理

  • UI_ScenarioDialog_InsufficientPopup: 命條不足提示
  • 提供等待回復每5小時+1、購買、觀看廣告三種選擇
  • 關卡失敗時獲得時光卷作為安慰獎勵

回覆卡關情境處理 (新增功能)

  • 使用者在對話中不知道如何回應
  • 觸發UI_ScenarioDialog_ReplyGuide三層輔助介面
  • 檢查回覆提示道具庫存30鑽石/次)
  • 道具不足時引導鑽石購買流程

間隔複習系統異常

  • 複習詞彙數據同步異常處理
  • 複習算法計算錯誤回退機制
  • 詞彙掌握度評估校正

權限不足

  • 訪客提示:UI_PersonalCenter_GuestPromptUI_SocialRanking_GuestPrompt
  • 功能鎖定:UI_PersonalCenter_LockedUI_ChallengeLevel_ChoosePopupLock
  • 升級引導流程

關鍵轉換點 (Conversion Points)

  1. 註冊轉換: 訪客 → 註冊用戶
  2. 首次訂閱轉換 (新增): 完成第一次詞彙認識關卡 → 觸發訂閱頁面 → 月費訂閱(600元/月)
  3. 對話訓練權限轉換 (新增): 免費用戶嘗試對話訓練 → 訂閱提示 → 付費解鎖功能
  4. 命條系統轉換: 體驗命條限制 → 購買命條/觀看廣告 → 持續付費
  5. 回覆輔助轉換: 體驗回覆卡關 → 購買提示道具(30鑽石) → 重複使用輔助功能
  6. 特殊任務激勵 (新增): 日常學習習慣 → 每日任務完成 → 經驗值獎勵 → 持續參與
  7. 語言程度晉階 (新增): 達成滿星對話訓練 → 程度提升 → 解鎖新內容 → 長期留存
  8. 詞彙學習循環: 完成認識→熟悉→對話→複習的完整學習閉環
  9. 留存關鍵: 建立間隔複習習慣詞彙庫達到50個以上
  10. 社交激活: 添加首個好友並進行時光挑戰競爭
  11. 習慣養成: 連續7天使用應用每日完成至少一個關卡

效能考量

  • 關鍵路徑頁面載入時間 < 2秒
  • 對話評估回應時間 < 3秒
  • 回覆輔助功能回應時間 < 2秒 (新增)
  • 翻譯服務回應時間 < 1.5秒 (新增)
  • 間隔複習算法計算時間 < 0.5秒 (新增)
  • 詞彙圖片載入時間 < 1秒 (新增)
  • 命條狀態同步延遲 < 1秒 (新增)
  • 離線快取常用內容和詞彙數據
  • 漸進式載入非關鍵資源
  • 詞彙複習數據本地快取機制

無障礙支援

  • 支援螢幕閱讀器
  • 鍵盤導航支援
  • 高對比度模式
  • 文字大小調整

多語言支援

  • 介面語言切換
  • 學習內容本地化
  • RTL語言支援
  • 語音辨識多語言

本文件將隨著產品迭代持續更新,確保開發團隊始終有最新的用戶流程指引。