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

一、 概述

1.1 版本修訂記錄

1.2 產(chǎn)品介紹

二、產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品功能結(jié)構(gòu)圖

2.2 信息結(jié)構(gòu)圖

三、業(yè)務流程圖

四、全局說明

4.1 名詞解釋

4.2 角色說明

4.3 時間規(guī)范

4.4 權(quán)限彈窗

4.5 異常情況

五、功能性需求說明

5.1 需求清單

5.2 新用戶登錄模塊

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

功能描述：

T1：獲取位置權(quán)限，未獲取權(quán)限的用戶將不能使用小程序；

T2：微信授權(quán)，微信授權(quán)昵稱、頭像等信息；

T3：進入首頁頁面；

交互：

T1：彈出授權(quán)窗口，點擊允許，完成地理位置授權(quán)，進入微信授權(quán)；

T2：同意直接進入首頁，拒絕出現(xiàn)彈窗進行二次確認，點擊關(guān)閉不會授權(quán)并返回首頁；

T3：進入首頁界面；

5.3 主頁模塊

5.3.1 主頁面

用戶場景：新用戶授權(quán)完畢后的界面或者老用戶的初始界面

功能描述：

• 推廣輪播圖：支持最多三個推廣入口，外層展示封面圖；
• 精選主題：根據(jù)商品的種類進行主題分割；
• 最近新品：推薦新品由后臺設(shè)置；

交互：

• 精選主題：點擊跳轉(zhuǎn)到主題界面；
• 最近新品：點擊切換到新品的詳細界面；

5.3.2 主頁主題頁面

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

功能描述：

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

交互：

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

點擊返回鍵返回主界面；

5.3.3 商品詳情頁面

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

功能描述：

展示商品的具體圖片；是否有備貨；數(shù)量的添加；加入購物車；商品的詳細規(guī)格以及價格；商品詳情；產(chǎn)品參數(shù)；售后保障；

交互：

• 點擊返回鍵返回主界面；
• 商品的圖片切換；
• 數(shù)量的定制和添加到購物車；
• 跳轉(zhuǎn)到購物車界面；
• 商品詳情和產(chǎn)品參數(shù)以及售后保障的點擊轉(zhuǎn)換；

5.4 分類模塊

5.4.1 分類主頁面

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

功能描述：

商品分類的五大板塊；右側(cè)導航欄的輪播；右下方的各個分類的商品；

交互：

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

5.4.2 分類詳情頁面

與上面類似不贅述；

5.5 購物車模塊

5.5.1 購物車頁面

用戶場景：在對已經(jīng)加入購物車的商品進行管理

功能描述：

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

交互：

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

5.5.2 訂單詳情頁面

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

功能描述：

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

交互：

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

5.6 我的模塊

5.6.1 我的主頁面

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

功能描述：

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

交互：

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

5.6.2 個人信息頁面

用戶場景：管理個人信息

功能描述：

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

交互：

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

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

5.6.3 我的二維碼頁面

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

功能描述：

用戶購物二維碼；

交互：

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

六、總結(jié)

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

原型效果圖因為較大，所以在下一篇文章中展現(xiàn)出來啦。

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

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