Prototype 原型

用來驗證流程、互動或概念的早期版本。

先用一句話理解

用來驗證流程、互動或概念的早期版本。

打個比方

像樣品屋，先讓人走一遍再決定正式施工。

什麼時候會遇到

想確認使用者是否看得懂流程、客戶是否接受方向時。

再往深一點看

Prototype（原型）是在正式開發前，用最低成本重現關鍵互動流程的可點擊示範版本，目的是盡早讓真實使用者或客戶走一遍流程，發現問題再改比開發完才改便宜得多。設計原型通常在 Figma 完成，不需要寫程式；而開發原型則可能是快速部署到 Vercel 的真實程式碼，但沒有錯誤處理和安全保護。Prototype 和 wireframe 的差別在於原型可以互動——使用者點按鈕後真的跳到下一頁，而不只是靜態圖片。Prototype 驗證的是 UX 流程與使用者是否看得懂，不是技術架構是否正確，所以不應該把它直接當產品程式碼繼續延伸使用。

舉個例子

你在 Figma 做一個三步驟結帳流程的 prototype：使用者點「下一步」會跳到下一個畫面，點「返回」會回去，最後一頁按「確認付款」會顯示成功彈窗。你拿這個給五位潛在使用者試用，發現大家都找不到優惠碼在哪裡輸入，在正式開發前就能修正這個設計。

常見誤解

- 把 prototype 直接當 MVP 繼續加功能，結果在一個沒有錯誤處理、沒有資料驗證的脆弱基礎上堆產品，日後要補的技術債非常高。
- 只有設計師自己點過 prototype，沒有找目標使用者實際測試，以為流程很直覺，上線後才發現使用者完全看不懂第一步要做什麼。
- Prototype 做得太完整（加了動畫、真實資料、細緻互動），投入的時間接近真正開發，失去了「便宜驗證」的意義。