首頁/做出來 · 階段 4/9

階段 03

做出可看原型

符合這些=你在這:MVP 清單有了,想趕快看到畫面、讓人試走流程。

先讓畫面與流程跑起來,驗證使用者是否理解,不急著做正式架構。

為什麼這一步重要

原型工具最適合快速看方向。它能幫你發現流程、文字、資訊順序的問題,但不等於正式可維護產品。

你的任務

  • - 只做入口、核心操作、結果頁。
  • - 使用假資料驗證流程。
  • - 刪掉和核心任務無關的頁面。
  • - 把可行流程整理回 MVP 文件。

用哪個工具

Lovable 或 Bolt.new

替代:Replit / v0 做 UI 草稿

暫時別做

不要把原型直接交付客戶;正式權限、資料、安全、部署與維護要回到 repo 處理。

可以直接貼給 AI 的提示詞

貼給原型工具

會先複製,再開啟工具

請根據以下 MVP 功能清單建立一個可試用 Web App 原型。只做一條核心流程,不要加入複雜登入、付款、管理後台或報表。MVP:___。請輸出頁面、互動狀態、假資料欄位,以及哪些部分只是暫時 mock。

這一步的產出物

一條可從入口走到結果的原型流程。

自我檢查

未開始 ○

這一階要懂的+延伸

該認識的 AI 工具類型

原型工具

下一步

把有效原型收斂成正式 repo,而不是一直開新 demo。