爱慕商城#PRD#

爱慕商城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位号码验证为正确大陆手机号码后,才会获取验证码,否则报错。直至输入正确手机号。

你可能感兴趣的:(爱慕商城#PRD#)