Launch Atlas logoLaunch.Atlas
Stage · 03Design14 個交付物

設計

把規格變成可建造的藍圖

Design

設計 · 階段插圖

這個階段要回答什麼

「怎麼蓋?邊界在哪?哪些決策現在不定後面會死?」 Design 不是序列化的——UX、architecture、data design 應該並行,只在關鍵節點 freeze。

核心 freeze 點:API contract、DB schema、NFR baseline。這三個沒 freeze,FE/BE/Mobile 開做就是踩在濕地上跑。

必要產出

  • Hi-fi UI / Component Spec(UI) — token、state、a11y
  • C4 / ADR / NFR Matrix(Architect) — 重大決策可追溯
  • API Contract / OpenAPI(SD/BE) — 可生成 mock 與 client
  • DB Schema / Migration Plan(DBA) — backfill、rollback 可演練
  • Module Design(SD) — sequence、error model、telemetry hooks

典型卡關

  • 序列化迷思:UX 等 architecture、architecture 等 UX;其實兩條線可並行
  • 太早 freeze:選項還沒分析完就拍板,後面反覆改 ADR
  • 太晚 freeze:FE/BE 已經開做 API 才在變,雙倍工
  • NFR 缺席:latency、availability、security 沒列出 baseline,QA 不知道測什麼

AI 加速哪些事

ADR draft、選項 trade-off、API spec 從 use case 生 OpenAPI、DB migration script。 AI 能列選項,但 consequences 的政治判斷要人。

加速範例:基於這個 use case 生 OpenAPI 3.1 spec、含 error code 與 idempotency key

+ Design · 階段內交付物

本階段要產出 14 個交付物。

#17 · DESIGN

資訊架構 · IA

讓使用者找得到、看得懂、不迷路

設計UX 設計系統分析
#18 · DESIGN

Wireframe · 線框稿

在花錢做精緻 UI 前先驗證 layout 與流程

設計UX 設計
#19 · DESIGN

Prototype · 互動原型

在寫程式前用最低成本驗證互動

設計UX 設計UI 設計
#20 · DESIGN

Design System · 設計系統

讓全產品視覺一致、開發不重造輪子

設計UI 設計
#21 · DESIGN

高保真稿 · Hi-Fi Mockup

讓工程師能像素級實作、不靠猜

設計UI 設計
#22 · DESIGN

可用性測試 · Usability Test

上線前抓出「使用者真的會卡」的點

設計UX 設計
#23 · DESIGN

ADR · 架構決策紀錄

把「為什麼這樣選」寫下來,半年後不用考古

設計架構師
#24 · DESIGN

C4 圖 · 四層架構視圖

用四層抽象讓每種角色看到「他需要看的那層」

設計架構師系統分析
#25 · DESIGN

API Spec · OpenAPI 契約

Freeze 契約,讓 FE/BE/QA 可平行開發

設計架構師開發者
#26 · DESIGN

Data Model · 資料模型

把資料關係講清楚,避免半年後查不出真相

設計架構師開發者
#27 · DESIGN

Sequence Diagram · 時序圖

把跨服務互動的順序、失敗、回滾畫清楚

設計系統分析架構師
#28 · DESIGN

Tech Spike · 技術探索

用最小成本買回最大不確定性

設計架構師開發者
#29 · DESIGN

Threat Model · 威脅建模

在攻擊者之前先把資料流畫清楚

設計架構師
#30 · DESIGN

非功能需求 · NFR / -ilities

把『要很快、要很穩』改寫成可驗收的數字

設計架構師系統分析