?笑天涯說：任何一個互聯(lián)網(wǎng)產(chǎn)品的誕生，都離不開交互設計師。當你在使用產(chǎn)品的時候，你無時無刻不在享用交互設計師的工作成果。那作為交互設計師，他們是怎么開展工作的？他們在產(chǎn)品誕生的過程中需要做哪些工作呢？

問題：交互設計師在整個產(chǎn)品中需要做的東西有哪些？

大家好，作為一個交互設計師，除去前期的洞察戰(zhàn)略及產(chǎn)品需求；確定產(chǎn)品功能；到后面的結構框架元素安排等過程中，交互設計師要出的“專業(yè)的交互設計稿” “交互設計文檔說明”到底是什么樣的？求解答，謝謝大家！

知乎用戶侯雯佩的回答：

交互文檔通常包含以下幾部分：

一、設計綜述

二、交互原型

三、可點擊原型/動畫demo

一、設計綜述：根據(jù)項目的大小、優(yōu)先級、時間周期的不同，可以有選擇性的包含以下幾部分

1.需求背景：需求來源、相關的用戶數(shù)據(jù)、要解決的核心問題

2.設計思路：整體解決思路、用戶分析、核心場景、設計創(chuàng)新點

1）整體解決思路：用腦圖的形式表達你的整體思路，也是支持你整個設計的骨架，我曾經(jīng)梳理的一份思路圖給你參考：

不是文檔中必須包含的，但是在向團隊其他成員和leader匯報的時候，這張圖能夠讓別人在短時間內(nèi)明確你的計劃和進度，進而展開討論。

國外經(jīng)典的persona模板如下圖：

3）核心場景：給出核心的用戶場景列表，，按照優(yōu)先級排序，之后的交互原型也需要圍繞所列的核心場景去展開。

4）設計創(chuàng)新點：交互設計師并不是把原型畫出來，給出一個穩(wěn)妥的設計就好了，這樣的話產(chǎn)品經(jīng)理也能替代了，關鍵在于要輸出創(chuàng)新的解決方案，無論大小項目，爭取做出創(chuàng)新，努力去推動，一次推不成，再推一次，這塊是體現(xiàn)設計師水平的核心部分。

5）信息架構&流程圖，沒找到手邊的例子，外網(wǎng)找了幾個供你參考：

二、交互原型：交互文檔中的重頭戲，示例如下：

1.交互稿盡量用黑白灰，減少對視覺工作的影響，如果有需要強調(diào)的按鈕，可以選取一種彩色來帶代表以突出強調(diào)。

2.交互稿盡量按照場景來分，一個場景一套子流程。不要全部都花在一張大圖上，不易理解。

附幾張國外的交互稿供你參考：

3.交互稿通常需要包含：頻率最高狀態(tài)、極限狀態(tài)、缺省狀態(tài)、出錯狀態(tài)。盡可能的將各種狀態(tài)、邏輯、反饋都考慮全面。把規(guī)則都梳理清晰。

三、可點擊原型/動態(tài)demo

這塊通常用來做演示和方案的比較，讓其他人能夠在真實場景下去“感受”方案，而不是想象方案。推薦幾個工具：pop，flinto，都是適合移動端的快速生成原型非常方便的工具。keynote做一些交互動畫也是很快速的，AE的制作成本高一些，比較適合一些細膩的動畫，通常視覺用的比較多。

關于文檔輸出的格式：

我的工作習慣是：在交互輸出階段，將上述內(nèi)容的各個部分都整理到郵件中，發(fā)給項目相關人，同時郵件會附上一份附件PDF，這份PDF是A4大小的一份文檔，包含了以上所有內(nèi)容。

采用這個格式輸出的好處是：他人通常沒有時間去下載文檔仔細閱讀，放在郵件里陳述更有可能被閱讀。而附件的PDF文檔是便于你在任何情況下都能用PAD打開，一頁頁翻看，與他人討論。

本文由人人都是產(chǎn)品經(jīng)理@笑天涯 整理自知乎問答，轉載請注明出處并保留本文鏈接。