基本概念 原型是設(shè)計(jì)方案的表達(dá)：它是產(chǎn)品功能與內(nèi)容的示意圖，既包含靜態(tài)的頁面樣式（線框圖），也包含動(dòng)態(tài)的操作效果（交互說明）。原型按照精細(xì)程度，可分為低保真原型和高保真原型。
低保真原型：與最終產(chǎn)品不太相似的原型，它可以是紙面原型（草圖），也可以是用軟件繪制的線框圖。
高保真原型：高保真原型在外觀、操作上與最終產(chǎn)品基本一致。高保真模型相當(dāng)于一個(gè)高級(jí)模型，更適合做展示用，并不等同于真實(shí)的產(chǎn)品。
標(biāo)準(zhǔn)的原型應(yīng)該包含什么內(nèi)容——
1） 簡(jiǎn)要的說明與信息結(jié)構(gòu)：
變更日志：對(duì)于比較大型、周期較長的項(xiàng)目，往往是做一部分評(píng)審一部分，評(píng)審后定期更新，因此，在整個(gè)項(xiàng)目周期過程中，需要填寫更新日志，方便項(xiàng)目成員查看每次更改的內(nèi)容。
變更日志一般包含日期、變更內(nèi)容、變更原因、備注等內(nèi)容。
版本說明：針對(duì)不同的產(chǎn)品，如果是更新迭代比較快的產(chǎn)品，還可以添加版本說明，針對(duì)每次迭代更新的版本列出版本說明，能夠讓項(xiàng)目成員針對(duì)每次的更改一目了然。
信息結(jié)構(gòu)：產(chǎn)品內(nèi)容包含什么，它們是如何組織的，頁面層級(jí)是如何分布，這些都可以在信息結(jié)構(gòu)中體現(xiàn)。產(chǎn)品原型中的信息結(jié)構(gòu)不同于需求文檔，產(chǎn)品需求信息結(jié)構(gòu)更多體現(xiàn)產(chǎn)品的邏輯結(jié)構(gòu)。
2）任務(wù)流程與頁面流程
任務(wù)流程：是指用戶使用產(chǎn)品時(shí)，，它每一步的操作會(huì)遇到什么結(jié)果，系統(tǒng)如何反饋等。
頁面流程：比任務(wù)流程更清新，具體。通過頁面流程圖，不僅可以看到具體的頁面，還可以看到用戶如何操作，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的完整的過程。
3）線框圖&交互說明
交互說明包含的類型：
1）限制：包含的范圍、極限值等。
范圍值主要指數(shù)據(jù)的取值范圍，比如下拉菜單、篩選按鈕、滑塊等，必須標(biāo)注選擇范圍。
極限值主要是數(shù)據(jù)的顯示比例，比如最多應(yīng)顯示多少數(shù)字，超時(shí)如何顯示等。
2）狀態(tài)：包含默認(rèn)狀態(tài)、常見狀態(tài)、特殊狀態(tài)等
默認(rèn)狀態(tài)主要指默認(rèn)顯示的文字、數(shù)據(jù)、選項(xiàng)等。如輸入框默認(rèn)提示文字
常見狀態(tài)主要指針對(duì)某一個(gè)模塊，經(jīng)常遇到的狀態(tài)。如簽到模塊登錄已簽到、未登錄簽到等。
特殊狀態(tài)一般指非正常情況的樣式、文案、說明等。如加載失敗顯示
3）操作：包含常見操作、特殊操作、誤操作、手勢(shì)操作等。
常見操作主要指正常操作時(shí)得到的反饋狀態(tài)。如翻頁控件，聚焦、鼠標(biāo)懸停、點(diǎn)擊后的不用狀態(tài)。
特殊操作主要指一些極端情況下的操作。如用戶在極端情況下的操作，勾選列表時(shí)超過默認(rèn)選項(xiàng)等。、
誤操作主要指用戶操作錯(cuò)誤時(shí)的情況。
手勢(shì)操作主要指用戶使用移動(dòng)產(chǎn)品時(shí)的操作方法。常見的有點(diǎn)擊、雙擊、長按、捏、伸、滑動(dòng)，等待。
4）反饋：用戶操作后得到的反饋動(dòng)作，包含提示、跳轉(zhuǎn)、動(dòng)畫等。
提示主要指操作后，系統(tǒng)反饋給用戶的文字說明。
跳轉(zhuǎn)主要指點(diǎn)擊某個(gè)鏈接后，頁面跳轉(zhuǎn)到哪里。手機(jī)應(yīng)用，有時(shí)需要表面頁面跳轉(zhuǎn)時(shí)的轉(zhuǎn)場(chǎng)方式。同時(shí)需要注明界面的不同位置以不同的手勢(shì)操作時(shí)，會(huì)跳轉(zhuǎn)到哪里。
動(dòng)畫主要指用戶操作后，系統(tǒng)通過動(dòng)畫的方式反饋給用戶。
交互說明注意事項(xiàng)：
1）盡量使用真實(shí)、符合邏輯的數(shù)據(jù)內(nèi)容
2）不遺漏特殊狀態(tài)的描述
3）避免過長的說明
4）避免流水賬式的說明（流程圖代表文字說明、用表格羅列各種狀態(tài)、組織文字說明、制作一定的動(dòng)態(tài)效果）
5）原型有更改，需要及時(shí)更新交互說明
寫交互說明時(shí)除靜態(tài)頁面外，還需要考慮各種動(dòng)態(tài)情況；除正常情況外，還需要考慮特殊和錯(cuò)誤的情況。
