隨著互聯(lián)網(wǎng)節(jié)奏越來越快，傳統(tǒng)的需求文檔已經(jīng)比較難適應市場的腳步，特別對于要求敏捷的團隊來說，冗余而細致入微的需求文檔已經(jīng)成為包袱(這么長個文檔領導也不會看呀)。目前大多數(shù)團隊更喜愛直接使用原型來代替需求文檔，然而所謂的原型可不只是畫畫線框圖喲。

首頁，原型的使用者包括產(chǎn)品、UI、研發(fā)、測試等(商務呀，上級呀)。這么多人參考原型來工作，壓力不小哦，一旦表達不清，出現(xiàn)歧義，研發(fā)的結果的就會教會我們什么叫“偏差”，不僅可能會背離產(chǎn)品方向，還會影響節(jié)奏和效率。所以該有的還是還有，高保真低保真什么的事情況而定。

變更日志

原型不可能一步到位，相信大家深有體會，所以每次更改后再給項目成員時，別人不知道你改了哪些地方，這是件很頭疼的事。這種情況下，更新日志就顯得尤為重要了，大家一看日志就知道你改了哪些，直接鎖定目標，效率大大的提升。

更新日志 示例

版本說明

同上，只不過是每個迭代版本的更新說明。

版本說明 示例

信息結構

產(chǎn)品都包含了哪些內(nèi)容，層次結構怎么樣，它們是如何組織起來的。有了信息結構，項目成員可以直觀快速的知會這些信息，特別是剛接觸時。

信息結構 示例

流程圖

包含業(yè)務流程、任務流程。業(yè)務流程是業(yè)務邏輯，包括前后臺邏輯、數(shù)據(jù)走向等，而任務流程則是用戶的操作、頁面反饋等更具象化。

流程圖 示例

有些還包含頁面流程，基于任務流程，描述用戶怎么從一個頁面跳到另一個頁面的邏輯，這樣就能清晰的理解頁面之間的聯(lián)系。

頁面流程圖 示例（來自網(wǎng)絡）

交互說明

讓你的線框“動”起來。有些朋友喜歡用動態(tài)效果來代替說明，對于演示來說是必須的，但對于傳遞信息來說，則有諸多不便。且不說做動效需要的時間成本，瀏覽原型的人需要一個個操作才能看到全部效果，說不定還有疏忽遺漏的地方。圖文并茂的交互說明能讓項目成員快速清晰的掃描全部信息，某些不太好描述的動效，則可以采用交互說明＋動效的方式表達。

交互說明 示例

另外，全局的交互說明記得要提煉出來(代碼重用性^_^)，如統(tǒng)一的頁面切換方式、統(tǒng)一的手勢、彈層模態(tài)等。

全局交互說明 示例

其中“交互說明”部分是最直觀和細節(jié)的，也是研發(fā)會仔細琢磨的部分（也是大部分會跳過前面步驟直接進行畫圖（&交互）的部分），所有需要我們考慮清楚，表達清楚。因為按鈕不止一個狀態(tài)、文本域是有限制的、用戶操作不是完全可控的…

狀態(tài)

默認狀態(tài)：主要是默認（初始化）顯示的數(shù)據(jù)、文字、選項等。任何一個頁面、表單、按鈕、文本域等都會有默認狀態(tài)，這是需要我們注明的，否則研發(fā)人員難以準確單純的從原型上判斷出元素背后的邏輯。

常見狀態(tài)：頁面上一個模塊，它可能會有多種狀態(tài)，比如APP客戶端個人中心一般會有未登錄狀態(tài)、已登錄狀態(tài)，這些是需要我們展示清楚的，如果我們少寫了狀態(tài)，研發(fā)人員就會納悶xxx(登錄)之后(前)是什么樣的呢？

異常狀態(tài)：非正常情況下的樣式、文案、說明等，比如搜索無結果、加載失敗、網(wǎng)絡（定位）未開啟等等。異常狀態(tài)一般較容易被遺漏，最終導致產(chǎn)品體驗較差。畢竟用戶不是都在辦公室里把所有開關（權限）都打開才使用我們產(chǎn)品的。

限制

范圍：數(shù)據(jù)的取值范圍。比如輪播圖的個數(shù)、滑塊的范圍&刻度、文本域的長度等等…

極限值：數(shù)據(jù)的顯示限制。比如最多應該顯示多少字數(shù)，超出時如何顯示、每次請求數(shù)據(jù)的條數(shù)，不足時怎么辦超出時怎么辦等等…

操作

常見操作：正常操作時得到的反饋狀態(tài)。比如一個按鈕經(jīng)過不同操作會出現(xiàn)不同狀態(tài)，鼠標進入、按下、點擊后。

特殊操作：一些極端情況下的操作，出現(xiàn)概率較小，還是要想好應對措施。比如我們在買保險時會有常用被保險人，選中某個其詳細信息會出現(xiàn)在申請表單中，如果在這時候修改了被選中人的信息，修改后的人，算被選中人還是新的被保險人呢？提交表單后是覆蓋愿被選中人信息還是新增一個被保險人呢？

面對可能出現(xiàn)復雜的情況，要和研發(fā)人員一起探討解決辦法，并把交互說明寫清楚。有時候研發(fā)人員想到的辦法可能更簡單實用。

誤操作：用戶操作錯誤的情況。這種情況采取的措施一般是提前預防錯誤、適當提示用戶、系統(tǒng)自動糾錯。比如庫存接近0時，選擇數(shù)量時就會提醒用戶庫存5件，如果用戶輸入超出5，則自動更正為5.

手勢操作：使用移動端產(chǎn)品時的操作方式。比如滑動、放大、搖晃等。

反饋

提示：用戶操作后，系統(tǒng)反饋給用戶的提示。

跳轉：點擊某個鏈接/按鈕后，頁面跳轉到的地方。網(wǎng)頁也表明是原頁面刷新還是新標簽頁打開，移動端要表明轉場方式（默認為全局）。

動畫：用戶操作后，系統(tǒng)通過動畫的方式反饋給用戶。動畫給人的感覺比較友好，趣味性較強，避免過于夸張。比如Clear用炫酷的手勢和動畫贏得了用戶的青睞。

除靜態(tài)頁面外，還需要考慮各種動態(tài)情況；除正常情況外，還需要考慮特殊和錯誤情況。

本文由 @陳正曦? 授權發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉載。