Prototype · 互動原型

---
doc_type: "prototype"
variant: "light"
status: "draft"
owner: "<your-name>"
last_updated: "YYYY-MM-DD"
upstream:
  required: ["wireframe", "user-flow"]
  optional: ["recruit-criteria"]
---

# Prototype Plan: <product-name>

**Status:** Draft v0.X · **Owner:** <UX name> · **Last updated:** YYYY-MM-DD

> [!IMPORTANT]
> **AI 填寫規則：** 本範本 6 段（編號 1, 2, 3, 6, 10, 12），全部必填——刻意沿用完整版章節編號讓兩版可對照。Fidelity 必為 low / mid（不浪費資源做 high）；測試任務必為 task-based（給目標、不告訴怎麼做）；嚴禁引導性語句（「這裡是不是很簡單？」= 直接 reject）；每結論行內 `（依據：wireframe §XXX / flow §YY）`；量化欄位 `[H/M/L]` badge；缺資料寫 `_TODO_` 不編造受測者 quote。

---

## 1. Executive Summary

<!-- ai-fill: 3-5 行：受測 flow、fidelity 等級、預計受測人數、最大未驗證假設 -->

<3-5 行說明>

> **TL;DR:** <一句話：本 prototype 要在 build 前驗證什麼互動>

---

## 2. Flow Steps

> [!IMPORTANT]
> **AI 填寫規則：** 用 mermaid `flowchart LR` 畫 prototype 涵蓋的主流程；節點 5-9 個；包含 ≥ 1 個 edge state 分支。

```mermaid
flowchart LR
    Start[Entry] --> S1[Screen 1]
    S1 -->|tap CTA| S2[Screen 2]
    S2 -->|success| S3[Success]
    S2 -->|error| S1
```

### Step table

| Step | Screen | User goal | Expected action | Next | Confidence |
|---|---|---|---|---|---|
| 1 | S1 | <一句目標> | tap primary CTA | S2 | **[H]** |
| 2 | S2 | <一句目標> | 填表單 + submit | S3 | **[H]** |

---

## 3. Edge State Coverage

<!-- ai-rule: 至少涵蓋 3 種 edge state（loading / empty / error 必有 1）；每條含 trigger + recovery path -->

| State | Screen | Trigger | Recovery path |
|---|---|---|---|
| loading | S2 | submit 後等待 < 2s | 顯示 spinner + 禁用 CTA |
| error | S2 | API 失敗 / 表單錯誤 | inline error + retry |
| empty | S3 | 無歷史資料 | empty illustration + CTA |

---

## 6. Test Questions（task-based）

<!-- ai-rule: 每題 task-based 情境（不告訴怎麼做）+ success criteria + ≥ 3 個 observation checkpoint；嚴禁引導語 -->

### T1: <情境名稱>

- **Scenario:** 「<例：你剛收到訂單，請取消上個月的訂閱。>」
- **Success criteria:** time ≤ 60s · clicks ≤ 4 · errors ≤ 1
- **Observation checkpoints:**
  - <可能卡住的點 1>
  - <可能卡住的點 2>
  - <可能卡住的點 3>
- **Leading-language check:** [YES] 已自審無引導語
- **Source:** wireframe §S2

### T2: ...

---

## 10. Decision Log（key 2-3 條）

<!-- ai-rule: 每條必含 chosen + 至少 1 個 rejected + 拒絕原因 -->

| Date | Decision | Options | Chosen | Rejected why | Confidence |
|---|---|---|---|---|---|
| YYYY-MM-DD | Fidelity 等級 | low / mid / high | mid | low (測不出 micro)、high (受測者視覺分心) | **[H]** |

---

## 12. Confidence & Sources & TODO

- **整份文件最低 confidence 欄位：** <列出所有 [L] 與 [M]>
- **Fabricated assumptions：**
  - <例：假設受測者裝置為 mobile + 有網路>
- **Highest-value next input:** <例：技術 spike 結果 / 競品 prototype 對標>

### Known limitations

- <例：iOS 手勢無法在 web prototype 還原>
- <例：鍵盤 a11y 在 Figma prototype 不可測>

### TODO（缺資料）

- _TODO: 需招募 5 位目標 segment 受測者_

---

> [!CAUTION]
> **輸出前 AI 自檢：**
> - [ ] 6 段 H2 章節齊全（編號 1, 2, 3, 6, 10, 12）
> - [ ] Flow steps 含 mermaid + table 兩種呈現
> - [ ] Edge state ≥ 3 種，每條有 trigger + recovery path
> - [ ] Test questions 全為 task-based（**沒引導語**）
> - [ ] 每題 ≥ 3 個 observation checkpoint
> - [ ] Fidelity 為 low / mid（**沒寫 high**）
> - [ ] Decision Log ≥ 1 條，每條有 rejected reason
> - [ ] 無 YAML / JSON schema 輸出（prototype plan 是給人讀的 markdown）