3.2.2: 策略與架構視覺化
- 完成時間： 20 分鐘
- 先決條件： 使用者與產品視覺化（Module 3.2.1）
在 Cursor 中開始本模組： 執行
/start-3-2-2以開始互動式體驗。
概覽
Module 3.2.2 教你為不同的利益相關者受眾建立策略和架構視覺化。CTO 想了解技術架構。CEO 想看到優先級。董事會想看到路線圖。不同的受眾，不同的視覺化。
關鍵要點： 策略視覺化將複雜的想法轉化為即時的清晰度。正確的圖表可以在幾秒鐘內完成 10 分鐘的解釋無法完成的事情。
情境
你的 TaskFlow Mobile 推介成功了。現在你有後續會議：
- CTO 會議 - 「它如何與我們現有系統整合？」
- CEO 會議 - 「我們首先建構什麼以及為什麼？」
- 董事會會議 - 「3 個季度的路線圖是什麼？」
每個都需要不同類型的視覺化。
系統架構圖
它們是什麼
系統架構圖顯示元件如何連接 - 服務、資料庫、API、外部整合。它們回答「技術系統如何運作？」
何時使用
- 與工程的技術深入探討
- CTO/VP Engineering 簡報
- 安全和合規審查
- 整合規劃討論
如何生成
基本提示：
建立顯示 [系統] 的系統架構圖。
元件：[列出元件]。顯示它們之間的資料流。
乾淨的技術風格，適合 [受眾]。16:9 長寬比。範例 - TaskFlow Mobile：
為 TaskFlow Mobile 建立系統架構圖。
元件：
- TaskFlow Mobile 應用程式（新東西）
- TaskFlow Backend API（現有）
- PostgreSQL 資料庫
- Redis 快取
- Firebase（推播通知）
- Mixpanel（分析）
顯示元件之間的資料流箭頭。
適合 CTO 審查的乾淨技術風格。16:9 長寬比。關鍵元素
| 元素 | 目的 |
|---|---|
| 方框/節點 | 代表服務、資料庫、應用程式 |
| 箭頭 | 顯示資料流和關係 |
| 標籤 | 識別每個元件 |
| 分組 | 聚類相關元件 |
| 顏色 | 區分類型（新 vs 現有、內部 vs 外部） |
風格選項
| 風格 | 最適合 |
|---|---|
| 乾淨/極簡 | 高階簡報 |
| 技術/詳細 | 工程審查 |
| 彩色/品牌 | 外部文件 |
| 手繪 | 白板/工作坊感覺 |
專業提示
- 突出新內容： 使用顏色或邊框區分新元件
- 顯示邊界： 分組內部 vs 外部，或按團隊所有權
- 保持可讀： 每個圖表最多 5-10 個元件；如需要則分割
- 添加圖例： 如果有意義地使用顏色或形狀
優先級矩陣
它們是什麼
2x2 矩陣在兩個維度上繪製項目 - 通常是影響 vs 努力，或價值 vs 複雜性。它們視覺化優先級決策。
何時使用
- 功能優先級討論
- 高階策略會議
- 規劃會議
- 利益相關者對齊
經典 2x2
最常見的：影響 vs 努力
高影響 │ 重大 │ 快速
│ 專案 │ 勝利
──────────┼───────────┼──────────
低影響 │ 避免 │ 填充
│ │
└───────────┴──────────
高努力 低努力| 象限 | 意義 | 行動 |
|---|---|---|
| 快速勝利 | 高影響、低努力 | 先做 |
| 重大專案 | 高影響、高努力 | 仔細規劃 |
| 填充 | 低影響、低努力 | 有時間時做 |
| 避免 | 低影響、高努力 | 不做 |
如何生成
基本提示：
建立 2x2 優先級矩陣。
X 軸：[維度 1]（低 → 高）
Y 軸：[維度 2]（低 → 高）
象限標籤：[列出象限]
繪製這些項目：
- [項目 1]：[象限]
- [項目 2]：[象限]
...
適合高階簡報的乾淨企業風格。16:9 或 1:1。範例 - TaskFlow Mobile 功能：
為 TaskFlow Mobile 功能建立 2x2 優先級矩陣。
X 軸：努力（低 → 高）
Y 軸：影響（低 → 高）
象限：快速勝利（右上）、重大專案（左上）、
填充（右下）、避免（左下）
繪製這些功能：
快速勝利：
- 任務更新的推播通知
- 離線任務查看
重大專案：
- 跨裝置即時同步
- 團隊聊天整合
填充：
- 自訂主題
- 小工具支援
避免：
- 語音指令支援
- AR 任務視覺化
適合 CEO 簡報的乾淨企業風格。正方形格式。其他矩陣類型
| 矩陣 | 維度 | 使用案例 |
|---|---|---|
| Eisenhower | 緊急 × 重要 | 任務管理 |
| 風險 | 機率 × 影響 | 風險評估 |
| RICE | 觸及 × 影響 × 信心 × 努力 | 功能評分 |
| BCG | 市場成長 × 市場份額 | 投資組合策略 |
專業提示
- 明確象限標籤： 不要假設 Gemini 知道你的術語
- 清楚繪製項目： 列出每個項目的位置
- 保持平衡： 每個象限 3-5 個項目看起來最好
- 使用你的風格庫： 儲存你喜歡的矩陣風格以重複使用
產品路線圖
它們是什麼
產品路線圖顯示隨時間計劃的工作 - 通常按季度或月份。它們回答「計劃是什麼以及何時？」
何時使用
- 董事會簡報
- 年度規劃審查
- 團隊對齊
- 外部利益相關者更新
路線圖結構
| 結構 | 最適合 |
|---|---|
| 時間軸 | 清晰的時間順序視圖 |
| 泳道 | 多個平行軌道 |
| 現在/下一步/稍後 | 靈活、無日期 |
| 里程碑 | 關鍵交付成果焦點 |
如何生成
基本提示：
為 [產品] 建立產品路線圖。
時間軸：[時間段]
[期間 1]：[主題]
- [項目 1]
- [項目 2]
[期間 2]：[主題]
- [項目 1]
- [項目 2]
...
適合 [受眾] 的專業風格。16:9 長寬比。範例 - TaskFlow Mobile：
為 TaskFlow Mobile 建立 3 個季度的產品路線圖。
Q1 - MVP 發布：
- 核心任務管理
- 推播通知
- 離線查看
Q2 - 團隊功能：
- 即時同步
- 團隊聊天整合
- 共享任務列表
Q3 - 企業：
- 管理員控制
- SSO 整合
- 進階分析
適合董事會簡報的專業風格。
顯示從 MVP 到企業就緒的清晰進展。
16:9 長寬比。關鍵元素
| 元素 | 目的 |
|---|---|
| 時間標記 | 季度、月份或衝刺 |
| 主題 | 為每個階段命名 |
| 功能 | 具體交付成果 |
| 里程碑 | 關鍵日期或成就 |
| 進度 | 目前狀態（可選） |
專業提示
- 講故事： 每個階段應在前一個階段的基礎上邏輯建立
- 使用主題： 「MVP」→「成長」→「規模」比功能列表更清晰
- 不要過度詳細： 路線圖是策略性的，不是衝刺計劃
- 匹配受眾： 董事會看到主題；工程看到功能
利益相關者特定提示
對於 CTO/工程
- 專注於： 整合點、資料流、技術依賴
- 包含： 現有系統、API、資料庫
- 風格： 技術但可讀；不壓倒性
- 層級： 架構，不是實作細節
對於 CEO/領導層
- 專注於： 策略決策、優先級理由
- 包含： 權衡、你不做的事情
- 風格： 乾淨、極簡、高層次
- 層級： 業務影響，不是技術細節
對於董事會
- 專注於： 時間軸、里程碑、策略方向
- 包含： 階段、關鍵交付成果、業務成果
- 風格： 專業、精緻、自信
- 層級： 季度，不是每週
使用你的風格庫
策略視覺化從一致的風格中受益匪淺。
儲存你的首選風格：
- 「高階架構」- 乾淨的技術圖表
- 「企業矩陣」- 專業的 2x2
- 「董事會路線圖」- 精緻的時間軸視覺化
然後重複使用：
使用風格 #34 生成系統架構
使用風格 #5 生成優先級矩陣
使用風格 #88 生成路線圖跨利益相關者材料的一致性看起來專業。
範例：完整的利益相關者套件
CTO 簡報
資產： 系統架構圖 訊息： 「這是它如何與我們現有基礎設施整合」
CEO 簡報
資產： 2x2 優先級矩陣 訊息： 「這是我們首先建構的以及為什麼」
董事會簡報
資產： 3 季度路線圖 訊息： 「這是從 MVP 到企業的路徑」
總時間： 所有三個資產 15-20 分鐘。
最佳實踐
要做的：
- 匹配受眾風格 - 工程師用技術，高階用乾淨
- 講清晰的故事 - 每個視覺化應有一個主要訊息
- 使用一致的風格 - 利用你的風格庫
- 保持簡單 - 複雜性扼殺理解
- 迭代 - 第一稿很少是最終稿
不要做的：
- 不要過度複雜 - 每個視覺化最多 5-10 個元素
- 不要混合隱喻 - 選擇一種視覺方法並堅持
- 不要跳過標籤 - 一切都應清楚標識
- 不要隨意使用術語 - 匹配受眾的詞彙
疑難排解
架構圖太雜亂
- 僅減少到核心元件
- 分割成多個圖表（前端、後端、整合）
- 請求「高層次概覽，不是詳細架構」
矩陣項目重疊
- 減少每個象限的項目（3-5 是理想的）
- 請求「項目清楚定位，不重疊」
- 使用更大的格式（16:9 而不是 1:1）
路線圖沒有顯示進展
- 明確描述敘事：「MVP → 成長 → 規模」
- 使用視覺進展（從左到右、從小到大）
- 請求「顯示從階段到階段的清晰演變」
下一步？
你已為內部利益相關者建立了視覺化。現在是時候為外部受眾了。
Module 3.2.3 涵蓋行銷和發布資產 - app store 圖形、社群廣告和發布公告。
互動式路徑：輸入 /start-3-2-3
資源
- SlideModel - 框架和圖表模板，截圖和複製風格
- Miro Architecture Diagrams - 範例和模板
- Lucidchart Architecture Guide - 5 種架構圖類型
- EdrawMax Templates - 免費系統架構模板
關於本課程
由 Carl Vellotti 建立。查看 The Full Stack PM 以獲取更多 PM 建構者內容。