PRD文檔構(gòu)建及使用流程
正如大家在工作中遇到的那樣,產(chǎn)品需求文檔越來(lái)越被重視,因此整理了這份文檔方便大家日后在工作中,更加快速的構(gòu)建自己的產(chǎn)品需求文檔。
此文檔由Axure構(gòu)建。
附上文檔預(yù)覽連接:http://www.uedart.com/demo.html
首先我整理了我對(duì)此文檔需求的結(jié)構(gòu)如下:
本次采用的是一個(gè)項(xiàng)目中多平臺(tái)多版本的控制模式,方便管理同一項(xiàng)目中的不同類(lèi)型任務(wù)需求,主要包含了兩部分:產(chǎn)品簡(jiǎn)介+產(chǎn)品文檔,接下來(lái),我將根據(jù)每一部分做具體的用法介紹。
產(chǎn)品簡(jiǎn)介使用介紹
1. 產(chǎn)品簡(jiǎn)介
對(duì)項(xiàng)目本身進(jìn)行簡(jiǎn)短的介紹,方便理解本次項(xiàng)目的幾個(gè)主要組成部分:
- 簡(jiǎn)要說(shuō)明產(chǎn)品的使用價(jià)值
- 我是誰(shuí)(一兩句話(huà)寫(xiě)清楚產(chǎn)品的身份)?
- 我有什么用(我是做什么的,我能提供什么服務(wù)等)?
- 為什么選擇我們(與競(jìng)爭(zhēng)對(duì)手相比,我們產(chǎn)品的優(yōu)勢(shì),核心競(jìng)爭(zhēng)力是什么)?
- 目標(biāo)用戶(hù)、使用場(chǎng)景
- 產(chǎn)品的主要用戶(hù)群是誰(shuí)?
- 用戶(hù)主要在什么場(chǎng)景下使用我們的產(chǎn)品。
- 行業(yè)概要
- 簡(jiǎn)要闡述行業(yè)現(xiàn)狀
- 未來(lái)的發(fā)展趨勢(shì)
- 競(jìng)爭(zhēng)對(duì)手情況分析
2. 版本說(shuō)明
這里主要是對(duì)自己的項(xiàng)目進(jìn)行版本更替說(shuō)明,以及多平臺(tái)項(xiàng)目進(jìn)行版本說(shuō)明,做好版本鏈接到對(duì)應(yīng)的產(chǎn)品文檔當(dāng)中去。
3. 自查表
這里主要列出了當(dāng)我們?cè)谶M(jìn)行文檔撰寫(xiě)過(guò)程中,所需要注意的事項(xiàng),方便完成文檔后,對(duì)文檔進(jìn)行自查,完善文檔的不足之處;是否完成列表欄采用的是文字圖標(biāo)進(jìn)行對(duì)錯(cuò)的標(biāo)識(shí)。
這套文字圖標(biāo)是我經(jīng)常使用的,附上鏈接?http://www.axureux.com/home/fontawesome.html
產(chǎn)品文檔使用介紹
根據(jù)版本說(shuō)明創(chuàng)建對(duì)應(yīng)的產(chǎn)品文檔,并在版本說(shuō)明中做好對(duì)應(yīng)版本的鏈接跳轉(zhuǎn)(采用的是在新標(biāo)簽中打開(kāi)),產(chǎn)品文檔命名方式是“平臺(tái)-版本名”,方便區(qū)分。接下來(lái)主要針對(duì)產(chǎn)品文檔的各個(gè)頻道進(jìn)行說(shuō)明,方便大家更好的進(jìn)行修改和使用。
1. 菜單欄
組成部分:項(xiàng)目名稱(chēng)+頻道欄目一級(jí)切換+子屬性二級(jí)切換+不同產(chǎn)品文檔的切換。
本菜單除開(kāi)二級(jí)切換,其余部分采用的是母版制作,所以大家可以根據(jù)自己的需求進(jìn)行調(diào)整。
對(duì)應(yīng)彈出選項(xiàng)采用的是動(dòng)態(tài)面板制作,可以根據(jù)不同欄目進(jìn)行管理,按需求進(jìn)行增減與調(diào)整。
對(duì)應(yīng)不同產(chǎn)品文檔的切換做好鏈接跳轉(zhuǎn),因?yàn)槲依锩嬷挥幸粋€(gè)文檔所以沒(méi)做鏈接,同樣這個(gè)使用動(dòng)態(tài)面板制作,可以按需增減與調(diào)整,做好鏈接跳轉(zhuǎn)到對(duì)應(yīng)產(chǎn)品文檔的更新日志頁(yè)面即可。
2. 產(chǎn)品概覽使用介紹
這個(gè)欄目主要包括了更新日志+需求列表+開(kāi)發(fā)排期。
更新日志:主要記錄此文檔的修改記錄,方便查閱負(fù)責(zé)人與修改人,以及修改內(nèi)容時(shí)間等信息。
需求列表:列出本次版本項(xiàng)目,所需開(kāi)發(fā)的新功能和調(diào)整的功能,說(shuō)明原因,方便后面對(duì)調(diào)整新增的功能進(jìn)行測(cè)試,排查遺漏。
開(kāi)發(fā)排期:對(duì)項(xiàng)目進(jìn)行時(shí)間點(diǎn)安排,及時(shí)跟進(jìn)項(xiàng)目進(jìn)度(要每天更新當(dāng)前進(jìn)度),推進(jìn)項(xiàng)目進(jìn)行,如果大家有使用其他在線(xiàn)工具進(jìn)行項(xiàng)目進(jìn)度管理也可以在排期詳情中附上鏈接,方便查閱更加詳盡的開(kāi)發(fā)進(jìn)度。
3. 產(chǎn)品架構(gòu)
這個(gè)欄目主要包括了實(shí)體關(guān)系圖+結(jié)構(gòu)圖+業(yè)務(wù)流程圖+任務(wù)流程圖+頁(yè)面流程圖,這個(gè)欄目主要是產(chǎn)品在梳理項(xiàng)目需求所使用的。
實(shí)體關(guān)系圖(又稱(chēng)ER圖):我在文檔中也示例了2個(gè)實(shí)體關(guān)系圖的畫(huà)法,此圖主要是理清實(shí)體(數(shù)據(jù)對(duì)象)及其屬性的相關(guān)聯(lián)系。
實(shí)體關(guān)系圖例如:
結(jié)構(gòu)圖:包含了產(chǎn)品結(jié)構(gòu)圖和產(chǎn)品信息結(jié)構(gòu)圖,區(qū)分了這兩個(gè)結(jié)構(gòu)圖的差異,這個(gè)是產(chǎn)品在工作中經(jīng)常用到的,對(duì)產(chǎn)品的欄目,頻道,頁(yè)面,模塊、元素進(jìn)行梳理。
產(chǎn)品結(jié)構(gòu)圖,例如:
產(chǎn)品信息圖,例如:
業(yè)務(wù)流程圖:
通過(guò)業(yè)務(wù)流程圖,鉆研關(guān)鍵事件的流程,分析為什么要這么做,探索出更深層次的問(wèn)題,從而對(duì)現(xiàn)有不合理的業(yè)務(wù)流程進(jìn)行重組優(yōu)化,進(jìn)而制定優(yōu)化方案,改進(jìn)現(xiàn)有流程。主要使用泳道圖來(lái)進(jìn)行繪制,闡述在項(xiàng)目中各個(gè)角色是如何產(chǎn)生相關(guān)聯(lián)系。
業(yè)務(wù)流程圖,例如:
任務(wù)流程圖:基于業(yè)務(wù)流程,進(jìn)行任務(wù)流程梳理,闡述角色和程序發(fā)生交互的流程,你如何進(jìn)行操作,系統(tǒng)如何進(jìn)行反饋。
任務(wù)子流程圖:
頁(yè)面流程:
根據(jù)不同的子任務(wù)流程,對(duì)其交互過(guò)程中所需的頁(yè)面及其操作點(diǎn),進(jìn)行梳理,方便理解各個(gè)頁(yè)面間的跳轉(zhuǎn)關(guān)系,是如何產(chǎn)生聯(lián)系的。這個(gè)我認(rèn)為是很關(guān)鍵的,不是簡(jiǎn)單的將頁(yè)面關(guān)聯(lián)在一起就完成了,而是通過(guò)任務(wù)流程,理解頁(yè)面間是如何產(chǎn)生彼此聯(lián)系。這樣可以更好的思考,流程是否完善,能否提高用戶(hù)體驗(yàn),并對(duì)頁(yè)面進(jìn)行優(yōu)化。
頁(yè)面總流程圖:
4. 產(chǎn)品原型
這個(gè)欄目主要包括了全局說(shuō)明+控件規(guī)范+交互原型+交互說(shuō)明,這個(gè)欄目主要是產(chǎn)品與UI、程序配合時(shí)使用,通過(guò)原型圖能更好的闡述產(chǎn)品的整體樣貌。
全局說(shuō)明:主要對(duì)產(chǎn)品的通用性進(jìn)行說(shuō)明,譬如:z軸內(nèi)容層級(jí)、屏幕適配性、功能權(quán)限、加載方式、彈層樣式、字段屬性、異常狀況、頁(yè)面交互方式,根據(jù)項(xiàng)目本身進(jìn)行通用性的闡述。
這里我只列出了幾項(xiàng),大家可以根據(jù)自己的需求添加欄目和相應(yīng)頁(yè)面。
控件規(guī)范:對(duì)自己在原型中使用的一些元素、控件、組件做統(tǒng)一的規(guī)范,這邊要感謝@大梨,這邊我使用的是他整理的web元件以及移動(dòng)元件,具備統(tǒng)一性, 整個(gè)原型項(xiàng)目看上去才會(huì)更加簡(jiǎn)潔美觀(guān)。
掛載了兩套,大家可以根據(jù)自己需求調(diào)整內(nèi)聯(lián)框架的跳轉(zhuǎn),以及也可以自己制作相關(guān)的控件,保證原型項(xiàng)目的一致性。
交互原型:這里主要展示帶交互的原型,原型的目錄結(jié)構(gòu)可以按照產(chǎn)品結(jié)構(gòu)圖定義好的頁(yè)面進(jìn)行。
交互說(shuō)明:這里主要對(duì)原型頁(yè)面進(jìn)行描述說(shuō)明,根據(jù)用戶(hù)與界面之間發(fā)生的交互操作,提供相應(yīng)的反饋,可能是提示內(nèi)容,也可能是界面內(nèi)或界面之間的跳轉(zhuǎn)。
在這之前可以設(shè)置一個(gè)目錄頁(yè),用來(lái)快速調(diào)整每個(gè)頁(yè)面的說(shuō)明。
這里提供了兩種交互說(shuō)明的方式:一種站點(diǎn)地圖方式,按照產(chǎn)品的信息結(jié)構(gòu),對(duì)每個(gè)頁(yè)面進(jìn)行描述,一個(gè)頁(yè)面一個(gè)描述。如下:
另一種方式是:流程分解方式,控制一個(gè)流程3-4個(gè)頁(yè)面,以流程的方式對(duì)其進(jìn)行描述介紹。
如下:
此架構(gòu)用圖來(lái)自?Qinsman,感謝!
大家可以根據(jù)項(xiàng)目對(duì)原型說(shuō)明的具體需求進(jìn)行選擇,我比較常用第一種,方便頁(yè)面的調(diào)整和修改。
5. 非功能需求
這里包含了三部分:埋點(diǎn)需求+性能需求+兼容性需求,對(duì)產(chǎn)品中的非功能需求進(jìn)行描述,根據(jù)自身需求進(jìn)行添加。
6. 用例文檔
這里包含了四部分:角色說(shuō)明+用例關(guān)系+活動(dòng)過(guò)程+用例描述。
用例圖是UML的一種類(lèi)圖表現(xiàn)方式,是從用戶(hù)角度描述產(chǎn)品功能,并指出該用戶(hù)在產(chǎn)品各功能中的操作權(quán)限。流程圖是通過(guò)線(xiàn)框圖形的方式描述產(chǎn)品功能的處理過(guò)程,主要是描述功能的執(zhí)行順序、分支和循環(huán)的邏輯。
7. 需求卡片
主要用來(lái)采集需求,往往在項(xiàng)目進(jìn)行中可能會(huì)根據(jù)一些情況對(duì)需求進(jìn)行調(diào)整,這里我們需要對(duì)需求進(jìn)行整理,方便后續(xù)查看,主要包含了:
需求編號(hào):該需求的編號(hào)或序號(hào),可以是時(shí)間+序號(hào)的形式,如:20150430-001。
需求類(lèi)型:分為功能性需求和非功能性需求。
- 功能性需求:主要涉及產(chǎn)品邏輯架構(gòu)、交互、功能以及BUG類(lèi)的需求,這些需求的重要性較高,因?yàn)樯婕暗疆a(chǎn)品的正常使用。
- 非功能性需求:主要涉及產(chǎn)品的UI設(shè)計(jì)等等,如某個(gè)按鈕應(yīng)該為矩形還是圓角矩形,這些需求重要性較低,并不影響產(chǎn)品的正常使用。
需求來(lái)源:該需求主要提出的人員以及提出的場(chǎng)景。
- 提出人員:該需求提出人員的詳細(xì)信息,如性別、年齡、教育程度、崗位經(jīng)驗(yàn)等信息,這有助于產(chǎn)品經(jīng)理了解該需求所對(duì)應(yīng)的用戶(hù)類(lèi)型,能夠在需求梳理時(shí),了解某個(gè)用戶(hù)群體的需求類(lèi)型。
- 提出場(chǎng)景:該需求提出的使用場(chǎng)景、如地點(diǎn)、環(huán)境和時(shí)間等,便于產(chǎn)品經(jīng)理了解用戶(hù)是在何種條件下會(huì)使用該需求所涉及的功能,如果該需求提出場(chǎng)景是經(jīng)常發(fā)生的,那么該需求的重要性就會(huì)相對(duì)有所提高。
需求描述:這是單項(xiàng)需求卡片最為重要的要素,該部分主要體現(xiàn)的是需求的詳細(xì)內(nèi)容,如需求所涉及的現(xiàn)象,希望得到解決的方案等等。該要素會(huì)對(duì)需求產(chǎn)生各種描述,需要產(chǎn)品經(jīng)理在整理需求時(shí),進(jìn)行思考、分析和歸納。
需求原因:該需求提出的原因,該部分可能會(huì)在“需求描述”中也予以體現(xiàn),主要體現(xiàn)的是提出該需求的主要原因,該部分便于產(chǎn)品經(jīng)理對(duì)需求描述進(jìn)行歸納總結(jié)。
需求屬性:分為重要性、緊迫性以及持續(xù)時(shí)間。
- 重要性:該需求對(duì)于產(chǎn)品的重要程度,該需求的完善對(duì)于產(chǎn)品的成長(zhǎng)運(yùn)營(yíng)具有積極意義;
- 緊迫性:該需求完善的時(shí)間要求,主要體現(xiàn)在功能類(lèi)需求,其中BUG類(lèi)需求最高,該需求的解決便于產(chǎn)品的正常使用;
- 持續(xù)性:該需求的持續(xù)時(shí)間長(zhǎng)度,主要體現(xiàn)為該需求是否能夠隨著產(chǎn)品的不停迭代更新,依舊能夠?qū)Ξa(chǎn)品的使用發(fā)揮作用。
附上文檔預(yù)覽連接:http://www.uedart.com/demo.html
本文由 @時(shí)光若刻 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Pixabay,基于 CC0 協(xié)議
太棒了,文檔的信息量爆炸,夠我學(xué)習(xí)一陣子了
請(qǐng)問(wèn)到哪個(gè)鏈接付費(fèi)購(gòu)買(mǎi)?
http://www.uedart.com/
你好 怎么看到你原型的預(yù)覽,上面的地址進(jìn)去不對(duì),方便提供原型下載嗎? 感謝
http://www.uedart.com/
請(qǐng)問(wèn)一下 管理后臺(tái)的需求和原型能融合到里面嗎?
想看看數(shù)據(jù)埋點(diǎn)那塊的
倉(cāng)儲(chǔ)管理
學(xué)習(xí)中,非常值得借鑒
Thanks?(?ω?)?
這個(gè)PRD看的舒服
Thanks?(?ω?)?,感謝
好?。?!
原來(lái)產(chǎn)品經(jīng)理還可以這么做,厲害了大佬.感謝您的分享.
O(∩_∩)O謝謝
求老師分享2875636739@qq.com,感謝感謝
老師你好,你的交互說(shuō)明不就是頁(yè)面流程圖嗎?
流程是頁(yè)面跳轉(zhuǎn)的過(guò)程,是頁(yè)面結(jié)構(gòu)具象的表現(xiàn)。而交互說(shuō)明是是對(duì)于功能的操作說(shuō)明以及觸發(fā)條件的說(shuō)明以及異常情況的描述噢~~~
這些人,都是奔著你的RP來(lái)的
O(∩_∩)O哈哈~,重在思路,rp原件已經(jīng)發(fā)至axureshop代理出售
你這個(gè)寫(xiě)了多久?
qq:81700297,感謝大牛分享??
老師,您這篇文章的原型圖外網(wǎng)可以訪(fǎng)問(wèn)也是因?yàn)槟I(mǎi)了服務(wù)器和域名嗎?
是的,我是掛在自己的服務(wù)器上,如果沒(méi)有服務(wù)器,可以使用一些原型托管平臺(tái),也是可以實(shí)現(xiàn)外網(wǎng)預(yù)覽的
十分感謝,我去搜一搜
樓主求原型包,QQ1170920178,付費(fèi)。??
進(jìn)入預(yù)覽界面,底部有加群鏈接
業(yè)務(wù)流程圖,任務(wù)流程圖,頁(yè)面流程圖這些有點(diǎn)頭大,能煩請(qǐng)大佬解釋一下學(xué)習(xí)一下嗎??
大佬,求原型包,但我會(huì)付費(fèi),我很討厭這些人伸手要資源,又想免費(fèi),我微信18171380056,真誠(chéng)求資源
進(jìn)到預(yù)覽頁(yè)面,底下有加群鏈接
付費(fèi)了解一下?樓主可以加Q分享一下原型嗎?QQ:370491118
進(jìn)到預(yù)覽頁(yè)面,底下有加群鏈接
大佬qq多少,可以加qq學(xué)習(xí)嗎
想問(wèn)下,你寫(xiě)這么多不累嗎?產(chǎn)品如果內(nèi)容有修改,相關(guān)文檔都要修改,這樣不是增加了工作量?
這么做就是把內(nèi)容集中起來(lái),改一個(gè)文檔,像以前文檔都是分散的,一改,多個(gè)文件都改,現(xiàn)在這個(gè)輸出的html,用原型的托管平臺(tái),可以保持一個(gè)鏈接不變,有跟新所有人都可以同步看到
能否給個(gè)資源模板觀(guān)摩學(xué)習(xí)?由衷感謝~214034466@qq.com
樓主能否加我一下QQ:2890933775 請(qǐng)教一個(gè)文檔上的問(wèn)題,謝謝啦
學(xué)習(xí)了
這么多求原型包的 心疼博主
?? Thanks?(?ω?)?
讀了《絕密原型檔案》,學(xué)習(xí)了一些基本的交互設(shè)計(jì)思維與文檔規(guī)范;今天又讀了前輩您的這篇文章,覺(jué)得完全是那本書(shū)的升級(jí)版啊,很贊????
請(qǐng)教一下產(chǎn)品信息與產(chǎn)品結(jié)構(gòu)的區(qū)分緯度是什么?
厲害!應(yīng)屆生向前輩學(xué)習(xí),但預(yù)覽鏈接沒(méi)法下載到本地查看啊,能否煩請(qǐng)前輩發(fā)一份至郵箱:gkbwj@qq.com,感激不盡!