標(biāo)準(zhǔn)的原型應(yīng)該包含

簡要說明與信息結(jié)構(gòu)

1.變更日志

變更日志范例

2.版本說明

以版本號(hào)為單位，適合快速迭代，周期固定的項(xiàng)目。

版本說明范例

3.信息結(jié)構(gòu)

需求文檔的信息結(jié)構(gòu)體現(xiàn)產(chǎn)品邏輯，原型稿中的信息結(jié)構(gòu)是綜合考慮產(chǎn)品邏輯結(jié)構(gòu)和用戶習(xí)慣得到的結(jié)果。

信息結(jié)構(gòu)范例

任務(wù)流程與界面流程

任務(wù)流程：偏向業(yè)務(wù)限制、后臺(tái)邏輯

頁面流程：更清晰，具體，可以看到具體的頁面，看到用戶如何通過操作，從一個(gè)界面跳轉(zhuǎn)到另一個(gè)界面。

線框圖&交互說明

線框圖代表靜態(tài)部分，交互說明代表動(dòng)態(tài)部分。

秘訣：靜態(tài)+動(dòng)態(tài) 正常+特殊
交互說明主要包含以下幾種類型
1.限制：范圍值、極限值
范圍值：數(shù)據(jù)的取值范圍。例如：下拉菜單、篩選按鈕、滑塊。
極限值：數(shù)據(jù)的顯示限制。包含最多應(yīng)顯示多少字?jǐn)?shù)、超過時(shí)如何顯示、是否折行。

2.狀態(tài)：默認(rèn)狀態(tài)、常見狀態(tài)、特殊狀態(tài)
默認(rèn)狀態(tài)：默認(rèn)顯示的文字、數(shù)據(jù)、狀態(tài)
常見狀態(tài)：針對(duì)某一模塊一般會(huì)出現(xiàn)的幾種狀態(tài)
特殊狀態(tài)：非正常情況下樣式、文案、說明

3.操作：
常見操作：普通、聚焦、懸停、點(diǎn)擊后
特殊操作：嘗試簡化各種邏輯判斷
誤操作：盡量避免/系統(tǒng)幫助用戶改正
手勢(shì)操作：tap\flick\drag\pinch open\pinch close\touch and hold\double tap\swipe\shake

4.反饋&提示：toast\彈窗

5.跳轉(zhuǎn)方式

6.動(dòng)畫

交互說明要點(diǎn)
1.盡量使用真實(shí)、符合邏輯的數(shù)據(jù)
2.狀態(tài)描述-排序方式/極限顯示情況/字?jǐn)?shù)限制
3.用表格羅列各種狀態(tài)/用流程圖代替文字說明
4.if else case 來組織文字說明
5.重復(fù)出現(xiàn)的模塊單獨(dú)拎出來