介紹
若無法清楚看到圖片文字，請點擊下方連結預覽 or 下載查看清晰版本 :
在 UX 設計的五層架構中，Prototype 雖然位於最終的「表現層」，通常以高保真的形式呈現，但它的價值遠不止於這個階段！事實上，Prototype 是貫穿整個 UX 流程的工具，根據不同階段的需求，呈現出不同的保真度與用途。
在規劃初期，低保真原型（如手繪草圖、線框圖）能夠快速驗證概念與功能，幫助團隊獲取回饋，進而調整資訊架構（IA）與產品邏輯。到了 UX 設計的「表現層」，高保真原型則更接近最終產品，能用來測試視覺設計與完整的互動體驗。
Prototype 不僅是一個互動模型，還是團隊與使用者之間的溝通橋樑。它能夠模擬數位產品的操作方式，讓團隊在開發前就能直觀體驗產品的功能與流暢度，進而發現設計與需求的落差，甚至預測使用者可能遇到的痛點，從而降低開發成本並優化體驗。
雖然原型設計通常由 UX 設計師負責，但如果產品經理具備基本的 Prototype 製作能力，將能更有效地與設計師、工程團隊以及使用者溝通產品理念。
為什麼需要 Prototype？
在快速迭代與驗證為核心的產品開發流程中，Prototype 是 PM（產品經理）手中的秘密武器。它能夠幫助團隊在以下幾方面事半功倍：
1. 快速驗證設計假設：
原型讓我們以低成本測試設計是否符合用戶預期。與其等到產品開發完成再測試，不如用互動原型模擬真實情境，快速獲取用戶反饋。
2. 高效溝通與協作：
團隊中每個角色對於產品的想像各不相同，透過原型，我們能用「看得見、摸得著」的方式統一團隊目標，讓 PM 不再陷入「用文字解釋需求」的反覆循環。
3. 降低開發風險：
在進入實際開發階段之前，Prototype 可以幫助工程師提早理解設計邏輯，提前評估技術可行性，避免開發過程中重工的風險。
來源演變
UI/UX 原型的概念其實早在數位產品崛起之前就存在。過去，設計師以手繪草圖或靜態畫面表達構想。而今天，隨著科技的進步，許多專業工具讓我們能快速打造互動性更強的高保真原型：
1. 草稿與低保真原型：
使用 Figma、Balsamiq 等工具，快速構建概念化設計，適合用於團隊討論與早期驗證。
2. 高保真互動原型：
像是 Adobe XD、Axure、Protopie 等工具，可以模擬接近真實應用的互動效果，甚至包含動畫與微交互，讓用戶更貼近最終產品的體驗。
3. 代碼級 Prototype：
在更複雜的產品中，團隊可能會直接進行代碼級的原型開發，以驗證技術細節，這對於需要實現創新功能的產品尤其關鍵
如何規劃 Prototype ？
Step 1 明確目標
- 目標設定：確定 Prototype 的核心目的是什麼，例如驗證需求、測試用戶體驗、或展示功能概念。
- 定義範圍：只聚焦於需要驗證的功能或使用場景，避免將整個產品細節全部呈現。
Step 2 確定使用者流程
- 繪製使用者旅程：從用戶的角度出發，規劃他們在產品中的行為流程（例如註冊 → 瀏覽 → 購買）。
- 挑選關鍵互動點：專注於最重要的用戶互動，例如主要功能按鈕或核心體驗。
Step 3 選擇 Prototype 類型
Prototype 可以分為以下幾種類型，根據目標選擇合適的類型：
- 低保真原型（Lo-Fi Prototype）：用於快速繪製草圖，適合初期溝通或腦力激盪。
- 中保真原型（Mid-Fi Prototype）：加入更具體的佈局與文字，適合用戶測試。
- 高保真原型（Hi-Fi Prototype）：包含視覺設計與互動，適合呈現真實體驗或提案展示。
Step 4 使用工具製作 Prototype
常見的工具包括：
- Figma：支援協作與互動功能，適合中高保真原型。
- Axure：專業的原型設計工具，支援高保真和複雜互動。
- Balsamiq：專注於低保真原型，快速畫出草圖。
- Adobe XD：適合設計和互動綜合需求。
Step 5 規劃測試場景
- 定義測試目標：例如確認用戶是否能完成購買流程或瞭解某項功能。
- 準備測試任務：設計具體的測試任務（例如“試著找到並購買一件商品”）。
- 選擇測試對象：尋找目標用戶群或團隊成員進行測試。
Step 6 快速迭代
- 收集反饋：透過測試發現問題，記錄用戶的操作行為與意見。
- 調整原型：根據反饋快速修改，避免投入過多資源在早期。
Step 7 記得紀錄與分享
- 紀錄學習點：將測試中的洞察整理成清單，便於團隊理解和討論。
- 分享結果：用簡報或文檔向團隊展示 Prototype 的測試成果與下一步計劃。
規劃注意要點
1. 確認從真實用戶需求出發，定義核心場景：
原型的價值在於快速測試假設，但別被「全面覆蓋」的迷思困住。聚焦用戶的核心痛點，設計幾個最重要的使用場景，確保原型能回答：這是否解決了用戶的主要需求？
2. 層次分明，從低保真到高保真，不要都直上高保真
一開始，低保真原型（如線框圖）是快速收集團隊意見的利器，能避免早期過度關注細節，打造成本也較低，而隨著設計的成熟，更能驗證可行性和確認市場價值，可以投入多一些資源打造高保真原型的加入，幫助團隊與用戶進一步感受產品的真實互動與體驗。
3. 設計可驗證的關鍵互動點：
原型不是炫技並且單純展示的工具，而是驗證假設的實驗場。每一個互動細節，都應設計為可以測試的假設：這個按鈕的位置是否直觀？導航流程是否簡潔？讓用戶測試數據能真正為你的設計決策提供明確的方向。
小結
1️⃣ Prototype 貫穿整個 UX 流程，不只是「表現層」的高保真模型！
- 低保真原型（如草圖、線框圖）可在規劃初期快速驗證概念
- 高保真原型則更接近最終產品，幫助測試視覺設計與互動體驗
2️⃣ 為什麼需要 Prototype？
- 快速驗證設計假設：低成本測試設計是否符合用戶需求
- 高效溝通與協作：讓團隊擁有「看得見、摸得著」的共識
- 降低開發風險：幫助工程團隊提前評估技術可行性，減少重工
3️⃣ 如何有效規劃 Prototype？
- 明確 Prototype 的目標與範圍，確保聚焦核心場景
- 根據不同階段，選擇低保真 / 中保真 / 高保真 原型
- 善用工具（Figma、Axure、Balsamiq、Adobe XD），提升製作效率
- 快速測試 & 迭代，根據用戶回饋優化設計
4️⃣ 關鍵心法
✅ 以用戶需求為核心，設計可驗證的關鍵互動點
✅ 低保真 → 高保真，逐步細化，避免過早投入過多資源
✅ Prototype 不是炫技，而是為了快速驗證設計與需求的實驗
