02 — INTRO
測試產品 在它正式面世之前。
軟件開發中最昂貴的一句話是：「上線後再改吧。」在 Figma 裡花一小時就能修改的事，寫成代碼要耗費一個 sprint，到了正式環境更要拖上一個季度。製作原型能將犯錯成本降到最低：可點擊的原型無論外觀和操作都貼近成品，讓用戶能在開發團隊投入編程前，實際嘗試真實操作任務，也讓利益相關者對真實效果作出反饋。
我們根據決策所需製作不同精細度的原型：從快速梳理結構的灰階流程，到像素級還原細節以供測試和確認簽批的互動原型。觀察五位用戶在原型上操作任務，往往能乾脆俐落地解決會議中爭持不下的問題。投資者和董事會亦看重這點：一份簡報只能描述產品，但原型卻能實質展示產品運作。每個原型都採用組件邏輯構建，能無縫銜接至設計系統，絕無浪費。
03 — WHAT'S INCLUDED
包含項目
可點擊操作的 Figma 原型
視覺與操作體驗如同成品的完整流程。
忠於核心目標
以灰階確立結構，以高保真設計落實定案。
用戶驗證
任務導向測試，附錄影記錄及分析結果。
持份者演示
能夠一錘定音、結束會議的論據。
組件邏輯
原型組件無縫融入設計系統。
調查結果報告
開發前需調整的項目（按優先次序排列）。
04 — PROCESS
流程
- 01
項目範疇
涉及哪些流程、哪些決策。
- 02
開發
製作合適保真度的原型。
- 03
測試
用戶嘗試執行真實任務。
- 04
持續迭代
在 Figma 修正，而非寫入代碼才改。
- 05
提交
待開發的已驗證流程。
06 — FAQ
常見問題
最快多久能完成 prototype？
視乎精細度與畫面數量，核心流程的可點擊原型（clickable prototype）一般需時 1 至 3 星期。
正式開發後，製作 prototype 的心血會白費嗎？
不會。原型建立在日後構成設計系統的同一批組件之上，工作成果可直接套用到正式生產設計。
我們可以用它來進行融資嗎？
客戶經常這樣做。逼真的原型能夠生動呈現產品，效果遠勝簡報。