設計保真度隨深入自然提升。本文系統講解：原型設計原則、高保真原型價值、產品設計規格三大塊內容，構建從概念到落地的完整交付體系。

原型設計原則：體驗優於結構

線框圖重結構，原型重體驗。可用 InVision/UXPin 將靜態線框串聯成可點擊原型。Josh Porter（前 HubSpot UX 總監）偏好「草圖直達原型」跳過線框，因草圖低成本回答功能問題，原型投入更多精力驗證可用性。核心：將團隊思考中心從「交付物」轉移到「實用性」。

高保真原型：後期驗證品牌、外觀、細節的利器

適用於 UX 設計後期。低成本逼真模擬真實產品，可用線上工具或 HTML 構建。

四大核心價值

1. 早期呈現完整產品：市場/銷售/業拓團隊提前理解產品，做正確響應
2. 縮短開發時間：早期解決具體困擾開發的問題；用戶驗證大幅壓縮開發週期
3. 便於估算工程成本：詳細信息支持流程早期準確估算，引入新技術時尤為關鍵
4. 促進三方深度協作：PM、設計、工程師共同探索可行產品邊界

構建策略：漸進式而非反復重寫

Lyndon Cerjeo 建議：從泛泛層面開始，逐步深入細化特定部分提高保真度。例：首版搭建主落地頁，後續迭代細化下載步驟等細節。

產品設計規格：從「長什麼樣」到「怎麼造」

原型展示交互與外觀，設計規格說明成型所需流程與藝術創作細節。核心包含：

1. 用戶流程圖

定義：影響用戶達成目標的所有場景與決策。需高度全面，覆蓋從概念形成到目標達成全程。

例：兩用戶買 CD，路徑截然不同（直接 Amazon vs Google 比價）。用戶流程圖必須足夠複雜覆蓋多路徑。對話氣泡式流程圖能將焦點鎖定在用戶真實想法與需求，防止迷失在技術細節中。

2. 任務流程圖

微觀執行層：說明具體、可重複操作步驟（如鬧鈴 App 設置響鈴時間）。

純運算邏輯，看似枯燥，但能梳清達成目標的每一步執行細節。

3. 設計資源與樣式要求

產品樣式指南內容：品牌規範（情感狀態）、技術規格（像素/格式）、設計資源尺寸。風格可像 Mozilla 簡短推動創意，或像 Apple HIG 精確繁復。

優秀樣式指南核心要素

• 原則：層級/標準/簡約等指導原則，闡述設計背後邏輯
• 顏色：調色板截圖，信息充足不讓團隊困惑
• 排版：限用一種字體+給定幾種字重，保證簡單
• 圖標：全套圖標體系庫+像素等技術細節

進階實踐：Yelp/Salesforce

Yelp 指南含代碼片段，設計開發直用，高效協作減少新功能實現時間。建議研讀 Google、MailChimp、Salesforce 樣式指南最佳實踐。

總結：定義 → 設計 → 再定義

無論低/高保真，草圖/線框/原型根本目標都是交付優秀產品理念，而非簡單產品。

用漸進式原型驗證想法，用系統化規格指導落地，讓設計從「畫圖」進化為「產品工程」。