完整的交互設計內容：

一、設計背景

1、產品定位(目標用戶、競爭策略（差異化、控制成本））

2、具體設計內容

3、設計目標

二、流程圖

1、業(yè)務流程圖（各角色的協(xié)作運行）

2、任務流程圖（用戶的操作流程，有：主任務流程、次任務流程）

3、頁面流程圖（在原型圖之前繪制、可便于整理頁面間的邏輯，包括頁面、行動點、連接線）

頁面流程圖示意圖

三、原型圖

信息架構（頁面的內容及排布、頁面之間的跳轉）

原型圖示意圖

四、需求描述文檔

功能點、觸發(fā)條件（要窮盡異常的情況（情況1、情況2、情況3...））、結果描述、備注

五、其他元素

*網絡異常處理

1、整頁提示（插畫、說明、重連按鈕、小貼士）

2、預設圖、占位符提示（不增加操作負擔）

3、Toast/dialog提示（最好給出設置網絡的通道）

*臨時框（暫停主任務，關閉后回到主任務）

1、警告視圖（不易過多，比如訪問手機接口是獲取用戶許可）

2、Toast (1~1.5S,反饋信息但不中斷操作流程）

3、操作列表（將不常用的功能入口統(tǒng)一打包）

4、模態(tài)視圖（輸入頁面、用戶須知等）

標志說明：

頁面標題：

寫在每一頁的頂部。表明當前頁所述的功能是屬于哪個模塊的

對齊：

單個界面之中元素的對齊、界面和界面之間的對齊，頁面上任何東西都是應該能找到對齊點的。注釋右對齊。

顏色：

使用黑白灰，避免使用黑色線條和黑底白字，灰色會顯得更精致。

用深淺不同的灰來表現(xiàn)層次和重點。

合理留白，避免界面過擠或過空。

熱區(qū)：

標明熱區(qū)的范圍。

緊密相連的熱區(qū)區(qū)分方法：

圖片：

使用圖片時，要注意和背景融合。

若暫沒有找到合適的圖標，寧可統(tǒng)一用占位符替代，輔以文字注釋。

若對圖片內容或風格有想法，用各種形式在交互文檔中表現(xiàn)出來。

流程圖

主線和分支的走向要始終保持一致（是和否）。

善用輔助線

原型說明：

寫清楚各種異常情況的處理

多去考慮一下交互文檔閱讀者的體驗，可能就會想盡各種辦法來滿足他們。