交互輸出物是設計師專業思考的載體，承上啟下、協同團隊、沉澱項目。阿里設計師多年經驗總結，全是干貨。

一、交互輸出物價值與類型

核心原則：易於理解、利於協同

• 易於理解：清晰傳遞思考與方案，融入需求分析、目標拆解，引領團隊認同，確保有效執行。
• 利於協同：角色多、需求變時，統一風格、快速上手、保持基本認知。上下游角色包括產品、視覺、前後端、測試、運營等。

圖 1：交互設計師上下游合作角色

基本類型：線框圖 vs 原型

• 線框圖：前期快速靜態表達，達標三目標——界定結構佈局、清晰表達信息位置、包含主體交互元素。黑灰線框+塊面+佔位符組成，工具不拘（手繪/Balsamiq/Axure/Sketch/PPT），敏捷流程中配合高頻溝通極高效。
• 原型：接近最終形態，可交互，用於可用性測試與設計輸出，早期發現問題節省成本。本文重點探討的高段位輸出物即指此類。

圖 2：低保真線框圖

二、高段位交互輸出物的關鍵內容

1688UED 要求輸出範圍覆蓋項目前中後三階段全程思考創新跟蹤記錄，按項目重要程度（A+/A/B/C）確定輸出範圍。

圖 3：交互輸出物內容範圍

圖 4：A/B/C 層級輸出物差異

1. 層層遞進的文檔邏輯

文檔目錄即文章大綱，讓人從目錄建立信任。四種常用組織方式：

1. 按修改版本：適用重點單頁項目（首頁、頻道頁）。
2. 按產品層級關係：適用整體平台類（如我的阿里）。
3. 按操作流程：適用業務流程類（下單付費、會員開通）。
4. 按參與人員：適用多設計師共建項目。

圖 5：輸出物文檔結構組織方式

2. 元思考：方案前必搞懂的三個問題

• 為什麼做？（目標）
• 針對誰？（用戶）
• 什麼場景？（場景）

1688UED 抽象形成「五導家」Think-flow 方法論，支撐以競品分析、眼動測試、問卷數據等分析手段。

圖 6：五導家步驟概要

（內容未完，原文後續詳細展開各項輸出細節與方法論應用。）