S-43 Microphone Permission(Settings 子視圖)
- P1新增 +1移除 −0
第一版式樣草案 · Markdown 來源:02-App畫面-學生.mdGitHub 版本尚未推送;目前以本機手冊為準
取圖紀錄: QL APP,2026-10-18,版本
2410774734466577464;節點 5957:954 。學生 2x/Web 1x。圖片是目前設計稿,文字為 APlus 首版目標規格。 設計稿待更新(F-17): 圖中舊品牌、華語內容或待核對項目照實保留;請以本節英語文字規格為目標。設計修改後重新取圖。 原型待補: 設定頁只是麥克風開關參照,獨立系統授權提示與拒絕狀態尚無 Frame。
語音權限管理
🎨 Figma: Settings locked / unlocked 內嵌狀態 5957:954 🔗
🎯 功能定位
確保學生的語音輸入功能正常運作。它不再是獨立的設定頁,而是 S-40 unlocked 視圖中的狀態列與修復入口;S-43 ID 只用於相容既有導航和深連結。
- 狀態透明:讓學生一眼看出麥克風是否可用。
- 導航修正:當權限被關閉時,提供一鍵跳轉至系統設定的快捷路徑。
- 教學診斷:作為 Speak Studio 故障排除的第一站。
🧱 畫面結構
- Header:
< BackSettings / Microphone - Status Icon:
[ Mic Icon ]← 視覺化狀態圖示 - Status Text:
Current Status: [ Disabled ]← 狀態文字 (紅/綠色) - Description:
Why do we need this?"To use Speak Studio and practice your pronunciation, APlus needs access to your microphone."
- CTA:
[ Open System Settings ](位於 unlocked 設定子視圖) - Tips:
Note: If the mic is off, you can still use Discovery Hub (Reading).
📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1 | Status | Mic Icon | 隨權限改變顏色/形狀 | Green: OK / Red: Off | OK 為展開式,Off 為打叉式 |
| 2 | Status | Status Text | 對應系統實際權限狀態 | Enabled / Disabled | 明確文字告知 |
| 3 | Content | Description | 滾動閱讀 | 靜態 | 強調與「口說練習」的關聯 |
| 4 | Action | Settings Btn | 點擊跳轉至 OS 設定頁 | Normal | 這是修正權限的唯一路徑 |
| 5 | Tips | Fallback Hint | 告訴學生還有什麼能學 | 靜態 | 導向 Discovery Hub |
🔁 交互流程圖
正在載入流程圖…
⚙️ 狀態管理
| 狀態 | 觸發條件 | 畫面表現 |
|---|---|---|
| Permission Unknown | 未檢查 | 顯示「Not Checked」,按鈕文字「Grant Permission」 |
| Permission Denied | 用戶拒絕 | 顯示「Disabled」,按鈕文字「Open Settings」 |
| Permission Granted | 已授權 | 顯示「Enabled」,隱藏按鈕或顯示「Everything is Ready」 |
| Dynamic Detection | 從系統設定返回 | 透過 AppLifecycle 監聽自動刷新權限狀態 |
🔎 邏輯自我檢查
- 初期確認:用戶使用 App 的時候,如果沒有打開權限,則提示。
- 跨平台差異:iOS 與 Android 的跳轉邏輯略有不同,需確保 API 調用正確。
- 極簡化:對於孩子來說,視覺上專注於「麥克風不能用 → 點這個按鈕去修理」。