Prototype
一句話定義
設計思考 第四階段——將團隊想法快速具體化以與使用者進行溝通；原型可以是任何東西（空間、物品、介面、角色扮演、故事板、便利貼牆），重點是讓團隊快速從中學習。
核心要點
Mindset
- 確定每個點子背後對使用者的假設
- 依重要性排序這些假設，找出關鍵假設
- 設計讓使用者於操作、互動、沉浸中可以驗證該假設的模型
「Prototype as if you know you are right」
這句箴言的前半段適用於 Prototype 階段：放膽嘗試、相信自己的點子、做就對了；質疑與小心求證留給 Test 階段。
為什麼製作原型
- 有效溝通：讓團隊成員與使用者具體理解抽象概念
- 解決歧見：A 功能好還是 B 功能好？做出來測就知道
- 進一步了解使用者：原型過程會迫使團隊深化使用者理解
- 探索新點子：動手做有助於思考
- 快速低成本失敗：粗糙的原型讓團隊敢於失敗
- 推進流程：避免卡在「概念與想法階段」
單一假設 → 單一原型
不要把多重假設放在同一個原型測。原型過於精細時，使用者反而會被介面干擾——他可能說「喜歡這個 APP」是因為介面美而不是功能。粗糙是優點：去除干擾，聚焦在被驗證的假設上。
早期產品概念驗證
在產品團隊 腦力激盪 後，prototype 不必立刻進入完整 user flow 或 high fidelity 介面。若目標是驗證新功能方向是否值得繼續投入，可先使用更低成本的概念驗證：
| 方法 | 用途 |
|---|---|
| Storyboard | 用 6 格左右的低保真漫畫呈現使用場景與早期螢幕，快速測試使用者是否對 product idea 有興趣。 |
| Prototype testing | 只做幾個核心 screen 讓使用者觀看或互動，取得早期 feedback；不用補齊所有 edge case。 |
| Fake door testing | 在現有產品中放入看似可用的新功能入口或 waiting list，用使用者點擊 / 登記行為估測需求。 |
→ 這是 腦力激盪 會後收斂的下一步：不在會議室用喜好決定功能，而是把候選方向轉成可被使用者反應檢查的低成本實驗。
生命設計中的人生原型
2026-05-14-做自己的生命設計師 把 prototype 從產品設計延伸到 生命設計：重大職涯或生活轉向前，不直接押上整段人生，而是先做低成本測試。
| 類型 | 做法 | 要學到什麼 |
|---|---|---|
| 原型訪談 | 找正在做目標職業 / 過目標生活的人，事先準備問題並問出日常、技能、困難與代價 | 想像中的工作是否接近真實工作 |
| 原型體驗 | 兼職、實習、白工、side project、短期合作或小規模試營運 | 自己是否真的喜歡並能承受那種生活節奏 |
這和產品原型共享同一個判準：原型不是迷你成品，而是學習工具。若一個人生方向只存在腦內想像，成本與風險都太高；做成可訪談、可體驗的小版本後，才有真實回饋可迭代。
互動原型工具層：Figma Smart Animate
2026-05-07-SocialMORE-UIUX設計入門-Part02 用 Figma Smart Animate 示範滑動效果：複製 frame、保持兩個界面中的元素 / 群組名稱一致，再在 Prototype 介面設定 On drag 與 Smart Animate。這類工具能讓設計師快速展示轉場、拖曳、滑動與狀態變化，也能用連結或錄影降低跨團隊溝通成本。
但工具精緻度不等於驗證品質。若目標是學習使用者需求或概念是否成立，仍應回到「單一假設 → 單一原型」與低成本實驗紀律；高保真原型適合展示互動細節，未必適合作為早期概念驗證的唯一形式。
材料分類（魯奇推薦）
| 類別 | 例子 |
|---|---|
| 點 | 球狀物、方塊 |
| 線 | 棉線、麻繩、鐵絲、木棍 |
| 面 | 紙張、布 |
| 連接材 | 膠帶、膠水 |
案例光譜
| 原型類型 | 案例 |
|---|---|
| 簡易網站 + 視訊鏡頭錄製 | IOH（驗證「臺灣學子需要海內外經驗分享」假設） |
| 紙板 + 角色扮演 | iPhone APP 原型（紙板剪成手機外型 + 真人扮演 APP） |
| 紙模型 + 釘書機 | FlipBag 翻轉包（壁報紙 + 膠水 + 釘書機 + 拉鍊） |
| 虛擬實境 | HTC VIVE × BMW（汽車內裝、擋風玻璃、駕駛體驗） |
與其他概念的關係
- 是 設計思考 五階段的第四步；上一步 Ideate 產生候選點子，下一步 Test 驗證假設。
- 與 Test 為一對：「做的時候大膽，測的時候小心」是兩階段的精神對照。
- 與 腦力激盪：brainstorm 產生候選 idea，prototype / storyboard / fake door 把候選方向轉成早期概念驗證。
- 與 Figma / 微互動：Figma Smart Animate 可把微互動與頁面轉場做成可分享 prototype，但應服務驗證或溝通，不是為了炫技。
- 與 生命設計：原型訪談與原型體驗把「人生方向」也變成可測試假設，避免把轉職、搬遷、創業或生活轉向變成一次性豪賭。
相關來源
- 2026-05-07-SocialMORE-UIUX設計入門-Part02 — Figma Smart Animate 滑動原型教學；補入互動原型工具層
- 2026-05-14-做自己的生命設計師 — 補入 生命設計 中的原型訪談 / 原型體驗，將 prototype 延伸到職涯與生活方向驗證。
- 2026-05-06-AAPD-產品團隊腦力激盪發想新功能 — Debby-Hsu / AAPD-As-A-Product-Designer：補入 brainstorm 後的 early concept validation 方法（Storyboard / Prototype testing / Fake door testing）
- 2026-04-28-魯奇的設計思考工具書
備註
「Prototype」在軟體工程語境也指可棄用的代碼草稿；本頁特指設計思考的階段概念。