PRD | 柚誠小棧微信小程序產品需求文檔

玩新媒體,引流、轉化、留存3大難題如何破?通過6周系統學習,這些問題都能解決。了解一下>>

文章通過使用、體驗、研究等方式對柚誠小棧微信小程序進行分析,詳細解讀其功能設計邏輯,撰寫成本文的PRD文檔。

一、 概述

1.1 版本修訂記錄

1.2 產品介紹

二、產品結構

2.1 產品功能結構圖

2.2 信息結構圖

三、業務流程圖

四、全局說明

4.1 名詞解釋

4.2 角色說明

4.3 時間規范

4.4 權限彈窗

4.5 異常情況

五、功能性需求說明

5.1 需求清單

5.2 新用戶登錄模塊

用戶場景:用戶第一次使用柚誠小棧

功能描述:

T1:獲取位置權限,未獲取權限的用戶將不能使用小程序;

T2:微信授權,微信授權昵稱、頭像等信息;

T3:進入首頁頁面;

交互:

T1:彈出授權窗口,點擊允許,完成地理位置授權,進入微信授權;

T2:同意直接進入首頁,拒絕出現彈窗進行二次確認,點擊關閉不會授權并返回首頁;

T3:進入首頁界面;

5.3 主頁模塊

5.3.1 主頁面

用戶場景:新用戶授權完畢后的界面或者老用戶的初始界面

功能描述:

  • 推廣輪播圖:支持最多三個推廣入口,外層展示封面圖;
  • 精選主題:根據商品的種類進行主題分割;
  • 最近新品:推薦新品由后臺設置;

交互:

  • 精選主題:點擊跳轉到主題界面;
  • 最近新品:點擊切換到新品的詳細界面;

5.3.2 主頁主題頁面

用戶場景:用戶選擇某一主題之后

功能描述:

進入詳細的主題介紹界面,展示主題圖示和該主題下的詳細的種類介紹

交互:

點擊商品圖片進入商品的詳細頁;

點擊返回鍵返回主界面;

5.3.3 商品詳情頁面

用戶場景:用戶瀏覽具體的商品信息

功能描述:

展示商品的具體圖片;是否有備貨;數量的添加;加入購物車;商品的詳細規格以及價格;商品詳情;產品參數;售后保障;

交互:

  • 點擊返回鍵返回主界面;
  • 商品的圖片切換;
  • 數量的定制和添加到購物車;
  • 跳轉到購物車界面;
  • 商品詳情和產品參數以及售后保障的點擊轉換;

5.4 分類模塊

5.4.1 分類主頁面

用戶場景:用戶在對商品的分類進行初步篩選時

功能描述:

商品分類的五大板塊;右側導航欄的輪播;右下方的各個分類的商品;

交互:

  • 點擊下方tab切換到主頁、購物車、我的;
  • 點擊左側的分類進入不同的板塊;
  • 點擊商品的詳細圖片跳轉到詳細的商品介紹界面;

5.4.2 分類詳情頁面

與上面類似不贅述;

5.5 購物車模塊

5.5.1 購物車頁面

用戶場景:在對已經加入購物車的商品進行管理

功能描述:

購物車里面的詳細商品情況,如商品圖片、商品的價格質量以及待付價格;全選;商品總價格,下單進入訂單頁面管理

交互:

  • 點擊下方tab切換到主頁、分類、我的;
  • 點擊全選進行所有商品的選擇;
  • 點擊增加商品數量或者取消該預定;
  • 點擊下單跳轉到詳細的訂單頁面;

5.5.2 訂單詳情頁面

用戶場景:購買商品進行付款

功能描述:

購買者的身份信息,包括昵稱、手機號、地址;展示用戶購買商品的詳情;代付款合計以及去付款;

交互:

  • 點擊左上角返回鍵返回購物頁面;
  • 點擊用戶詳情跳轉到我的用戶管理界面;
  • 點擊去付款進行付款;

5.6 我的模塊

5.6.1 我的主頁面

用戶場景:使用者在對自己的信息進行完整以及對自己的購物訂單進行追蹤時

功能描述:

用戶的個人信息,包括頭像、昵稱、地址、手機號管理;我的訂單包括待付款、待收貨、客服;優惠券詳情,價值幾許能使用在那個分類以及使用日期;我的購物二維碼;

交互:

  • 點擊用戶信息進入個人信息界面;
  • 點擊定位進行實時定位;
  • 點擊我的訂單中的待付款跳轉到待付款界面,待收貨跳轉到詳細的待收貨界面,客服進入與商家聊天模式;
  • 點擊我的二維碼切換到我的購物二維碼;

5.6.2 個人信息頁面

用戶場景:管理個人信息

功能描述:

用戶的個人信息,包括頭像、昵稱、地址、手機號增刪改;

交互:

T1:點擊返回鍵返回我的界面;點擊頭像、昵稱、手機、地址進行相對應的更改;

T2:點擊更改昵稱返回個人信息界面即T1;點擊保存同返回;

5.6.3 我的二維碼頁面

用戶場景:到店取貨的用戶的取貨憑證

功能描述:

用戶購物二維碼;

交互:

點擊返回鍵返回我的界面;

六、總結

PRD文檔的撰寫,僅僅依靠word文檔會顯得非常吃力,這里建議用word和axure進行綜合整理會使得文檔的可讀性更強。

原型效果圖因為較大,所以在下一篇文章中展現出來啦。

 

本文由 @十一 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

給作者打賞,鼓勵TA抓緊創作!
評論
歡迎留言討論~!
  1. 如何快速提高?

    回復
  2. 善用圖表 流程圖 腦圖 這點對于我這種不喜歡看文字的是好受多了 很清晰呀

    回復
  3. 你們都是通過什么來學習的啊??新手求指點

    回復
    1. 我是先學的課程,然后再自己動手做。課程有自己找的,有買的。

      回復
    2. 謝謝姐妹 剛入坑 以后多多交流 ;-)

      回復
  4. 驚呆了

    回復
    1. :mrgreen:

      回復
  5. 等你下一篇文章,期待看到原型圖。

    回復
    1. 哇!感謝感謝,就等著審核通過 ;-) :oops:

      回復
  6. 需求異常和排除項沒有窮舉完畢。顯示、排序、刷新、加載、緩存、中斷、刪除這些機制未明確。非功能需求提的不清晰??吹某鰜韽臉I還不久,還得繼續加油啊

    回復
    1. 是呢,還在不斷學習總結中,有些問題處理的過于淺顯,會繼續加油的

      回復
  7. 你確定你這樣給他們 開發和測試不會打死你??? :roll:

    回復
    1. 板磚拿起來哈哈哈 :arrow:

      回復
北京赛车投注