PRD:倒推“易捷加油APP”產(chǎn)品需求文檔

9 評論 18106 瀏覽 162 收藏 14 分鐘

本篇文章通過使用、體驗、研究等方式倒推「易捷加油APP」,借助 Axure 撰寫 PRD 文檔。與大家分享。

作為產(chǎn)品小白,希望通過倒推的方式,來鍛煉產(chǎn)品思維、提升畫原型的能力。同時分享在使用中獲得的心得體會,歡迎提出寶貴建議。

目錄:

一、文檔綜述

  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)限
  2. 鍵盤交互說明
  3. 異常情況說明
  4. 交互規(guī)則
  5. 數(shù)據(jù)說明

四、部分任務(wù)流程

  1. 購物流程
  2. 加油流程

五、部分功能詳細說明

  1. 登錄頁/注冊頁
  2. 首頁
  3. 商品詳情
  4. 一鍵加油
  5. 我的

六、非功能性需求

  1. 性能需求
  2. 可用性需求
  3. 運營需求

七、優(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

基本事件流程:

  1. app顯示登錄表單頁面,表單中包含文本:①輸入手機號碼②輸入驗證碼
  2. 用戶輸入11位手機號碼,獲取驗證碼并輸入
  3. 點擊登錄按鈕,進行登錄
  4. 登錄成功進入首頁

頁面邏輯:

  1. 登錄方式:①手機號碼登錄②提供第三方登錄
  2. 點擊手機號/驗證碼登錄,輸入手機號和驗證碼進行登錄
  3. 用戶可點擊注冊,輸入手機號碼,填寫驗證碼,設(shè)置密碼進行登錄,并默認“注冊代表同意用戶使用協(xié)議”

后置條件:登錄成功/登錄失敗重新登錄

異常流程:用戶輸入短信驗證碼錯誤,彈出“短信驗證碼錯誤”提示文本,2秒后消失,用戶重新操作

頁面內(nèi)交互:

  1. 點擊手機號、驗證碼輸入框時,數(shù)字鍵盤從底部向上彈出
  2. 獲取驗證碼后,按鈕內(nèi)容變?yōu)椤?20S”并開始120秒倒數(shù),120S后按鈕內(nèi)容變回“獲取驗證碼”文字。

2. 首頁

頁面名稱:首頁

前置條件:①登錄APP ②網(wǎng)絡(luò)良好

頁面邏輯:

  1. 點擊掃描購,定位便利店位置,掃描二維碼/條形碼商品,添加購物車,支付
  2. 點擊搜索框,關(guān)鍵詞搜索商品
  3. 點擊掃描掃描二維碼/條形碼商品,添加購物車
  4. 點擊一鍵加油切換至加油頁面
  5. 點擊Banner圖跳轉(zhuǎn)相關(guān)頁面
  6. 點擊對應(yīng)標簽跳轉(zhuǎn)至相應(yīng)頁面及操作
  7. 點擊易捷頭條輪播主題,跳轉(zhuǎn)相應(yīng)頁面
  8. 點擊商品跳轉(zhuǎn)商品詳情
  9. 點擊推薦有獎跳轉(zhuǎn)推薦有獎方法及規(guī)則說明

刷新機制:下拉頁面刷新

異常流程:

  1. 無網(wǎng)絡(luò)情況下用戶當前頁面受影響
  2. 無網(wǎng)絡(luò)情況下無法操作功能按鈕及商品詳情

3. 商品詳情

頁面名稱:商品詳情

前置條件:①登錄APP?②網(wǎng)絡(luò)良好

頁面邏輯:

  1. 點擊商品圖片,可查看商品放大后的圖片
  2. 點擊分享,彈出微信,朋友圈,短信,二維碼分享方式
  3. 點擊客服跳轉(zhuǎn)在線客服頁面
  4. 點擊收藏,收藏按鈕狀態(tài)變紅
  5. 點擊購物車跳轉(zhuǎn)購物車頁面
  6. 點擊加入購物車,商品添加至購物車
  7. 點擊立即購買,彈出商品頭像,庫存情況,價格,幾件,確定

刷新機制:固定頁面布局,無刷新狀態(tài)

異常情況:

  1. 在無網(wǎng)絡(luò)情況下進入頁面,頁面提示“哇哦,網(wǎng)絡(luò)出錯了,刷新試試”
  2. 在無網(wǎng)絡(luò)情況前進入頁面,頁面顯示商品詳情,操作相關(guān)按鈕提示“無網(wǎng)絡(luò)”

4. 一鍵加油

頁面名稱:一鍵加油

前置條件:①登錄APP?②網(wǎng)絡(luò)良好

頁面邏輯:

  1. 點擊切換加油錢包頁面,可查看余額,充值,賬單,車牌,加油記錄,發(fā)票開具,修改支付密碼操作
  2. 點擊導(dǎo)航,跳轉(zhuǎn)第三方導(dǎo)航APP導(dǎo)航加油站位置
  3. 點擊相應(yīng)按鈕,切換對應(yīng)頁面,以及添加車牌操作
  4. 點擊充值,跳轉(zhuǎn)充值頁面,選擇第三方支付充值
  5. 點擊開關(guān)按鈕,設(shè)置開紙質(zhì)發(fā)票
  6. 點擊一鍵加油,等待加油員給車加油
  7. 點擊其他油站,地圖附近油站信息,顯示距離位置多遠

刷新機制:固定頁面布局,無刷新狀態(tài)

異常情況:

  1. 在無網(wǎng)絡(luò)情況下,無法進入一鍵加油頁面
  2. 在無網(wǎng)絡(luò)情況提前進入一鍵加油頁面,當前頁面影響,無法顯示相應(yīng)三級頁面信息

5. 我的

頁面名稱:進入APP-我的

前置條件:①登錄APP②網(wǎng)絡(luò)良好

頁面邏輯:

  1. 點擊設(shè)置,消息,標簽鍵,下一頁圖標,跳轉(zhuǎn)至相應(yīng)頁面
  2. 顯示用戶信息,兌換包,積分,卡券,易捷幣,錢包
  3. 可進入App相關(guān)設(shè)置

刷新機制:固定頁面布局,無刷新狀態(tài)

異常情況:

  1. 無網(wǎng)絡(luò)狀態(tài)下進入頁面,彈出浮窗“請檢查網(wǎng)絡(luò)”1S后消失;
  2. 無網(wǎng)絡(luò)狀態(tài)下無法獲取相應(yīng)信息“獲取數(shù)據(jù)失敗啦,點擊屏幕重新加載”

六、非功能性需求

1. 性能需求

  1. APP 啟動時間不超過 5 秒(現(xiàn)在啟動時間為 3 秒)。
  2. APP 內(nèi)操作的響應(yīng)時間不超過 3 秒,在網(wǎng)絡(luò)連接超時/弱網(wǎng)情況下,需給出相應(yīng)提示并可重新加載。
  3. 程序閑時沒有異常的 CPU 占用,忙時沒有異常的峰值占用。
  4. 前端實現(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. 運營需求

用戶運營:

  1. 推薦好友注冊,可以獲得易捷幣,在購買商品的時候易捷幣可抵扣金額,商品可使用易捷幣使用數(shù)量為上限為本商品“易捷幣可抵扣金額”的數(shù)量。
  2. 積分可以兌換商品,利用積分體系,來培養(yǎng)用戶習慣,提升產(chǎn)品的活躍度。
  3. 優(yōu)惠/卡券可以去領(lǐng)券中心領(lǐng)取或系統(tǒng)自動發(fā)放,優(yōu)惠/卡券分為優(yōu)惠券,線下券,抵用券
  4. 用戶可以在 APP 中購買商品,油卡,以及第三方服務(wù),以滿足不同用戶需求。

內(nèi)容運營:

  1. 建立便利店、線上商品、評價體系,能夠線上線下用戶需求,提高便利店營收。
  2. 在公眾號定期推送文章,尤其是油價調(diào)整情況,以及相關(guān)活動,提高用戶復(fù)購率。

活動運營:

  • 新人專享:贈送滿100元減20券,100元減40券,對于剛需用戶來說,刺激用戶消費。
  • 滿送:充值多少錢送多少元指定商品券,在滿足用戶加油的同時,也能促進用戶購買其他產(chǎn)品,提高便利店營收

七、優(yōu)化建議

?優(yōu)化商品詳情頁:

  1. 收藏位置調(diào)整至商品圖片下方,更符合用戶操作習慣;
  2. 快遞包郵調(diào)整至服務(wù);
  3. 加入購物車,立即購買樣式更改為圓角,在導(dǎo)航欄中顯得更有層次感,識別度。

 

本文由 @苦行僧 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 誒 我不會寫prd文檔,小公司也根本不用,我想嘗試去寫,卻無從下手,因為需求一直在變化

    來自遼寧 回復(fù)
  2. 額,后面功能羅列啥的,木有啥問題,其實最大的問題,你要讓讀者知道,這個產(chǎn)品的主要市場定位,以及它的應(yīng)用場景,再說下面的整體架構(gòu)以及功能,交互,不然都是分,沒有總,看完似乎看了,卻什么也沒印象

    來自福建 回復(fù)
  3. 我是產(chǎn)品新人,這篇文章對我?guī)椭艽?。謝謝您的分享

    來自江蘇 回復(fù)
  4. 鼓勵一下,最后建議中是對交互或者UI設(shè)計的建議,沒有對產(chǎn)品使用邏輯或者業(yè)務(wù)流程上建議。這種可以多多體驗一下這個APP,設(shè)想一下如果你是該APP的產(chǎn)品,你會怎么樣完善它

    來自山東 回復(fù)
  5. 想說用心了,但是想了想只能說用力了。最后的優(yōu)化建議,建議刪除。

    來自江蘇 回復(fù)
    1. 第一次寫有很多不完整的地方,謝謝您的指點。

      回復(fù)
  6. 算不上PRD文檔。像功能說明書但又不完整,整個文檔很散,沒有主次。文檔的目的和文檔面向?qū)ο笙壤砬宄賹懓?/p>

    來自湖北 回復(fù)
    1. 謝謝指點

      回復(fù)
    2. 以為你是個王者,結(jié)果你主頁啥都沒,大話而已

      來自貴州 回復(fù)