本文是作者的一篇隨筆，適合交互設(shè)計(jì)師閱讀，希望能給正在學(xué)習(xí)交互的朋友一些幫助。也希望朋友們，可以提出更多很好的建議。

經(jīng)常與開(kāi)發(fā)同學(xué)聊天，他們說(shuō)有一個(gè)詳細(xì)的說(shuō)明文檔可以幫助他們更準(zhǔn)確的進(jìn)行工時(shí)評(píng)估，還可以幫助他們提高工作效率，減少多余的思考時(shí)間。因此在這里分享一些制作交互說(shuō)明文檔的經(jīng)驗(yàn)。

我先說(shuō)說(shuō)說(shuō)交互原型包含哪些部分？

• 版本說(shuō)明及更新說(shuō)明
• 頁(yè)面流程圖
• 信息架構(gòu)圖
• 業(yè)務(wù)流程圖
• 任務(wù)流程圖
• 線框圖和交互說(shuō)明（這是我們今天主要說(shuō)明的內(nèi)容）。

下圖為原型

原型通常分為低保真原型和高保真原型，交互說(shuō)明文檔則是對(duì)原型說(shuō)明的部分。我們?cè)诳吹浇换ピ偷臅r(shí)候，很難看到原型后面的交互邏輯，即使原型的交互操作做的非常詳細(xì)，看原型的人還是不能很快知道全部的內(nèi)容。我們把交互的所有操作全部羅列出來(lái)，可以讓查看的原型的人能很快的理解你的交互流程。

所以交互說(shuō)明是原型中不可缺少的一部分。交互說(shuō)明會(huì)讓原型看起來(lái)更專(zhuān)業(yè)，也讓開(kāi)發(fā)同學(xué)更好的理解。下圖為交互說(shuō)明的一個(gè)案例

有的交互設(shè)計(jì)師喜歡用動(dòng)態(tài)效果來(lái)代替交互說(shuō)明，這樣的方式會(huì)給開(kāi)發(fā)同學(xué)照成一定的困擾。瀏覽原型的人需要逐一操作才能看見(jiàn)效果，一旦有某個(gè)地方?jīng)]有操作到，就可能會(huì)遺漏。

文字說(shuō)明則可以讓開(kāi)發(fā)同學(xué)清晰、快速地看到全部的動(dòng)態(tài)說(shuō)明，各種情況一目了然。

在時(shí)間允許的情況下，建議采用交互說(shuō)明與動(dòng)態(tài)效果相配合的方式，這樣也會(huì)相得益彰，更容易開(kāi)發(fā)同學(xué)理解。

交互說(shuō)明文檔應(yīng)該說(shuō)明哪些內(nèi)容呢？

字段說(shuō)明

字段說(shuō)明包含字段長(zhǎng)度、字符說(shuō)明、取值范圍。

1. 字段長(zhǎng)度主要包括字段的最大長(zhǎng)度和最小長(zhǎng)度。比如手機(jī)號(hào)碼字段最長(zhǎng)為11位。

若字段的最大長(zhǎng)度大于界面可顯示區(qū)域的寬度，則需說(shuō)明超出區(qū)域的樣式。比如，最多應(yīng)該顯示多少字?jǐn)?shù)，超過(guò)時(shí)如何顯示，是否折行等。

2. 字符類(lèi)型主要是指此字段的輸入類(lèi)型。比如手機(jī)號(hào)碼為純數(shù)字，數(shù)據(jù)庫(kù)字符類(lèi)型應(yīng)為int（不需說(shuō)明數(shù)據(jù)庫(kù)類(lèi)型）。

3. 取值范圍主要指數(shù)據(jù)的取值范圍。比如，界面上出現(xiàn)下拉菜單，交互說(shuō)明文檔需要說(shuō)明下拉菜單的選項(xiàng)內(nèi)容，否則會(huì)增加一定的溝通成本。

排序規(guī)則

排序規(guī)則主要包含列表的排序規(guī)則。

比如產(chǎn)品列表，默認(rèn)的排序規(guī)則是根據(jù)時(shí)間降序排序。

狀態(tài)說(shuō)明

狀態(tài)說(shuō)明包含初始狀態(tài)、常見(jiàn)狀態(tài)和特殊狀態(tài)。

1. 初始狀態(tài)主要指顯示的文字、數(shù)據(jù)、選項(xiàng)最開(kāi)始的狀態(tài)。用戶(hù)在新打開(kāi)一個(gè)APP時(shí)，初始狀態(tài)是未登錄的；在登錄后，初始頭像是系統(tǒng)默認(rèn)的；

2. 常見(jiàn)狀態(tài)主要指某一板塊的正常狀態(tài)。用戶(hù)對(duì)文章進(jìn)行評(píng)論，有評(píng)論內(nèi)容的界面則是常見(jiàn)狀態(tài)。

比如登錄入口，一般會(huì)出現(xiàn)2種狀態(tài)：未登錄狀態(tài)、登錄狀態(tài)。

3. 特殊狀態(tài)一般指非正常情況下的樣式、文案以及說(shuō)明等。比如在刷新文章列表時(shí)，手機(jī)斷網(wǎng)加載失敗，這時(shí)就屬于特殊狀態(tài)；

操作說(shuō)明

操作說(shuō)明包含常見(jiàn)操作、特殊操作、誤操作、手勢(shì)操作。

常見(jiàn)操作主要指正常操作時(shí)得到的反饋狀態(tài)。比如一個(gè)按鈕，在鼠標(biāo)移入和移出時(shí)不同的樣式。

特殊操作主要指一些極端情況下的操作。

反饋內(nèi)容

反饋主要指用戶(hù)操作后得到的反饋動(dòng)作，包含提示、跳轉(zhuǎn)、動(dòng)畫(huà)等。提示主要指操作后，系統(tǒng)反饋給用戶(hù)的文字說(shuō)明等。

設(shè)計(jì)師需要在原型上著名跳轉(zhuǎn)時(shí)是“原頁(yè)面刷新”還是“新頁(yè)面打開(kāi)”。

此外，還需要注明在界面的不同位置以不同手勢(shì)操作時(shí)，會(huì)跳轉(zhuǎn)到哪里。

數(shù)據(jù)來(lái)源

數(shù)據(jù)來(lái)源主要指列表內(nèi)數(shù)據(jù)來(lái)源的說(shuō)明。告訴開(kāi)發(fā)同學(xué)根據(jù)什么條件從數(shù)據(jù)庫(kù)里取數(shù)據(jù)。

非常感謝您的瀏覽，如果您有更好的建議，請(qǐng)?jiān)谙路搅粞?，謝謝。

本文由 @clone 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。