文章通过使用、体验、研究等方式对柚诚小栈微信小程序进行分析,详细解读其功能设计逻辑,撰写成本文的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:点击返回键返回我的界面;点击头像、昵称、手机、地址进行相对应的更改;
5.6.3 我的二维码页面
功能描述:
用户购物二维码;
交互:
点击返回键返回我的界面;
六、总结
PRD文档的撰写,仅仅依靠word文档会显得非常吃力,这里建议用word和axure进行综合整理会使得文档的可读性更强。
原型效果图因为较大,所以在下一篇文章中展现出来啦。