爱慕商城V1.0.0产品需求文档
一、版本信息
二、文档说明
1、文档介绍
本文档主要简述爱慕商城APP的功能需求及其设计,目的在于清晰地定义各模块的需求细节以及逻辑流程。
2、文档读者
本文档主要面向以下读者:爱慕商城APP的研发人员、测试人员、产品经理、市场运营人员、管理人员。
三、产品简介
1、产品定位
爱慕商城是一款专门为女性打造的网上商城,为女性用户提供最优质的网购平台。
2、产品特色
分类清晰明确,不会让你迷失在偌大的衣服商城。能让你最快的挑选自己需要的商品。
3、用户分析
主要用户为年轻且无空闲时间逛街的女白领。
四、产品架构
1、产品结构图
产品结构图2、信息结构图
信息结构图五、详细功能说明
1、需求整理
2、功能列表
3、页面原型
3.1 首页
如上图,为爱慕商城首页。包含以下几个功能模块:
搜索框
消息中心快捷入口
banner 位
商品分类入口
Feed 流(商品相关文章列表)
3.1.1 搜索框
点击后进入搜索页面,见后面 3.6 描述
3.1.2 消息中心快捷入口
点击后进入消息中心页面,见后面 3.7 描述
3.1.3 banner 位
最多5张图片轮播,从右至左,每隔5秒切换
依据后台 banner 位设置,点击后可跳转指定链接或专题
默认显示第一张,可手动滑动切换图片
3.1.4 商品分类入口
默认以 4*2 显示,依据后台返回排序值排序
点击后进入指定商品分类,见后面 3.2 描述
3.1.5 Feed 流
包含显示项:文章标题、时间、封面图、摘要
默认以文章发表时间倒序排列
如文章标记置顶,则置顶文章优先显示,置顶所有文章以置顶时间倒序排列
点击进入文章详情页,见后面 3.8 描述
3.2 分类
如上图,为爱慕商城分类页。包含以下几个功能模块:
搜索框
消息中心快捷入口
左侧分类框(上装、下装、裙装、家居内衣、配饰)
3.2.1 搜索框
点击后进入搜索页面,见后面3.6 描述
3.2.2 消息中心快捷入口
点击后进入消息中心页面,见后面 3.7 描述
3.2.3 左侧分类框
上装
下装
裙装
家居内衣
配饰
3.3 购物车
如上图,为爱慕商城购物车页面。包含以下几个功能模块:
消息中心快捷入口
添加商品内容(商品图片、标题、数量、价格)
全选
3.3.1 消息中心快捷入口
点击后进入消息中心页面,见后面 3.7 描述
3.3.2 添加商品内容
显示添加到购物车的商品的商品图片、标题、数量、价格
3.3.3 全选
勾选全选,所有商品前圆圈显示勾选状态,下方总价为所有商品总价
结算按钮激活,如下描述
3.4 我的
如上图,为爱慕商城我的页面。包含以下几个功能模块:
个人信息
消息中心快捷入口
订单状态入口
系统设置
3.4.1 个人信息
头像
用户名
昵称(可修改)
3.4.2 消息中心快捷入口
点击后进入消息中心页面,见后面3.7 描述
3.4.3 订单状态入口
待付款
待发货
待收货
全部订单
3.4.4 系统设置
收货地址,点击后跳转至新增地址,见后面3.12描述
退出登录
3.5 登录
如上图,为爱慕商城登录页面。包含以下几个功能模块:
用户第一次使用爱慕商城,或者用户登录新的账号以及使用新的设备登录爱慕商城。
点击输入手机号框,数字键盘自动弹出,输入准确11位号码,激活“获取验证码”
输入验证码,验证码错误,六十秒后重新获取
3.6 搜索框
3.6.1 搜索页面
如上图,为爱慕商城搜索页。包含以下几个功能模块:
点击搜索框显示以上页面,键盘自动弹出,输入名称或关键词
点击键盘return键跳转至搜索结果页面3.6.2
点击取消返回至首页
3.6.2 搜索结果页面
如上图,为爱慕商城搜索结果页面。包含以下几个功能模块:
按照4*1显示,根据上新时间倒叙显示
包含显示项:商品图片、标题、价格
点击进入商品详情页,见后面3.9描述
3.7 消息中心快捷入口
如上图,为爱慕商城消息页面。包含以下几个功能模块:
包含显示项:商品小图、消息内容、时间
按照时间倒叙排序
3.8 文章详情页
如上图,为爱慕商城文章详情页面。包含以下几个功能模块:
包含显示项:文章标题、摘要、正文、图片、发布时间、商品链接
点击链接跳转至商品详情页。见后面3.9描述。
3.9 商品详情页
如上图,为爱慕商城商品详情页面。包含以下几个功能模块:
包含显示项:商品图片、名称、价格、详情、主页、购物车、加入购物车
点击首页按钮,即跳转至首页
点击购物车,跳转至购物车
点击加入购物车即将商品添加至购物车
点击左上角箭头即返回搜索结果页面
3.10 确认订单
如上图,为爱慕商城确认订单页面。包含以下几个功能模块:
包含显示项:收货人、收货地址、联系方式、商品图片、名称、价格、数量、总价、提交订单
点击地址可选择更换其他地址
点击提交订单跳转至确认付款页面,见后面3.11描述
3.11 提交订单
如上图,为爱慕商城确认付款页面。包含以下几个功能模块:
选择支付宝支付,跳转至支付宝
选择微信支付,跳转至微信
3.12 新增地址
如上图,为爱慕商城新增地址页面。包含以下几个功能模块:
包含显示项:收货人、联系方式、详细地址、设为默认地址、保存并使用
勾选设为默认地址,每次提交订单皆为默认地址,需手动更改
3.13 待付款
如上图,为爱慕商城待付款页面。包含以下几个功能模块:
包含显示项:全部、待付款、待发货、待收货、取消订单、付款
可手动滑动切换至全部/待发货/待收货
点击取消订单,待付款页面没有取消的订单
3.14 待发货
如上图,为爱慕商城待发货页面。包含以下几个功能模块:
包含显示项:全部、待付款、待发货、待收货
可手动滑动切换至全部/待付款/待收货
3.15 待收货
如上图,为爱慕商城待收货页面。包含以下几个功能模块:
包含显示项:全部、待付款、待发货、待收货、快递单号、确认收货
可手动滑动切换至全部/待付款/待发货
点击快递单号显示单号详情,见后面3.16描述
3.16 快递单号
4、用户使用流程图
六、非功能需求
1、权限
登录前:游客身份浏览首页,点击其他三大入口均弹出登录界面,放弃登录直接回到首页。点击首页文章内链接并加入购物车也会弹出登录界面
登录后:享受APP一切服务
2、键盘说明
登录页面点击输入手机号弹出数字键盘
点击搜索弹出键盘
点击新增地址收货人、详细地址弹出键盘、点击联系人号码弹出数字键盘
3、登录
登录页面:输入11位号码,才会激活“获取验证码”按钮,如输入号码小于11位,则无法激活。11位号码验证为正确大陆手机号码后,才会获取验证码,否则报错。直至输入正确手机号。
网友评论