1.2.3 交互設計

需求評審工作完成之后，交互設計師就要開始進行交互設計了。

在交互設計工作中，交互設計師需要制作交互原型圖，而在制作交互原型圖前，交互設計師需要完成以下5點思考。

（1）為什么要做這個功能？（業務緣由）

（2）產品期望的結果是什么？（業務目標）

（3）誰來使用這個功能，使用場景是什么？（目標用戶）

（4）用戶為什么要使用這個功能？（用戶需求）

（5）如何讓用戶高效、順利地使用這個功能？（業務流程）

當完成以上5點思考之后，交互設計師需要繼續厘清思路，先查找相關的競品，再分析相關競品的目標用戶人群和商業定位，還要思考主場景和小場景，最后進行流程設計。

在流程設計中，交互設計師需要先梳理產品的用戶主場景流程，然后梳理用戶的小場景流程，接著梳理異常流程，最后根據流程繪制出對應的流程界面。

在繪制流程界面時涉及的內容主要包括以下4個方面。

（1）充分理解業務緣由、業務目標、目標用戶及用戶需求等，并根據這些內容找到用戶所有操作流程的觸達點。

（2）通過場景的觸達點繪制出產品的頁面流程圖。

（3）找到所有的異常場景并梳理制作流程。

（4）了解大部分用戶的行為和認知并進行對應的流程設計。

之后，交互設計師需要制作并輸出交互文檔。交互文檔需包含完整的項目簡介、需求分析、新增修改記錄、信息架構、交互設計的方案闡述、頁面交互流程圖（包括界面布局、操作手勢、反饋效果及元素的規則定義）、異常頁面和異常情況的說明。

在制作交互文檔時，筆者要給讀者以下5點建議。

（1）一個頁面一個任務。每一頁能展示的內容是有限的，如果同一頁中堆積太多的線框圖，會導致易讀性變差。

（2）每個任務都有起點和終點。一個任務應該從起點開始直到終點結束，擁有完整的用戶操作路徑。

（3）同一頁面的不同狀態最好在一個頁面內展示（不要忽略極端情況）。

（4）頁面布局規范，交互規則定義清晰，準確傳遞設計方案。

（5）盡量以黑白灰的形式呈現，避免出現過多的顏色對視覺設計造成干擾。

提示

有關交互文檔制作的一些更具體的內容會在第6章進行詳細講解，這里不再過多講述。