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.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进行综合整理会使得文档的可读性更强。

最后把自己做的这个原型图的大概流程梳理出来。