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