PRD:「FITLIFE」小程序產(chǎn)品需求文檔(用戶端)
筆者通過產(chǎn)品概況、產(chǎn)品結(jié)構(gòu)、業(yè)務(wù)流程圖、全局說明、功能性需求、非功能性需求分析等模塊,系統(tǒng)輸出這一份關(guān)于“FITLIFE”小程序用戶端的產(chǎn)品需求文檔。
Hi~最近在對自己參與過的項(xiàng)目進(jìn)行總結(jié),希望可以和大家分享學(xué)習(xí)交流。輸出內(nèi)容是檢視自己的方式,所以我就來吸取經(jīng)驗(yàn)了。
通過研讀各位優(yōu)秀作者的精品,我學(xué)習(xí)到了不少知識。此次,以實(shí)際工作中遇到的情況作為案例,我將從0至1的產(chǎn)品中抽取重點(diǎn)模塊進(jìn)行分享。
為了閱讀體驗(yàn),我將盡量簡化常規(guī)化的環(huán)節(jié),本次采用AXURE梳理PRD——利用AXURE動態(tài)面板和內(nèi)聯(lián)框架,制作文檔導(dǎo)航,提高瀏覽人員的閱讀效率。
一、概述
1. 產(chǎn)品介紹
2. 文檔修訂記錄
將重點(diǎn)模塊添加對應(yīng)的跳轉(zhuǎn)鏈接,方便瀏覽人員迅速定位內(nèi)容。
版本號規(guī)則:小數(shù)點(diǎn)后為當(dāng)前版本的小更新,小數(shù)點(diǎn)前為大版本更新。
修訂屬性:新增、修改、刪除
二、產(chǎn)品結(jié)構(gòu)
1. 信息結(jié)構(gòu)圖
2. 功能結(jié)構(gòu)圖
由于完整結(jié)構(gòu)圖展開占很大的篇幅并且看不清楚,為了閱讀體驗(yàn),對結(jié)構(gòu)圖部分收縮。完整版結(jié)構(gòu)圖可在AXURE中查看。
三、業(yè)務(wù)流程圖
建議將流程圖統(tǒng)一整理至表格中,做成鏈接跳轉(zhuǎn)形式,實(shí)現(xiàn)快速查閱。為了順暢的需求閱讀體驗(yàn),將各自的流程圖放在之后的需求描述部分中展示。
四、全局說明
1. 名詞術(shù)語說明
2. 權(quán)限彈窗
3. 時(shí)間距離規(guī)范
3.1 時(shí)間規(guī)范
3.2 距離規(guī)范
4. 異常情況
4.1 網(wǎng)絡(luò)異常
手機(jī)網(wǎng)絡(luò)連接異常,小程序彈窗提示如下:
4.2 用戶狀態(tài)說明
五、功能性需求說明
良好的需求閱讀體驗(yàn)需要保證閱讀過程是順暢的。
在這部分,首先列出【需求清單】,總覽這次需求涉及的模塊及簡要信息。緊接著,按照【需求模塊】-【流程圖】-【原型頁面流轉(zhuǎn)】-【原型需求拆解】的敘述邏輯去完成各個(gè)模塊的需求說明。
1. 需求池&需求清單
1.1 需求管理池
- 需求來源:產(chǎn)品、運(yùn)營、BOSS等等
- 需求類型:新增需求、需求調(diào)整、功能優(yōu)化、BUG修復(fù)、UI優(yōu)化
- 系統(tǒng):涉及到的系統(tǒng)及模塊
- 需求說明:簡述需求
- 優(yōu)先級判斷:重要緊急、重要但不緊急、緊急但不重要、既不緊急也不重要(ps:我們要經(jīng)常關(guān)注重要但不緊急的任務(wù)進(jìn)度,避免重要緊急任務(wù)扎堆出現(xiàn)。)
1.2 需求清單
對需求管理池評估篩選后,將需求模塊、對應(yīng)功能、需求優(yōu)先級、完成情況統(tǒng)一整理到表格中。同樣的,這里將模塊名稱做成鏈接格式,快速查閱對應(yīng)的需求模塊。
優(yōu)先級規(guī)范:p1、p2……數(shù)字越小代表優(yōu)先級越高。
2. 新用戶&首頁模塊
2.1 新用戶登錄流程圖
2.2?新用戶登錄原型(點(diǎn)擊查看大圖)
2.3 首頁
3. 預(yù)約團(tuán)課模塊
3.1 團(tuán)課預(yù)約流程圖
3.2?團(tuán)課預(yù)約頁面流轉(zhuǎn)
3.2?課程列表頁
3.3?課程詳情頁
3.4?預(yù)約課程頁
4. 預(yù)約私教模塊
4.1 私教預(yù)約流程圖
4.2 私教預(yù)約頁面流轉(zhuǎn)
4.3 私教列表頁
4.4 私教詳情頁
4.5 私教預(yù)約頁
5 購卡模塊
5.1 購卡流程圖
5.2 購卡頁面流程
5.3 購買儲值卡頁面
6. 我的模塊(個(gè)人中心)
6.1 個(gè)人頁面
6.2 修改資料
6.3 我的卡包
6.4 我的課程包
6.5 我的優(yōu)惠券
6.6 富文本頁面
六、非功能性需求
非功能性需求,是比較容易忽視的部分,往往和性能、安全掛鉤,影響著產(chǎn)品的穩(wěn)定性與安全性。
以下僅僅是例子,具體方案需要根據(jù)業(yè)務(wù)情況和產(chǎn)品特性與相關(guān)人員深入溝通。
1. 性能需求
- 響應(yīng)時(shí)間:系統(tǒng)對請求做出響應(yīng)的時(shí)間。例如系統(tǒng)處理一個(gè)HTTP請求需要200ms,這個(gè)200ms就是系統(tǒng)的響應(yīng)時(shí)間。
- 并發(fā)用戶數(shù):同時(shí)承載正常使用系統(tǒng)功能的用戶數(shù)量。
- 與性能相關(guān)的數(shù)據(jù)指標(biāo)還有QPS(每秒響應(yīng)請求數(shù))、TPS(每秒處理的事務(wù)數(shù))等。
性能需求這部分僅僅是舉個(gè)例子,具體情況和數(shù)據(jù)方案,需要和相關(guān)人員深入溝通。
2. 可用性需求
- 避免用戶高頻點(diǎn)擊無反饋的情況。
- 為用戶提供反饋渠道。
- 保持文案與組件的一致性。
3. 數(shù)據(jù)統(tǒng)計(jì)需求
產(chǎn)品初期需要一定基礎(chǔ)的數(shù)據(jù)提供支持,因此,除了小程序官方數(shù)據(jù)統(tǒng)計(jì)平臺,再接入第三方統(tǒng)計(jì)平臺,統(tǒng)計(jì)以下事件的數(shù)據(jù)及路徑轉(zhuǎn)化率。
七、思考總結(jié)
1. 內(nèi)容細(xì)節(jié)
- 流程圖和頁面流轉(zhuǎn)圖要整齊統(tǒng)一,實(shí)在太多信息,建議用子流程模塊和多頁面分述解決。見過很多像“蜘蛛網(wǎng)”一樣的圖,閱讀體驗(yàn)比較糟糕。
- 盡量讓用戶不用點(diǎn)開大圖就能看清內(nèi)容,本篇部分頁面流轉(zhuǎn)圖和頁面需求也難免遇到這類問題。
- 異常邏輯和toast彈窗等細(xì)節(jié)需要加強(qiáng)把控,本篇這部分還是有所欠缺。
2. 高保真or低保真?
- 低保真線框圖:重點(diǎn)在于功能、結(jié)構(gòu)、流程的梳理,利用簡單的框架和元素,省時(shí)省力;但細(xì)節(jié)相對高保真沒這么完善,可能會有一定的溝通成本。
- 高保真:針對于高層領(lǐng)導(dǎo)及投資人等,進(jìn)行產(chǎn)品概念演示,視覺效果好,細(xì)節(jié)相對完善;相當(dāng)于是一個(gè)產(chǎn)品的demo,但修改成本較高。
原型交互做的很酷炫,證明你對工具非常熟練。但如果為了做交互花費(fèi)了大量的時(shí)間,就得考慮時(shí)間成本值不值得。如果能夠用簡單的注釋和跳轉(zhuǎn),清晰表達(dá)交互邏輯,會不會省時(shí)省力一些?
具體情況具體分析,比如,你做了很多交互,開發(fā)做漏了會說:“沒寫清楚啊,我怎么知道哪里可以點(diǎn)擊呢?”
因此,我的習(xí)慣是做簡單的“交互邏輯+交互注釋”,盡量避免復(fù)雜且耗時(shí)耗力的交互。
當(dāng)然,重要核心的交互邏輯,繪制出來比文字說明更容易理解。這時(shí)候,如果有現(xiàn)成的組件就套用,如果沒有,就采用“圖+文字+口述”的方式表達(dá)清楚。
3. WORD?AXURE?
需求文檔用什么工具寫比較好?
這是我見過比較多的產(chǎn)品話題討論之一——有用WORD的,有用AXURE的,還有用墨刀、石墨文檔等等……
我曾經(jīng)請教過兩位分別使用WORD和AXURE撰寫需求文檔的朋友,他們是這樣的看法:
WORD選手:
- 用word寫,形式更規(guī)范。
- 結(jié)構(gòu)大綱清晰,細(xì)節(jié)到位。
- 洋洋灑灑幾十頁,滿足感杠杠滴。
AXURE選手:
- 用AXURE寫,圖+標(biāo)注+交互,更直觀地表達(dá)產(chǎn)品需求,閱讀更順暢。
- 預(yù)覽方便,支持上傳云端同步。
- WORD寫了也沒人有耐心看,這個(gè)世界很浮躁啊。
我的看法:
需求文檔是幫助傳達(dá)及溝通需求的工具,講究的是“可讀性”。所以,在選擇采用什么方式之前,需要和團(tuán)隊(duì)溝通達(dá)成共識,即什么樣的方式能給到他們更好的閱讀體驗(yàn)。
我在實(shí)際工作中,采用的是AXURE,整理需求與線框圖后與團(tuán)隊(duì)溝通,實(shí)現(xiàn)需求快速流轉(zhuǎn)更新。但我會選擇再用WORD梳理一遍,利用文字梳理大綱結(jié)構(gòu),整理產(chǎn)品邏輯和需求,能夠發(fā)現(xiàn)某些疏漏的環(huán)節(jié),完善產(chǎn)品細(xì)節(jié)。因此,用WORD寫,是一個(gè)良好的查漏補(bǔ)缺的手段,是檢視自身邏輯的過程。
最后,由于篇幅關(guān)系,本次分享只展示了部分內(nèi)容,完整預(yù)覽請?jiān)谝韵骆溄硬殚啞?/p>
預(yù)覽鏈接:https://r4zef5.axshare.com
希望自己能堅(jiān)持輸出內(nèi)容,定期復(fù)盤,與優(yōu)秀的你們碰撞更棒的想法,共同進(jìn)步~
本文由@秋風(fēng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議
您好!想請教一下你這個(gè)原型頁面的注釋信息是怎么實(shí)現(xiàn)的,有這樣的注釋元件嗎,能分享分享嗎?非常感謝!
忘了給郵箱,1195242110@qq.com ??
+V分享~
找不到您的微信號,我的微信18588299119,感謝感謝!
你好,想請教一個(gè)關(guān)于業(yè)務(wù)流程圖的問題。PRD里的業(yè)務(wù)流程圖用泳道圖展示還是就用一般的流程圖展示啊,我說的一般流程圖就是從用戶操作角度出發(fā),不考慮前后臺。
涉及多角色的業(yè)務(wù)流程,建議泳道圖
單個(gè)角色的流程,一般的流程圖就可以滿足了
樓主 你好,我是資深設(shè)計(jì)轉(zhuǎn)了產(chǎn)品,第一次學(xué)習(xí)寫需求文檔,能分享下原型么 萬分感謝??!weiyi9980@163.com
你好,產(chǎn)品新人,想學(xué)習(xí)下你的原型,可以分享下你的原型文件嗎?xiexie 我的QQ郵箱:845476474@qq.com
你好,產(chǎn)品新人,想學(xué)習(xí)下你的原型,可以分享下你的原型文件嗎?xiexie 我的QQ郵箱:845476474@qq.com
您好 看了您的prd,視覺感很清晰~ 尤其是原型里面的原件感覺很好看~能否分享下您的原型文件哈哈~感激不盡 我的qq郵箱343771773 ??
wx分享給你部分組件庫
好啊 我的微信15221268504
您wx是什么 我加下您~ ??
公眾號里可以找到~
提問:“將重點(diǎn)模塊添加對應(yīng)的跳轉(zhuǎn)鏈接”這是怎么做的?給同事的應(yīng)該是Excel,那么:1.我Axure怎么生成鏈接?2.鏈接怎么做到Excel并對應(yīng)文字的?
1、跳轉(zhuǎn)是axure的鏈接功能
2、axure生成鏈接有很多方式:axshare、包括最近更新的藍(lán)湖等原型托管平臺
3、沒有用到excel,采用的是axure里的表格,對文字添加了鏈接跳轉(zhuǎn)
學(xué)習(xí)了 我本來是做開發(fā)的 現(xiàn)在想轉(zhuǎn)產(chǎn)品了 看了你的文章很有幫助
一起加油~可以的
所見略同,我的PRD寫作思路也差不多,產(chǎn)品描述部分主要是:需求清單-流程圖-用戶界面-功能描述。能否冒昧的問下,作者您的產(chǎn)品經(jīng)驗(yàn)是幾年了呢?
一起加油~還是一個(gè)將近1年的摸爬滾打者
這是什么小程序呢?
你好,信息結(jié)構(gòu)圖跟功能結(jié)構(gòu)圖是什么意思?有什么區(qū)別嗎?
http://www.codemsi.com/pmd/838667.html
http://www.codemsi.com/pmd/844937.html
推薦閱讀有助于理解
你好!請問一下思維導(dǎo)圖的制作工具是什么呢?風(fēng)格很簡潔我真的很喜歡!
你好~思維導(dǎo)圖這篇用的是process on
謝謝!
排隊(duì)預(yù)約這一塊感覺不夠詳細(xì),排隊(duì)預(yù)約完了之后呢,頁面是怎么樣的呈現(xiàn)方式,流程圖里是有寫到,但感覺以頁面的形式體現(xiàn)出來會更方便與開發(fā)
這塊真的粗糙,在頁面流轉(zhuǎn)上沒有列清楚,應(yīng)該單獨(dú)分出一個(gè)頁面狀態(tài)去說明。包括排隊(duì)成功或失敗的反饋(頁面展示、消息模板樣式鄧等)
感謝你的意見~非常認(rèn)可
這塊真的粗糙,在頁面流轉(zhuǎn)上沒有列清楚
應(yīng)該要單獨(dú)分出一個(gè)狀態(tài)去說明,包括排隊(duì)成功或失敗的用戶反饋(頁面顯示,消息模板樣式等)
太謝謝你的意見了~認(rèn)可
我也要加你微信,關(guān)注公號了
一起加油噢
一起加油哦
請教下對于性能的需求怎么把握?對技術(shù)代碼不懂的 是靠經(jīng)驗(yàn)和別的產(chǎn)品的體驗(yàn)大致判斷嗎
建議與技術(shù)團(tuán)隊(duì)溝通談恰具體方案:先熟悉相關(guān)名詞的概念,搜尋案例及普遍情況,再去和技術(shù)團(tuán)隊(duì)碰
大佬,可以分享你的原型文件給我學(xué)習(xí)么?
在鏈接里面預(yù)覽就可以了~
很厲害,學(xué)習(xí)了,我也很矛盾
寫的很好啊,收藏了!確實(shí)很糾結(jié),Word是規(guī)范了,但是打心眼里不想讀,Axure的還好,我也傾向這個(gè)。
謝謝,很多細(xì)節(jié)還需要多加改善,axure確實(shí)會輕量一點(diǎn)
寫得很仔細(xì),只是“團(tuán)課預(yù)約流程圖”有點(diǎn)怪怪的…
哈哈好的,記在小本本上了
你們排期挺寬松的,蠻多公司其實(shí)策劃稿都雜亂無序,原型也都不能叫低保真,基本是線條稿;
所以找到兩者之間的平衡很重要 ??
鏈接里的產(chǎn)品結(jié)構(gòu)圖看不到。。。
寫的很清晰規(guī)范,不知道能不能分享一下你的原型文件給我學(xué)習(xí)一下啊
原型預(yù)覽在鏈接里呀~
哦哦看到了 你花原型的Axure圖標(biāo)和標(biāo)注元件能分享下嗎?
嗯微信發(fā)你吧
學(xué)習(xí)了
可以加一個(gè)你的微信嗎?
不知道能不能發(fā)微信出來,在公眾號里加我把~
秋風(fēng)大神:對于你的文檔規(guī)范細(xì)節(jié),馬某很是敬佩,值得我們學(xué)習(xí),我想加您微信18510161086學(xué)習(xí)探討一下
預(yù)覽看不到啊
可以的~不過它家服務(wù)器有時(shí)候會比較卡,加載比較久
這是真實(shí)的產(chǎn)品嗎?我沒搜到這個(gè)小程序……
脫敏了,我模糊處理了
本來打算對照著真實(shí)產(chǎn)品學(xué)習(xí)的感謝博主無私分享。斗膽請問博主做產(chǎn)品經(jīng)理有3、4年了吧?
實(shí)不相瞞,我是半歲的小白,一起加油 ??
感覺可以,希望能堅(jiān)持輸出想法
?? 加油,希望認(rèn)識更多共同成長的朋友們,建了個(gè)群碰撞想法
很詳細(xì),很規(guī)范,界面看上去很美觀,感謝把鏈接一起分享出來,學(xué)習(xí)了
?? 一起學(xué)習(xí),不管怎樣,別停下來就對了
感覺很厲害,學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)。
沒有最好,只有更好,一起成長吧~
學(xué)習(xí)了 覺得寫得很好 。
謝謝~還有很多細(xì)節(jié)問題要注意,可以讓大家吸取我的教訓(xùn)