PRD:倒推“易捷加油APP”產(chǎn)品需求文檔
本篇文章通過使用、體驗、研究等方式倒推「易捷加油APP」,借助 Axure 撰寫 PRD 文檔。與大家分享。
作為產(chǎn)品小白,希望通過倒推的方式,來鍛煉產(chǎn)品思維、提升畫原型的能力。同時分享在使用中獲得的心得體會,歡迎提出寶貴建議。
目錄:
一、文檔綜述
- 文檔屬性
- 產(chǎn)品綜述
二、產(chǎn)品說明
- 產(chǎn)品功能結(jié)構(gòu)圖
- 產(chǎn)品信息結(jié)構(gòu)圖
- 產(chǎn)品結(jié)構(gòu)圖
三、全局說明
- 功能權(quán)限
- 鍵盤交互說明
- 異常情況說明
- 交互規(guī)則
- 數(shù)據(jù)說明
四、部分任務(wù)流程
- 購物流程
- 加油流程
五、部分功能詳細說明
- 登錄頁/注冊頁
- 首頁
- 商品詳情
- 一鍵加油
- 我的
六、非功能性需求
- 性能需求
- 可用性需求
- 運營需求
七、優(yōu)化建議
優(yōu)化商品詳情頁
01 文檔綜述
1. 文檔屬性
2. 產(chǎn)品綜述
二、產(chǎn)品說明
1. 產(chǎn)品功能結(jié)構(gòu)圖
2. 產(chǎn)品信息結(jié)構(gòu)圖
3. 產(chǎn)品結(jié)構(gòu)圖
三、全局說明
1. 功能權(quán)限
登錄/未登錄:
- 登錄用戶可以瀏覽所有頁面、執(zhí)行所有操作。
- 未登錄用戶可以以游客身份進行內(nèi)容游覽,可以游覽商城商品。
2. 鍵盤交互說明
- 點擊APP手機號碼輸入框,頁面底部彈出數(shù)字鍵盤。
- 點擊其他輸入框時,頁面底部彈出字母鍵盤。
3.異常情況說明
打斷后重新打開APP:
點擊空白區(qū)域或無網(wǎng)絡(luò)情況:
無網(wǎng)絡(luò)情況:
4. 交互規(guī)則
加載狀態(tài):
首頁:
商品列表模塊:
提示信息:
空狀態(tài):
頁面在正常情況下,沒有數(shù)據(jù)顯示時,表現(xiàn)形式為插圖配提示性文案。如需要,根據(jù)特定頁面場景,增加引導(dǎo)用戶操作的Button或鏈接等;
操作狀態(tài):
所有的按鈕或者可點擊的icon、文字均分為:可操作狀態(tài),不可操作狀態(tài)兩種。
其中可操作狀態(tài)對應(yīng)可操作顏色,不可操作狀態(tài)一般可見,但為灰色,易捷加油APP沒有做操作后的按鈕狀態(tài)變化。
5. 數(shù)據(jù)說明
四、部分任務(wù)流程
1. 購物流程
2. 加油流程
五、部分功能詳細說明
1. 登錄頁/注冊頁
頁面名稱:登錄
入口:初始登錄APP
基本事件流程:
- app顯示登錄表單頁面,表單中包含文本:①輸入手機號碼②輸入驗證碼
- 用戶輸入11位手機號碼,獲取驗證碼并輸入
- 點擊登錄按鈕,進行登錄
- 登錄成功進入首頁
頁面邏輯:
- 登錄方式:①手機號碼登錄②提供第三方登錄
- 點擊手機號/驗證碼登錄,輸入手機號和驗證碼進行登錄
- 用戶可點擊注冊,輸入手機號碼,填寫驗證碼,設(shè)置密碼進行登錄,并默認“注冊代表同意用戶使用協(xié)議”
后置條件:登錄成功/登錄失敗重新登錄
異常流程:用戶輸入短信驗證碼錯誤,彈出“短信驗證碼錯誤”提示文本,2秒后消失,用戶重新操作
頁面內(nèi)交互:
- 點擊手機號、驗證碼輸入框時,數(shù)字鍵盤從底部向上彈出
- 獲取驗證碼后,按鈕內(nèi)容變?yōu)椤?20S”并開始120秒倒數(shù),120S后按鈕內(nèi)容變回“獲取驗證碼”文字。
2. 首頁
頁面名稱:首頁
前置條件:①登錄APP ②網(wǎng)絡(luò)良好
頁面邏輯:
- 點擊掃描購,定位便利店位置,掃描二維碼/條形碼商品,添加購物車,支付
- 點擊搜索框,關(guān)鍵詞搜索商品
- 點擊掃描掃描二維碼/條形碼商品,添加購物車
- 點擊一鍵加油切換至加油頁面
- 點擊Banner圖跳轉(zhuǎn)相關(guān)頁面
- 點擊對應(yīng)標簽跳轉(zhuǎn)至相應(yīng)頁面及操作
- 點擊易捷頭條輪播主題,跳轉(zhuǎn)相應(yīng)頁面
- 點擊商品跳轉(zhuǎn)商品詳情
- 點擊推薦有獎跳轉(zhuǎn)推薦有獎方法及規(guī)則說明
刷新機制:下拉頁面刷新
異常流程:
- 無網(wǎng)絡(luò)情況下用戶當前頁面受影響
- 無網(wǎng)絡(luò)情況下無法操作功能按鈕及商品詳情
3. 商品詳情
頁面名稱:商品詳情
前置條件:①登錄APP?②網(wǎng)絡(luò)良好
頁面邏輯:
- 點擊商品圖片,可查看商品放大后的圖片
- 點擊分享,彈出微信,朋友圈,短信,二維碼分享方式
- 點擊客服跳轉(zhuǎn)在線客服頁面
- 點擊收藏,收藏按鈕狀態(tài)變紅
- 點擊購物車跳轉(zhuǎn)購物車頁面
- 點擊加入購物車,商品添加至購物車
- 點擊立即購買,彈出商品頭像,庫存情況,價格,幾件,確定
刷新機制:固定頁面布局,無刷新狀態(tài)
異常情況:
- 在無網(wǎng)絡(luò)情況下進入頁面,頁面提示“哇哦,網(wǎng)絡(luò)出錯了,刷新試試”
- 在無網(wǎng)絡(luò)情況前進入頁面,頁面顯示商品詳情,操作相關(guān)按鈕提示“無網(wǎng)絡(luò)”
4. 一鍵加油
頁面名稱:一鍵加油
前置條件:①登錄APP?②網(wǎng)絡(luò)良好
頁面邏輯:
- 點擊切換加油錢包頁面,可查看余額,充值,賬單,車牌,加油記錄,發(fā)票開具,修改支付密碼操作
- 點擊導(dǎo)航,跳轉(zhuǎn)第三方導(dǎo)航APP導(dǎo)航加油站位置
- 點擊相應(yīng)按鈕,切換對應(yīng)頁面,以及添加車牌操作
- 點擊充值,跳轉(zhuǎn)充值頁面,選擇第三方支付充值
- 點擊開關(guān)按鈕,設(shè)置開紙質(zhì)發(fā)票
- 點擊一鍵加油,等待加油員給車加油
- 點擊其他油站,地圖附近油站信息,顯示距離位置多遠
刷新機制:固定頁面布局,無刷新狀態(tài)
異常情況:
- 在無網(wǎng)絡(luò)情況下,無法進入一鍵加油頁面
- 在無網(wǎng)絡(luò)情況提前進入一鍵加油頁面,當前頁面影響,無法顯示相應(yīng)三級頁面信息
5. 我的
頁面名稱:進入APP-我的
前置條件:①登錄APP②網(wǎng)絡(luò)良好
頁面邏輯:
- 點擊設(shè)置,消息,標簽鍵,下一頁圖標,跳轉(zhuǎn)至相應(yīng)頁面
- 顯示用戶信息,兌換包,積分,卡券,易捷幣,錢包
- 可進入App相關(guān)設(shè)置
刷新機制:固定頁面布局,無刷新狀態(tài)
異常情況:
- 無網(wǎng)絡(luò)狀態(tài)下進入頁面,彈出浮窗“請檢查網(wǎng)絡(luò)”1S后消失;
- 無網(wǎng)絡(luò)狀態(tài)下無法獲取相應(yīng)信息“獲取數(shù)據(jù)失敗啦,點擊屏幕重新加載”
六、非功能性需求
1. 性能需求
- APP 啟動時間不超過 5 秒(現(xiàn)在啟動時間為 3 秒)。
- APP 內(nèi)操作的響應(yīng)時間不超過 3 秒,在網(wǎng)絡(luò)連接超時/弱網(wǎng)情況下,需給出相應(yīng)提示并可重新加載。
- 程序閑時沒有異常的 CPU 占用,忙時沒有異常的峰值占用。
- 前端實現(xiàn)圖片懶加載,節(jié)約用戶流量,保障頁面加載速度。
2. 可用性需求
- 容錯性:必要的引導(dǎo)和提示文字,應(yīng)該突出能夠讓用戶看到;當操作結(jié)果不可逆的時候,需要有模態(tài)彈窗詢問用戶讓其知道操作的后果并做出選擇;通知用戶、不會影響用戶操作、用戶可以不予回應(yīng)的通知,用非模態(tài)彈窗來實現(xiàn)。
- 狀態(tài)可見:讓用戶了解自己處于何種狀態(tài)。
- 環(huán)境貼切:使用用戶熟悉的界面范式和概念。
- 用戶可控:頁面返回按鈕應(yīng)明顯,位置應(yīng)統(tǒng)一,防止用戶因誤觸進入頁面而無法返回。
- 一致性:結(jié)構(gòu)/色彩/文字/操作/反饋一致性。
3. 運營需求
用戶運營:
- 推薦好友注冊,可以獲得易捷幣,在購買商品的時候易捷幣可抵扣金額,商品可使用易捷幣使用數(shù)量為上限為本商品“易捷幣可抵扣金額”的數(shù)量。
- 積分可以兌換商品,利用積分體系,來培養(yǎng)用戶習慣,提升產(chǎn)品的活躍度。
- 優(yōu)惠/卡券可以去領(lǐng)券中心領(lǐng)取或系統(tǒng)自動發(fā)放,優(yōu)惠/卡券分為優(yōu)惠券,線下券,抵用券
- 用戶可以在 APP 中購買商品,油卡,以及第三方服務(wù),以滿足不同用戶需求。
內(nèi)容運營:
- 建立便利店、線上商品、評價體系,能夠線上線下用戶需求,提高便利店營收。
- 在公眾號定期推送文章,尤其是油價調(diào)整情況,以及相關(guān)活動,提高用戶復(fù)購率。
活動運營:
- 新人專享:贈送滿100元減20券,100元減40券,對于剛需用戶來說,刺激用戶消費。
- 滿送:充值多少錢送多少元指定商品券,在滿足用戶加油的同時,也能促進用戶購買其他產(chǎn)品,提高便利店營收
七、優(yōu)化建議
?優(yōu)化商品詳情頁:
- 收藏位置調(diào)整至商品圖片下方,更符合用戶操作習慣;
- 快遞包郵調(diào)整至服務(wù);
- 加入購物車,立即購買樣式更改為圓角,在導(dǎo)航欄中顯得更有層次感,識別度。
本文由 @苦行僧 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
誒 我不會寫prd文檔,小公司也根本不用,我想嘗試去寫,卻無從下手,因為需求一直在變化
額,后面功能羅列啥的,木有啥問題,其實最大的問題,你要讓讀者知道,這個產(chǎn)品的主要市場定位,以及它的應(yīng)用場景,再說下面的整體架構(gòu)以及功能,交互,不然都是分,沒有總,看完似乎看了,卻什么也沒印象
我是產(chǎn)品新人,這篇文章對我?guī)椭艽?。謝謝您的分享
鼓勵一下,最后建議中是對交互或者UI設(shè)計的建議,沒有對產(chǎn)品使用邏輯或者業(yè)務(wù)流程上建議。這種可以多多體驗一下這個APP,設(shè)想一下如果你是該APP的產(chǎn)品,你會怎么樣完善它
想說用心了,但是想了想只能說用力了。最后的優(yōu)化建議,建議刪除。
第一次寫有很多不完整的地方,謝謝您的指點。
算不上PRD文檔。像功能說明書但又不完整,整個文檔很散,沒有主次。文檔的目的和文檔面向?qū)ο笙壤砬宄賹懓?/p>
謝謝指點
以為你是個王者,結(jié)果你主頁啥都沒,大話而已