用原型寫需求文檔瞧省，最大的優(yōu)點(diǎn)就是簡(jiǎn)潔直觀耳舅。
本文以小紅書app為例肿嘲，說(shuō)說(shuō)如何用原型寫需求文檔桥爽。
一、搭建好文件目錄
1苞笨、文檔修改記錄
記錄下每次修改靠柑，做好文件版本迭代記錄
2隐砸、原型說(shuō)明
（1）全局說(shuō)明
將適用于全局的規(guī)則扳炬、交互等信息進(jìn)行前置說(shuō)明吏颖，方便統(tǒng)一管理。
（2）頁(yè)面結(jié)構(gòu)
理清各頁(yè)面之前的層級(jí)結(jié)構(gòu)恨樟，就像畫樹一樣半醉，先畫出主干，再進(jìn)行分支的補(bǔ)充劝术。
3缩多、流程
梳理出流程，理清業(yè)務(wù)邏輯养晋〕倪海可以結(jié)合泳道圖說(shuō)明在實(shí)際業(yè)務(wù)場(chǎng)景中各角色的任務(wù)職能
4、原型
畫出產(chǎn)品的基本框架構(gòu)思绳泉。有哪些信息要素逊抡？信息的表現(xiàn)優(yōu)先級(jí)？等等圈纺。后面會(huì)詳細(xì)展開描述秦忿。
二麦射、畫好原型并做好注釋
1蛾娶、分模塊
頁(yè)面可以按照功能分成幾個(gè)模塊。
小紅書的個(gè)人主頁(yè)頁(yè)面潜秋，我分成了基本信息蛔琅、附屬信息、活躍信息三部分峻呛。當(dāng)然每個(gè)人也可以有自己的劃分思路和想法罗售。
2辜窑、做好注釋
分好模塊之后，需要對(duì)每個(gè)模塊的具體信息進(jìn)行詳細(xì)說(shuō)明寨躁。一般會(huì)有信息元素描述穆碎、規(guī)則、狀態(tài)职恳、異常情況所禀。
（1）信息元素描述
可以從這幾個(gè)維度展開：數(shù)據(jù)、類型放钦、操作色徘、優(yōu)先級(jí)、數(shù)據(jù)來(lái)源操禀、備注褂策。
◆ 數(shù)據(jù)：將信息進(jìn)行結(jié)構(gòu)化梳理，羅列信息字段颓屑。
◆ 類型：信息有不同的表現(xiàn)形式斤寂，可以是圖片也可以是文本等等。
◆ 操作：進(jìn)行什么操作會(huì)產(chǎn)生什么樣的效果揪惦。
◆ 優(yōu)先級(jí)：有些信息需要高亮顯示扬蕊，比如文本顯示為顯眼的紅色；有些文本需要加粗顯示丹擎；而有些就是正常顯示尾抑，這就代表著不同的信息會(huì)有不同的表現(xiàn)形式，也就代表了不同的表現(xiàn)優(yōu)先級(jí)蒂培。
◆ 數(shù)據(jù)來(lái)源：寫明數(shù)據(jù)從何而來(lái)再愈。
◆ 備注：額外說(shuō)明。
（2）規(guī)則
即限制條件护戳。比如：表格每頁(yè)最多顯示幾行翎冲，按鈕的多次點(diǎn)擊需要間隔多久等等
（3）狀態(tài)
區(qū)分狀態(tài)。舉個(gè)例子：文本鏈接有已點(diǎn)擊媳荒、未點(diǎn)擊抗悍、鼠標(biāo)懸浮幾個(gè)狀態(tài)，他們可以有不同的表現(xiàn)形式钳枕，已點(diǎn)擊鏈接顯示為藍(lán)色缴渊，未點(diǎn)擊顯示為黑色，懸浮出現(xiàn)說(shuō)明文檔氣泡鱼炒。
（4）異常情況
除正常流程外的異常情況衔沼，也屬于功能的一部分。做好異常情況兼容，產(chǎn)品才會(huì)運(yùn)行地更穩(wěn)健指蚁，具有更好的容錯(cuò)性菩佑。
三、不遺漏異常情況
大家如果跟測(cè)試打過(guò)交道的話凝化，應(yīng)該知道“冒煙測(cè)試”這個(gè)概念稍坯，在產(chǎn)品上線前回歸下主流程，避免大的缺陷搓劫。
一個(gè)產(chǎn)品需要涉及到很多邊界條件劣光，也就會(huì)有很多的異常情況。比如文本輸入時(shí)超出了限制長(zhǎng)度糟把，多次點(diǎn)擊同一個(gè)按鈕绢涡，寫錯(cuò)了內(nèi)容想要撤銷修改等等，產(chǎn)品經(jīng)理需要盡可能多的聯(lián)想到會(huì)發(fā)生的各種情況并做好對(duì)應(yīng)處理遣疯。
拋開上帝視角雄可，實(shí)實(shí)在在去體驗(yàn)一把產(chǎn)品，可能就會(huì)發(fā)現(xiàn)一些意想不到的場(chǎng)景和情況缠犀。
tips：
推薦幾個(gè)原型的組件庫(kù)：
1数苫、Ant Design 螞蟻設(shè)計(jì) ：https://link.zhihu.com/?target=https%3A//ant.design/docs/resources-cn（包括移動(dòng)端、pc 端）
2辨液、餓了么：https://element.eleme.cn/#/zh-CN/resource（pc端）
————————————————————————
參考鏈接：
up主斯前想后來(lái)：https://www.bilibili.com/video/BV1264y1V7pp/?spm_id_from=333.999.0.0&vd_source=618ed4fde6a60aef6cf49edd31dc737a
