寫在前面
撰寫需求文檔（PRD）文檔是每個(gè)產(chǎn)品人必備的技能，對于大公司工作的產(chǎn)品經(jīng)理，不必考慮PRD文檔應(yīng)該包含什么內(nèi)容、應(yīng)該采取什么格式的問題，大公司有自己成熟的產(chǎn)品方法論，PRD文檔都是固定的模版，不可更改的。而對于中小公司或者創(chuàng)業(yè)公司，可能還未形成固定有效的模版，產(chǎn)品經(jīng)理可根據(jù)工作的需要適當(dāng)發(fā)揮和創(chuàng)新，以快速的相應(yīng)項(xiàng)目的需要，更好的服務(wù)于項(xiàng)目，經(jīng)過長期的打磨，形成最適合自己公司的PRD模版。
在做此模版之前也在網(wǎng)絡(luò)上搜尋了一些用原型寫PRD文檔的案例，有些寫的比較好的難以下載到源文件，而絕大多數(shù)都涉及頁面太多，頁面跳轉(zhuǎn)刷新復(fù)雜，影響體驗(yàn)。本文檔采用技巧簡單，易學(xué)，易用，主要以動態(tài)面板構(gòu)成，頁面跳轉(zhuǎn)無刷新。缺點(diǎn)在于層級限定在兩級，如有興趣的可以繼續(xù)關(guān)注我，后期給大家提供以中繼器等其他方式實(shí)現(xiàn)的三級結(jié)構(gòu)甚至多級結(jié)構(gòu)的菜單。
需求文檔模版也不用常更新，原型文檔提供給大家下載。
下載地址：鏈接: https://pan.baidu.com/s/1pLsmrPp 密碼: x2nx
如何設(shè)計(jì)導(dǎo)航目錄
原型撰寫PRD文檔技術(shù)很簡單，主要采用動態(tài)面板實(shí)現(xiàn)。先給大家上效果圖，如果覺得喜歡的可以繼續(xù)看下去，如果不喜歡的可以也可以交流一下，共同學(xué)習(xí)。
下面給大家重點(diǎn)講解一下如何利用動態(tài)面板設(shè)計(jì)導(dǎo)航：
（1）添加一級導(dǎo)航菜單
? ? ? ? ?在導(dǎo)航部分添加文本域，分類成一個(gè)組，設(shè)定每一個(gè)文本域的onMouseOver事件，修改文本顏色屬性。
（2）添加二級導(dǎo)航菜單
二級導(dǎo)航菜單是一個(gè)動態(tài)面板，有多少個(gè)一級菜單，就設(shè)置多少個(gè)狀態(tài)，一一對應(yīng)。
在每一個(gè)狀態(tài)里添加二級導(dǎo)航菜單
（3）添加主體內(nèi)容
在主體內(nèi)容添加一個(gè)動態(tài)面板，有多少個(gè)二級菜單設(shè)置多少個(gè)狀態(tài)，一一對應(yīng)。
（4）設(shè)置鼠標(biāo)點(diǎn)擊事件
對于一級菜單，每一個(gè)菜單點(diǎn)擊時(shí)，onClick事件，將二級菜單動態(tài)面板狀態(tài)設(shè)置為對應(yīng)的菜單面板。
對于二級菜單，每一個(gè)菜單點(diǎn)擊時(shí)，onClick事件，將主體內(nèi)容動態(tài)面板狀態(tài)設(shè)置為對應(yīng)的菜單面板。
設(shè)置完成就OK了，可以流暢的無刷新點(diǎn)擊跳轉(zhuǎn)了。
PRD產(chǎn)品需求文檔要素
（一）引言
? ? ? ? ? ?1. 項(xiàng)目背景
? ? ? ? ? ?2.項(xiàng)目目的
? ? ? ? ? ?3.項(xiàng)目意義
（二）參考資料
? ? ? ? ? ?1.業(yè)務(wù)概況
? ? ? ? ? ?2.業(yè)務(wù)介紹
? ? ? ? ? ?3.業(yè)務(wù)流程
? ? ? ? ? ?4.用戶角色
? ? ? ? ? ?5.利益主體
? ? ? ? ? ?6.時(shí)間進(jìn)度
（三）競品分析（可選）
? ? ? ? ? ? 1.分析目的
? ? ? ? ? ? 2.目標(biāo)受眾
? ? ? ? ? ? 3.市場現(xiàn)狀
? ? ? ? ? ?4.競品收集與篩選
? ? ? ? ? ?5.競品分析
? ? ? ? ? ?6.盈利模式
? ? ? ? ? 7.運(yùn)營推廣
? ? ? ? ? 8.發(fā)展趨勢
（四）場景分析（可選）
? ? ? ? ? ?1.痛點(diǎn)場景
? ? ? ? ? ?2.癢點(diǎn)場景
? ? ? ? ? ?3.場景功能提煉
（五）功能設(shè)計(jì)
? ? ? ? ? ?1.系統(tǒng)架構(gòu)
? ? ? ? ? ?2.Web端功能設(shè)計(jì)
? ? ? ? ? ?3.后端功能設(shè)計(jì)
? ? ? ? ? ?4.Android端功能設(shè)計(jì)
? ? ? ? ? ?5.OS端功能設(shè)計(jì)
（六）非功能需求
? ? ? ? ? ? 1.性能要求
? ? ? ? ? ? 2.用戶體驗(yàn)
? ? ? ? ? ? 3.產(chǎn)品營銷
? ? ? ? ? ? 4.運(yùn)營需求
? ? ? ? ? ? 5.財(cái)務(wù)需求
? ? ? ? ? ? 6.監(jiān)管需求
? ? ? ? ? ? 7.風(fēng)險(xiǎn)監(jiān)控
? ? ? ? ? ? 8.風(fēng)險(xiǎn)情形
（七）控制措施
（八）其他需求
（九）附件
（十）原型預(yù)覽
? ? ? ? 1.Web端原型
? ? ? ? ?2.Android端原型
? ? ? ? ?3.IOS端原型
結(jié)尾
文檔只是輔助設(shè)計(jì)的一部分，沒有最好的文檔，只有最適合的文檔。歡迎大家下載，歡迎交流。
下載地址：鏈接: https://pan.baidu.com/s/1pLsmrPp 密碼: x2nx
