一、概述
1.1版本修訂記錄
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHL90TUhVDbHFme5clY2FjMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLyYjM5ETO0IjMxETOwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
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.2首頁子產品
5.2.1首頁面
使用者場景:新使用者授權完畢後的界面或者老使用者的初始界面
功能描述:
推廣輪播圖:支援最多三個推廣入口,外層展示封面圖;
精選主題:根據商品的種類進行主題分割;
最近新品:推薦新品由背景設定;
互動:
精選主題:點選跳轉到主題界面;
最近新品:點選切換到新品的詳細界面;
5.2.2首頁主題頁面
使用者場景:使用者選擇某一主題之後
功能描述:
進入詳細的主題介紹界面,展示主題圖示和該主題下的詳細的種類介紹
互動:
點選商品圖檔進入商品的詳細頁;
點選傳回鍵傳回主界面;
5.2.3商品詳情頁面
使用者場景:使用者浏覽具體的商品資訊
功能描述:
展示商品的具體圖檔;是否有備貨;數量的添加;加入購物車;商品的詳細規格以及價格;商品詳情;産品參數;售後保障;
互動:
點選傳回鍵傳回主界面;
商品的圖檔切換;
數量的定制和添加到購物車;
跳轉到購物車界面;
商品詳情和産品參數以及售後保障的點選轉換;
5.3分類子產品
5.3.1分類首頁面
使用者場景:使用者在對商品的分類進行初步篩選時
功能描述:
商品分類的五大闆塊;右側導航欄的輪播;右下方的各個分類的商品;
互動:
點選下方tab切換到首頁、購物車、我的;
點選左側的分類進入不同的闆塊;
點選商品的詳細圖檔跳轉到詳細的商品介紹界面;
5.3.2分類詳情頁面
與上面類似不贅述;
5.4購物車子產品
5.4.1購物車頁面
使用者場景:在對已經加入購物車的商品進行管理
功能描述:
購物車裡面的詳細商品情況,如商品圖檔、商品的價格品質以及待付價格;全選;商品總價格,下單進入訂單頁面管理
互動:
點選下方tab切換到首頁、分類、我的;
點選全選進行所有商品的選擇;
點選增加商品數量或者取消該預定;
點選下單跳轉到詳細的訂單頁面;
5.4.2訂單詳情頁面
使用者場景:購買商品進行付款
功能描述:
購買者的身份資訊,包括昵稱、手機号、位址;展示使用者購買商品的詳情;代付款合計以及去付款;
互動:
點選左上角傳回鍵傳回購物頁面;
點選使用者詳情跳轉到我的使用者管理界面;
點選去付款進行付款;
5.5我的子產品
5.5.1我的首頁面
使用者場景:使用者在對自己的資訊進行完整以及對自己的購物訂單進行追蹤時
功能描述:
使用者的個人資訊,包括頭像、昵稱、位址、手機号管理;我的訂單包括待付款、待收貨、客服;優惠券詳情,價值幾許能使用在那個分類以及使用日期;我的購物二維碼;
互動:
點選使用者資訊進入個人資訊界面;
點選定位進行實時定位;
點選我的訂單中的待付款跳轉到待付款界面,待收貨跳轉到詳細的待收貨界面,客服進入與商家聊天模式;
點選我的二維碼切換到我的購物二維碼;
5.5.2個人資訊頁面
使用者場景:管理個人資訊
功能描述:
使用者的個人資訊,包括頭像、昵稱、位址、手機号增删改;
互動:
T1:點選傳回鍵傳回我的界面;點選頭像、昵稱、手機、位址進行相對應的更改;
T2:點選更改昵稱傳回個人資訊界面即T1;點選儲存同傳回;
5.5.3我的二維碼頁面
使用者場景:到店取貨的使用者的取貨憑證
功能描述:
使用者購物二維碼;
互動:
點選傳回鍵傳回我的界面;
六、總結
PRD文檔的撰寫,僅僅依靠word文檔會顯得非常吃力,這裡建議用word和axure進行綜合整理會使得文檔的可讀性更強。
最後把自己做的這個原型圖的大概流程梳理出來。