PRD 文档版本 最后修改时间 V 1.0 2014年9月23日 编写人 陈晨
版本号:V 1.0
APP商城产品需求书
编写人:***
编写时间:2014年9月19日
第 1 页 共 81 页
PRD
修订控制页
编号 文档版本 修订章节 修订原因 修订日期 修订人
第 2 页 共 81 页
PRD
1. 概述 ............................................................................................................................ 6
1.1. 产品概述及目标........................................................................................................ 6 . 使用者需求 ................................................................................................................. 6 2
2.1. 买家需求 .................................................................................................................. 6 2.2. 卖家需求 .................................................................................................................. 6 3. 功能需求 ..................................................................................................................... 7 .1. 前端功能需求 ........................................................................................................... 7 3
3.1.1. 功能总览 ............................................................................................................... 7 .1.2. 用户登录注册流程 ................................................................................................. 83
3.1.3. 用户购买商品流程 ................................................................................................. 8 3.1.4. 他人付费流程 ........................................................................................................ 9 3.1.5. 用户赠予流程 ........................................................................................................ 9 3.2. 前端功能详情 ..........................................................................................................10 3.2.1. 主界面页面需求....................................................................................................10 3.2.2. 扫描二维码页面需求.............................................................................................12 3.2.3. 秒杀页面需求 .......................................................................................................13 3.2.4. 分类页页面需求....................................................................................................14 3.2.5. 商品列表页面需求 ................................................................................................18 3.2.6. 商品详情页面需求 ................................................................................................20 3.2.7. 目录页面需求 .......................................................................................................24 3.2.8. 评论列表页面需求 ................................................................................................25 3.2.9. 探索页面需求 .......................................................................................................27
第 3 页 共 81 页
PRD
3.2.10. 摇一摇页面需求..................................................................................................29 3.2.11. 试阅页面需求 .....................................................................................................31 3.2.12. 图片详情页需求..................................................................................................32 3.2.13. 活动列表页面需求 ..............................................................................................33 3.2.14. 活动页面需求 .....................................................................................................35
3.2.15. 我的小窝页面需求 ..............................................................................................37 3.2.16. 照片选择页面 .....................................................................................................40
3.2.17. 登录页面需求 .....................................................................................................43 3.2.18. 注册页面需求 .....................................................................................................44
3.2.19. 找回密码页面需求 ..............................................................................................45 3.2.20. 设置页面需求 .....................................................................................................46 3.2.21. 应用推荐页面需求 ..............................................................................................48 3.2.22. 关于页面需求 .....................................................................................................49 3.2.23. 礼物盒页面需求..................................................................................................50 3.2.24. 我的关注页面需求 ..............................................................................................52 3.2.25. 订单管理页面需求 ..............................................................................................54 3.2.26. 订单详情页面需求 ..............................................................................................55 3.2.27. 商品评论页面需求 ..............................................................................................57 3.2.28. 订单退货申请页面需求 .......................................................................................59 3.2.29. 订单物流跟踪页面需求 .......................................................................................60 3.2.30. 我的优惠券页面需求...........................................................................................61 3.2.31. 添加优惠券页面需求...........................................................................................62
第 4 页 共 81 页
PRD
3.2.32. 我的消息页面需求 ..............................................................................................63 3.2.33. 我的评论列表页面需求 .......................................................................................65 3.2.34. 我的足迹页面需求 ..............................................................................................66 3.2.35. 账户管理页面需求 ..............................................................................................68 3.2.36. 地址管理页面需求 ..............................................................................................68
3.2.37. 新增地址页面需求 ..............................................................................................70 3.2.38. 编辑地址页面需求 ..............................................................................................71
3.2.39. 意见反馈页面需求 ..............................................................................................71 3.2.40. 购物车页面需求..................................................................................................72
3.2.41. 订单确认页面需求 ..............................................................................................73 3.2.42. 收货地址选择页面需求 .......................................................................................75 3.2.43. 商品清单页面需求 ..............................................................................................76 3.2.44. 优惠券选取页面需求...........................................................................................78 3.2.45. 支付方式选择页面需求 .......................................................................................79 3.2.46. 支付成功页面需求 ..............................................................................................80 3.2.47. 支付失败页面需求 ..............................................................................................80 1.
第 5 页 共 81 页
PRD
概述
1.1. 产品概述及目标
随着智能手机的普及,手机网速的提升,手机在生活中的作用不在是电话短信,还能做到娱乐阅读等很多功能,日益呈现替代PC的趋势。根据艾瑞咨询最新统计数据,2013年中国移动购物市场交易规模达到1676.4亿元,同比增长165.4%,增速是PC端网购的4倍多。根据艾瑞统计模型预计在2015年中国移动购物市场交易规模将会达到4953.1亿元,将会是未来网络购物的新趋势。
APP商城将会以现行优秀B2C商城为基准,在其基础上不断优化体验,并结合英特华自身独有特性,研制开发出英特华独有的移动商城APP。结合英特华ERP,发挥传统电商与移动电商结合的优势,更能发挥英特华自有特点,迅速占领市场并立足移动电商领域。
2. 使用者需求
2.1. 买家需求
买家的需求分为3个方向,分别为基本需求、分享需求、议价需求。
买家的基本需求就是注册、登录、浏览购买、支付、订单管理、商品收藏、退货管理等功能,能成功在APP商城里面购买自己选择的商品。
买家的分享需求就是把自己购买的商品、看到的商品通过SNS渠道分享给其他的朊友,希望朊友能喜欢并且有部分炫耀心理。同时也可以通过分享获取优惠券等激励。
买家的议价需求是买家经过筛选后,还想要一个更优惠的价格。需要有一系列的优惠手段。
2.2. 卖家需求
对于卖家,需要能够对APP商品进行完全的管控,包括商品增删改查及推荐、活动专题的增删改查及推荐、用户管理、店铺管理、消息推送、用户唤醒、APP更新、订单管理及发货、退款、接入英特华ERP系统。
第 6 页 共 81 页
PRD
3. 功能需求
3.1. 前端功能需求
3.1.1. 功能总览
名称 描述 优先级 备注
用户可以通过邮箱地址进行注册,用户注册登录功能 1
并以邮箱地址做为找回密码的依
据。
用户可以成功加入购物车、提交订用户购买商品功能 1
单、支付订单、订单查询管理的功
能
用户退货功能 用户可以从订单管理中选择退货 1
用户可以扫描二维码或一维码定二维码功能 1
位到商品,并可以进行快速购买
优惠券功能 在购物的时候可以使用优惠券 1
用户可以对已完成订单的商品进商品评能 1
行评论
收藏商品功能 用户可以收藏自己喜欢的商品 1 商品分享功能 用户可以分享自己喜欢的商品 2 优惠消息推送功能 定期可以推送给用户优惠信息 1 用户反馈功能 用户可以通过APP进行信息反馈 1 清理缓存功能 用户可以自助清理APP缓存图片 1
用户可以每天参加摇一摇活动获摇一摇功能 2
取优惠券
用户可以在礼物箱内获取别人送礼物箱功能 2
的优惠券或者官方提供的优惠券
在指定时间内提供优惠的商品并秒杀功能 1
限时购买。
第 7 页 共 81 页
PRD
3.1.2. 用户登录注册流程
3.1.3. 用户购买商品流程
第 8 页 共 81 页
PRD
3.1.4. 他人付费流程
操作流程:
第一步:选择待付款的订单
第二步:申请代付,并输入对方手机号
第三步:系统生成相应二维码
第四步:对方使用APP商城扫描此二维码,添加此订单信息。 第五步:支付此订单,成功完成。
3.1.5. 用户赠予流程
操作流程:
第一步:选择单个商品
第二步:选择赠送他人,并输入对方手机号
第三步:系统生成相应二维码
第四步:对方使用APP商城扫描此二维码,在我优惠券中增加此商品提货券。
第五步:对方购买此商品,使用提货券即可。
第 9 页 共 81 页
PRD
3.2. 前端功能详情
3.2.1. 主界面页面需求
原型:(具体看产品原型文件)
页面元素:
第 10 页 共 81 页
PRD
包含logo、搜索功能、扫描二维码按钮的顶栏
包含首页、分类、探索、购物车、我的 5个快捷跳转按钮的底栏。 主体页面包含 顶部轮播图、秒杀信息模块、超值抢购推荐模块、店长推荐模块、精品
阅读推广模块、主题乐园快捷跳转模块。
顶部轮播图轮播5个图片,点击直接跳转到相关页面或商品。 秒杀信息倒计时方式显示离秒杀还剩多长时间,点击进入秒杀页面。 超值抢购、店长推荐、精品阅读 是由后端推荐的专题活动或商品页面。
页面效果:
顶栏与底栏不动,主体页面上下可用手指滑动。
秒杀倒计时根据实际时间动态减少。
页面切换效果:
从加载进度条界面进入此页面,使用从右向左进入的方式进行页面切换。
链接:
顶栏——搜索栏:点击跳转到搜索页面。
顶栏——二维码按钮:点击进入扫描二维码界面。
主体页面——顶部轮播图:点击进入相关页面。
主体页面——秒杀模块:点击任何一个商品均跳转到秒杀活动页面。 主体页面——超值抢购模块:点击进入相应活动或商品页面。 主体页面——店长推荐模块:点击进入相应活动或商品页面。 主体页面——精品阅读模块:点击进入相应活动或商品页面。 主体页面——主题乐园模块:点击进入相应分类或活动页面。 底栏——首页按钮:进入首页。
底栏——分类按钮:进入分类页面。
底栏——探索:进入探索页面。
底栏——购物车:点击进入购物车页面。
底栏——我的:点击进入我的小窝页面。
先行条件:
进度载入首页界面。
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。
单手指向右,切换到我的小窝页面。
彩蛋:
单手指向下,除了出现松开刷新页面外,显示英特华logo,并有几率(第一次必出,每
天只出一次)出现礼物盒。点击礼物盒获取优惠券等信息,可以到我的小窝里面的 礼物盒
第 11 页 共 81 页
PRD
里面领取。
3.2.2. 扫描二维码页面需求
原型:
页面元素:
主体页面包含扫描框、扫描提示。
页面效果:
整体扫描效果仿照微信即可。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
获取扫描结果,返回服务器判断,按二维码或一维码返回值判断跳转什么页面。
特殊功能:
扫描一维码,直接可以跳转相应产品页。如果没有此产品,则提示“此商品未入库”。 扫描二维码,如果此二维码为优惠券二维码,直接进入添加优惠券页面,并自动输入优
第 12 页 共 81 页
PRD
惠券码。
如果此二维码为商品码,直接跳转进入商品页面。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.3. 秒杀页面需求
原型:
页面元素:
顶栏包含秒杀说明按钮。
主体页面包含秒杀时间倒计时、秒杀商品模块列表。 秒杀商品模块包含商品缩略图、商品名称、秒杀价格、商品原件、秒杀折扣、添加闹钟
按钮。
页面效果:
秒杀时间倒计时动态效果。
添加闹钟按钮点击后弹出提示信息,并改变了按钮颜色。 点击秒杀说明动态从上到下动态出现说明信息。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
第 13 页 共 81 页
PRD
链接:
点击商品进入秒杀商品详情页。
先行条件:
无
后置条件:
无
特殊功能:
设置闹钟后,即使后台运作,到时间也能弹出消息。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.4. 分类页页面需求
原型:
一级分类:
第 14 页 共 81 页
PRD
二级分类:
第 15 页 共 81 页
PRD
三级分类:
第 16 页 共 81 页
PRD
页面元素:
一级分类页:
包含搜索栏与二维码的顶栏。
包含5个基本按钮的底栏。
一级分类名称,第一分类名称底下是二级分类名称集合。 一级分类名称左边图片为一级分类内30天内销量最高的商品图片。 二级分类页:
包含搜索栏与二维码的顶栏。
包含5个基本按钮的底栏。
左边为一级分类名称。
右边为二级分类名称,二级分类名称底下跟着三级分类名称集合。 二级分类名称左边图片为二级分类内30天内销量最高的商品图片。 三级分类页:
包含搜索栏与二维码的顶栏。
包含5个基本按钮的底栏。
第 17 页 共 81 页
PRD
顶部有本类商品推荐。
底部展示三级分类名称。
页面效果:
顶栏与底栏不动,主体页面上下可用手指滑动。 一级分类页切换到二级分类页需要过渡效果。 三级分类页顶部商品推荐可以左右滑动。
页面切换效果:
其他页面进入一级分类页需要由左到右滑动进入。 一级分类页进入二级页面需要过渡展现效果。 二级页面进入三级页面需要由左到右滑动进入。
链接:
顶栏与底栏同首页。
一级分类页任何分类点击过渡展现二级分类。 二级分类页面任何分类点击进入三级分类页。 三级分类页任何分类点击进入相应商品列表页。 三级分类页顶部商品推荐任何商品点击进入相应商品页。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.5. 商品列表页面需求
原型:
第 18 页 共 81 页
PRD
页面元素:
顶栏包含搜索栏与宫格列表切换按钮。
主体页面为多个商品列表。
每个商品列表将会展现商品图片、商品名称、商品现价、商品原价、评论人数、销量数。
商品列表顶部为商品排序条件,排序条件有新品按时间由新到旧排序、价格按现价由低到高排序、销量按销售量由高到低排序、人气按评论人数由多到少排序。
第 19 页 共 81 页
PRD
主体页面如果不在顶部,则出现回到顶部的按钮。 最底下在主体页面滑动的情况下出现商品总数与现在已经展现商品数。
页面效果:
顶栏与底栏不动,主体页面上下可用手指滑动。 点击宫格列表切换按钮,不刷新整体页面的情况下进行样式改变。 主体页面往上滑动的时候,顶栏与排序条件按钮将消失。 主体页面往下滑动的时候,如果顶栏与排序条件消失的情况下,顶栏与排序条件将出现
在顶部。
底部出现商品总数与现在已经展现商品数。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
顶栏——搜索栏:点击进入搜索页面。
主体页面——商品:点击进入商品详情页。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.6. 商品详情页面需求
原型:
主页面:
第 20 页 共 81 页
PRD
第 21 页 共 81 页
PRD
足迹浮层:
更多浮层:
第 22 页 共 81 页
PRD
页面元素:
顶栏包含足迹与更多按钮。
底栏包含关注、立即加入购物车、购物车按钮。
主体页面为多个商品详细信息,包括商品大图、商品名称、商品现价、商品原价、促销活动说明、如果是秒杀商品将出现秒杀时间、作者、出版社、两条置顶的用户评论、猜你喜欢商品推荐模块、图书简介、作者简介、目录跳转按钮、试阅跳转按钮、图片详情跳转按钮。按需求,出现赠予按钮。
足迹浮层,内容为用户商品浏览历史,默认保留30个商品历史,足迹列表商品需要展现商品图片、商品现价、商品原价、商品名称。
更多浮层,为3个跳转按钮,包含分享、搜索、主页按钮。
页面效果:
顶栏与底栏不动,主体页面上下可用手指滑动。
点击足迹按钮,从右到左滑动出现用户浏览过的商品列表。
点击更多按钮,从上到下滑动出现更多浮层。
猜你喜欢商品推荐模块为左右滑动效果。
默认底部为上拉查看图文详情处,在此处上拉可以才加载图文详情模块。
点击立即添加购物车后,此按钮变成绿色的去购物车结算。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——促销信息按钮:点击进入促销信息详细说明页面。
主体页面——用户评论按钮:点击进入用户评论页面。
主体页面——猜你喜欢商品:点击进入相应商品页面。
主体页面——赠予:点击进入赠予页面。
图文详情模块——目录:点击进入目录页面。
第 23 页 共 81 页
PRD
图文详情模块——试阅:点击进入试阅页面。 图文详情模块——图片详情:点击进入图片详情页面。 更多浮层——分享:点击进入分享页面。 更多浮层——搜索:点击进入搜索页面。 更多浮层——主页:点击进入首页。
先行条件:
无
后置条件:
浏览历史(足迹)里面加入此商品。
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。 单手指向左,滑动出现足迹页面。
3.2.7. 目录页面需求
原型:
第 24 页 共 81 页
PRD
页面元素:
主体页面为目录内容。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.8. 评论列表页面需求
原型:
第 25 页 共 81 页
PRD
页面元素:
顶栏下部为评论筛选按钮,共有4个按钮,全部评论,好评,中评,差评。 主体页面为多个评论列表。
每个评论将会展现评分星级、评论内容、评论时间、评论用户。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
点击筛选按钮对评论列表进行筛选,全屏评论按时间由新到旧排序、好评按钮筛选出
第 26 页 共 81 页
PRD
4-5星评分的评论、中评按钮筛选出2-3星的评论、差评按钮筛选出1星的评论。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.9. 探索页面需求
原型:
第 27 页 共 81 页
PRD
页面元素:
底栏按钮同首页。
页面主体为活动按钮、礼物盒按钮、扫一扫按钮、摇一摇按钮。
页面效果:
无
第 28 页 共 81 页
PRD
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
页面主体——活动:点击进入活动列表页面。 页面主体——礼物盒:点击进入礼物盒列表页面。 页面主体——扫一扫:点击进入扫一扫页面。 页面主体——摇一摇:点击进入摇一摇页面。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.10. 摇一摇页面需求
原型:
第 29 页 共 81 页
PRD
页面元素:
主体页面为摇一摇提示图标。
页面效果:
手机晃动的时候,摇一摇图标也同时晃动。 晃动幅度达到一定程度则弹出晃动结果提示。有几率获得礼物盒、优惠券。
如果懒得摇晃手机,点击图片也能达到效果。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
业务说明:
每天只能摇一次。
链接:
无
先行条件:
登录成功状态。
第 30 页 共 81 页
PRD
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.11. 试阅页面需求
原型:
页面元素:
主体页面为试阅内容。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
第 31 页 共 81 页
PRD
无
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.12. 图片详情页需求
原型:
页面元素:
主体页面为多个商品图片列表。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
第 32 页 共 81 页
PRD
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.13. 活动列表页面需求
原型:
第 33 页 共 81 页
PRD
页面元素:
主体页面为多个活动模块列表。
活动模块需要展现活动推广图、活动名称、活动简介、活动发布时间、活动点赞次数。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
第 34 页 共 81 页
PRD
点击大拇指可以对此活动进行点赞。点赞有特别效果。取消点赞也有特别效果。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
活动模块——点击进入相应活动页面。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.14. 活动页面需求
原型:
第 35 页 共 81 页
PRD
页面元素:
以html页面的形式展现活动详情。
由于使用web形式,顶栏需要有关闭按钮,底栏需要有前进、后退、刷新按钮。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
第 36 页 共 81 页
PRD
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
点击里面链接直接跳转到指定商品页面。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。
3.2.15. 我的小窝页面需求
原型:
第 37 页 共 81 页
PRD
第 38 页 共 81 页
PRD 更多页面:
页面元素:
顶栏包含更多按钮。
底栏同首页。
主体页面内包含用户信息模块、订单提醒模块、用户管理模块、猜你喜欢模块。 用户信息模块包含照片、用户名称、用户等级、用户积分、用户模块背景。 订单提醒模块包含未付款订单,如果没有未付款订单,此模块就不出现。 用户管理模块包含订单管理、优惠券、我的关注、我的消息、我的评论、我的足迹、账户管理。
猜你喜欢模块包含推荐商品列表。
更多按钮包含设置按钮、应用推荐按钮、使用帮助按钮、意见反馈按钮、检测更新按钮、关于按钮、退出登录按钮。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
订单提醒为动态提醒,如果订单内没有未付款订单则不出现,如果有则出现,最多出现
第 39 页 共 81 页
PRD
2个未付款订单。
点击检测更新按钮联网检测是否有新版本,如果有则提示开始下载,下载进程不随应用
关闭而关闭,下载完成后立即运行安装(iOS点击进入app store下载)。如果没有新版本提
示“已经为最新版本”。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
顶栏——更多:点击进入更多页面。
主体页面——照片:点击进入自拍或者选择图片页面。 主体页面——未支付订单:点击进入相应订单页面。 主体页面——订单管理:点击进入订单管理页面。 主体页面——优惠券:点击进入拥有的优惠券。 主体页面——我的关注:点击进入我的关注列表页面。 主体页面——我的消息:点击进入我的消息列表页面。 主体页面——我的评论:点击进入我的评论列表页面。 主体页面——我的足迹:点击进入我的足迹列表页面。 主体页面——账户管理:点击进入账户管理页面。 更多——设置:点击进入设置页面。
更多——应用推荐:点击进入应用推荐页面。 更多——使用帮助:点击进入使用帮助页面。 更多——意见反馈:点击进入意见反馈页面。 更多——关于:点击进入关于页面。
更多——退出登录:点击退出登录并进入首页。
先行条件:
登录成功后方可进入。未登录则顶部提示需要登录。点击任意页面主体按钮则跳到登录
页面。
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.16. 照片选择页面
原型:
步骤一:
第 40 页 共 81 页
PRD
步骤二:
第 41 页 共 81 页
PRD
页面元素:
步骤一——主体页面包含拍照按钮、从相册选择按钮。 步骤二——主体页面包含图片裁剪工具、确定按钮。
页面效果:
步骤一选择拍照按钮,则打开机器自带拍照工具,拍照完成后进入步骤二。 步骤一选择从相册选择按钮,则打开机器自带相册地址,选择照片后进入步骤二。
步骤二可以通过双指放大缩小图片、移动图片至满意为止。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
登录成功状态
后置条件:
修改用户头像,并本机保存此头像。
第 42 页 共 81 页
PRD
手势操作功能
无
3.2.17. 登录页面需求
原型:
页面元素:
主体页面包含用户头像(记录上一个用户)、登录账号输入框(如果曾经登录过则默认
输入上一个用户的账号)、密码输入框(可以选择是否显示密码)、登录按钮、找回密码链
接、快速手机注册链接。
页面效果:
无
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——找回密码:点击进入找回密码页面。
主体页面——快速手机注册:点击进入注册页面。
先行条件:
第 43 页 共 81 页
PRD
无
后置条件:
登录成功状态
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.18. 注册页面需求
原型:
步骤一:
步骤二:
页面元素:
第 44 页 共 81 页
PRD 步骤一——主体页面包含说明、手机号输入框、同意注册协议选择框、获取密码按钮、
提示信息。
步骤二——主体页面包含步骤一所填写手机号、默认密码输入框、确认注册按钮。
页面效果:
无
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
步骤一——主体页面——注册协议:点击进入注册协议页面。
先行条件:
非登录状态
后置条件:
登录成功状态
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.19. 找回密码页面需求
原型:
第 45 页 共 81 页
PRD
页面元素:
主体页面包含手机号输入框、新密码输入框、确认新密码输入框、验证码输入框、验证
码提示、获取验证码按钮、提交按钮。
页面效果:
无
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
成功后进入登录页面。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.20. 设置页面需求
原型:
第 46 页 共 81 页
PRD
页面元素:
主体页面包含站内信息设置模块、节约流量设置模块、本地缓存模块、升级设置模块。
站内信息设置模块包含接收消息设置、设定静音时间段。设置静音时间段点击后弹出设定时间段的浮层。
页面效果:
当选择不接收消息推送消息的时候,弹出提示框说明将无法及时收到优惠消息。
设定静音时间后,在静音时间内不接收消息推送,非静音时间段内在进行消息推送。
手动下载图片选择后,所有页面的图片不直接显示,点击后才显示具体图片。
清除图片缓存,点击后弹出提示框,提示其将要清除所有图片缓存。同时显示图片缓存占的空间总数。
自动升级客户端,为自动下载升级包并自动执行。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
第 47 页 共 81 页
PRD
无
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.21. 应用推荐页面需求
原型:
页面元素:
主体页面为多个推荐应用列表。建议使用html形式实现。 需要有web常规按钮。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
第 48 页 共 81 页
PRD
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
点击推荐应用进入相应应用下载页面。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.22. 关于页面需求
原型:
第 49 页 共 81 页
PRD
页面元素:
顶栏包含分享按钮。
主体页面包含公司logo,应用下载地址二维码,应用版本号,版权信息。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
点击logo10次,进入彩蛋模式。彩蛋内容待定,可以为开发者集体发言信息。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
顶栏——分享:点击进入分享页面。
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.23. 礼物盒页面需求
原型:
第 50 页 共 81 页
PRD
页面元素:
主体页面礼物盒展示模块,积分换取礼物盒模块。
礼物盒展示模块包含礼物盒图片、礼物盒打开动作、开启按钮、左右滑动提示。
积分换取礼物盒模块包含用户积分信息、换取按钮、积分减少动作。
页面效果:
礼物盒在拥有多个的情况下可以左右滑动切换。以12星座为背景,随机展现礼物盒样式。
礼物盒开启后会有开启效果过渡。
礼物盒内含为优惠券。优惠券自动加入我们的优惠券列表。
100积分可以换取一个礼物盒(积分兑换数待定),点击换取按钮,出现积分减少的动态效果。
第 51 页 共 81 页
PRD
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.24. 我的关注页面需求
原型:
第 52 页 共 81 页
PRD
页面元素:
主体页面为多个商品列表。
每个商品将会展现商品图片、商品名称、商品现价。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
商品点击进入相应商品页面。
第 53 页 共 81 页
PRD
先行条件:
必须先登录成功。
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.25. 订单管理页面需求
原型:
第 54 页 共 81 页
PRD
页面元素:
主体页面为多个订单列表。
每个订单将会展现订单号、订单金额、下单时间、全部商品缩略图、订单状态。如果已
经发货,将显示订单跟踪按钮。
页面效果:
顶栏不动,主体页面上下可用手指滑动。 全部商品集合可以左右滑动显示全部商品。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
点击订单任何地方跳转进入订单详情页。
先行条件:
用户先登录。
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.26. 订单详情页面需求
原型:
第 55 页 共 81 页
PRD
第 56 页 共 81 页
PRD
页面元素:
顶栏包含取消订单按钮,此按钮在订单未付款的状态出现,其他状态不出现。
订单处于已收货状态底栏为评论按钮,点击进入评论页面,如果是未支付状态,底栏为
立即支付按钮,如果是已发货状态,底栏为物流跟踪信息按钮。 主体页面包含订单状态、订单编号、订单金额模块、商品列表模块、收货地址模块、发
票信息模块、退货按钮(只有当订单状态为收货的时候出现)。 如果是未付款订单,会出现找人代付按钮。
订单金额模块包含总价、商品总价、优惠价格、运费。 商品列表模块为订单内商品的全部列表,每个商品列表项需要展现商品缩略图、商品名
称、购买数量。
收货地址模块包含收件人名称、联系电话、收货地址。 信息模块包含类型、抬头、内容。
页面效果:
顶栏底栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——退货:点击进入退货页面。
主体页面——找人代付:点击进入找人代付页面。 底栏——评价:点击进入评价页面。
底栏——立即付款:点击进入立即付款页面。
底栏——物流跟踪信息:点击计入物流跟踪页面。
先行条件:
登录成功状态。
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.27. 商品评论页面需求
原型:
第 57 页 共 81 页
PRD
页面元素:
主体页面为多个商品评论列表,商品评论浮层。
每个商品包含缩略图、商品名称、发表评论按钮(如果已经成功评论,则显示为已评论
状态,不可点击)。
商品评论浮层包含星级评分、评论内容输入框、评论提交按钮。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
点击发表评论按钮,滑动展开商品评论浮层。
点击提交评论,收回商品评论浮层并显示状态为已评论。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
第 58 页 共 81 页
PRD
点击商品直接进入相应商品详情页。
先行条件:
登录成功。
后置条件:
评论成功后进入已评论状态,不能重复评论。
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.28. 订单退货申请页面需求 原型:
页面元素:
主体页面包含退货原因选择、退货详细说明、提交退货申请按钮。
页面效果:
无。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
登录成功。
第 59 页 共 81 页
PRD
订单状态为已收货。
后置条件:
订单状态转为申请退款。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.29. 订单物流跟踪页面需求 原型:
页面元素:
主体页面包含承运方、快递号、快递时时信息。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
第 60 页 共 81 页
PRD
无
先行条件:
登录成功状态。
订单为已发货状态。
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.30. 我的优惠券页面需求
原型:
页面元素:
顶栏包含添加优惠券按钮。
主体页面多种优惠券列表以及优惠券使用说明。
第 61 页 共 81 页
PRD
点击优惠券使用说明则从上往下滑动展现优惠券使用说明提示内容。 未使用的优惠券在上面,已使用的在下面,默认显示10张优惠券,瀑布流加载更多。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
瀑布流加载更多。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
顶栏——添加:点击进入优惠券添加界面。
先行条件:
登录成功
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.31. 添加优惠券页面需求
原型:
页面元素:
主体页面包含优惠券获取码输入框、直接二维码扫描优惠券、确定添加按钮。
页面效果:
无
页面切换效果:
第 62 页 共 81 页
PRD
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——二维码:点击进入二维码扫描页面。
先行条件:
登录成功。
后置条件:
成功添加后则在我的优惠券列表页里增加优惠券。
提示功能:
如果输入优惠券码被使用过,弹出提示框说明“此优惠券已被使用” 如果输入优惠券成功添加,弹出提示框说明“优惠券添加成功”,并返回我的优惠券列
表。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.32. 我的消息页面需求
原型:
第 63 页 共 81 页
PRD
页面元素:
主体页面为多个推送消息列表。
消息内容包含消息标题、消息时间、消息内容节选,就节选2行。
页面效果:
顶栏不动,主体页面上下可用手指滑动。 点击查看详细展开全部内容。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
登录成功。
第 页 共 81 页
PRD
后置条件:
无
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.33. 我的评论列表页面需求
原型:
页面元素:
主体页面为多个商品评论列表。
主体页面内未评论商品在上面,已评论商品在下面。
每个商品评论包含商品缩略图、商品名称、发表评论按钮(如果已经评论显示为已评论
第 65 页 共 81 页
PRD
按钮)。
评论浮层包含评论星级选择、评论内容、提交按钮。 已评论浮层包含评论星级、评论内容的展现。不可修改。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
点击发表评论按钮滑动展现评论浮层。
点击已评论按钮滑动展现已评论浮层。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——商品:点击跳转到相应商品页面。
先行条件:
登陆成功。
后置条件:
提交评论后将把发表评论按钮改为已评论状态。 刷新此页面或者下次进入此页面将会按照既定排列顺序重排列表。未评论商品在上面,
已评论商品在下面。
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。 单手指向右,返回上一个页面,本页面从右向左离场。
3.2.34. 我的足迹页面需求
原型:
第 66 页 共 81 页
PRD
页面元素:
主体页面为多个商品列表。
每个商品展现商品缩略图、商品名称、商品现价。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——商品:点击跳转相应商品页面。
先行条件:
登录成功。
后置条件:
当点击历史浏览商品后,足迹内商品列表需要重新排重排序,按浏览时间排序。
手势操作功能:
单手指向下,到一定距离即可刷新当前页面。
第 67 页 共 81 页
PRD
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.35. 账户管理页面需求
原型:
页面元素:
主体页面包含地址管理、密码修改。
页面效果:
无
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——地址管理:进入地址管理页面。 主体页面——密码修改:进入密码修改页面。
先行条件:
登录成功。
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.36. 地址管理页面需求
原型:
第 68 页 共 81 页
PRD
页面元素:
顶栏包含新增按钮。
主体页面为多个地址信息列表。
每个地址信息包含收件人名称、收件人手机、收件人地址。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
顶栏——新增:点击进入新增地址页面。
主体页面——地址信息——编辑按钮图标:点击进入地址修改页面。
先行条件:
登录成功。
后置条件:
第 69 页 共 81 页
PRD
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.37. 新增地址页面需求
原型:
页面元素:
顶栏包含保存按钮。
主体页面为收件人信息表单,包含收件人姓名、手机号、固定电话(选填)、选择地区、
详细地址。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
点击选择地区按照省、市、县/区的顺序让用户选择所在地区。
保存表单要求:
收件人名称不能超过10个中文字符,不允许特殊符号。 手机号不能超过20个数字字符。
固定电话并不能超过20个数字字符。
详细地址不能超过50个中文字符。
页面切换效果:
第 70 页 共 81 页
PRD
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
登录成功。
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.38. 编辑地址页面需求
具体需求同新增地址页面。
3.2.39. 意见反馈页面需求
原型:
页面元素:
主体页面包含用户意见输入框、意见提交按钮。
页面效果:
点击提交按钮弹出已收到反馈的提示框,点击确认后跳转上一个页面。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
第 71 页 共 81 页
PRD
先行条件:
无
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.40. 购物车页面需求
原型:
页面元素:
顶栏编辑按钮,点击后进入编辑状态,可以修改商品数量,同时对购物车内商品进行删
第 72 页 共 81 页
PRD
除处理。
主体页面为多个商品列表。
每个商品信息包含商品缩略图、商品现价、商品数量,商品勾选按钮。 商品选择按钮可以选择此商品是否本次结算,未选择商品不结算,但是还保留在购物车
内。
底栏5个按钮同首页。
底栏上部为结算信息模块,包含全选/全部取消按钮、商品总价、结算按钮。 未登录的情况下顶栏底下显示登录按钮,提示用户登录。
点击登录弹出登录对话框,包含用户名输入框、密码输入框、登录按钮、注册链接、找
回密码链接。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
点击编辑页面过渡为编辑状态,显示数量加减号与商品删除按钮。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
底栏链接同首页。
主体页面——结算按钮:点击跳转到结算页面。
主体页面——登录按钮:点击弹出登录对话框。
登录对话框——注册链接:点击进入注册页面。
登录对话框——找回密码链接:点击进入找回密码页面。
先行条件:
无
后置条件:
无
手势操作功能:
商品区域,单手指向左滑动,到一定距离右边显示删除按钮,点击从购物车删除此商品。 商品区域,单手指向右滑动,到一定距离勾选或取消勾选此商品,与商品勾选按钮同样
功能。
商品区域,单手指向上滑动,到一定距离增加此商品购买数量。 商品区域,单手指向下滑动,到一定距离减少此商品购买数量。
3.2.41. 订单确认页面需求
原型:
第 73 页 共 81 页
PRD
页面元素:
主体页面为订单信息,包含选取收货地址模块、商品缩略图集合模块、选择支付方式模块、设置信息模块、订单备注模块、选择优惠券模块、商品金额计算模块、商品应付款、提交订单按钮。
选取地址模块,在未选取地址的时候,提示其选取收货地址,如果曾经设置收货地址,则此处显示上次订单收货地址。点击即可跳到地址选择页面选择收货地址并显示。
商品缩略图集合模块,显示所有商品缩略图,左右滑动显示。点击进入商品清单页面。
选择支付方式模块,点击选择在线支付或者货到付款。前期默认均是在线支付。
设置信息模块,点击进入信息设置页面。默认为不需要。
订单备注模块,输入对本次订单的留言。70字以内。
优惠券模块,点击进入优惠券选择页面,默认不使用,并提示优惠券剩余张数。
商品金额计算模块,显示商品总金额、运费金额、优惠金额。
页面效果:
顶栏底栏不动,主体页面上下可用手指滑动。
第 74 页 共 81 页
PRD
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——选择收货地址:点击进入选择收货地址页面。 主体页面——商品缩略图集合模块:点击进入商品清单页面。 主体页面——设置信息模块:点击进入信息设置页面。 主体页面——优惠券模块:点击进入优惠券选取模块。
先行条件:
登录成功。
后置条件:
无
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.42. 收货地址选择页面需求
原型:
第 75 页 共 81 页
PRD
页面元素:
主体页面为多个收货地址信息列表。
每个地址信息包含收货人姓名、手机号、详细地址信息,后面蓝钩图标代表正在使用的
收货地址。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
无
后置条件:
选择地址信息后立即变成勾选状态并返回订单确认页。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.43. 商品清单页面需求
原型:
第 76 页 共 81 页
PRD
页面元素:
主体页面为多个商品信息列表。
每个商品信息包含商品缩略图、商品名称、商品现价。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
登录成功。
后置条件:
无
第 77 页 共 81 页
PRD
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.44. 优惠券选取页面需求
原型:
页面元素:
主体页面为多个未使用优惠券列表。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
无
先行条件:
登录成功。
第 78 页 共 81 页
PRD
后置条件:
订单确认页面根据优惠券重新计算价格。
手势操作功能:
单手指向右,返回上一个页面,本页面从右向左离场。
3.2.45. 支付方式选择页面需求 原型:
页面元素:
主体页面为多个第三方支付渠道列表。
页面效果:
顶栏不动,主体页面上下可用手指滑动。
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
点击跳转到相应支付页面。
先行条件:
登录成功。
确认订单。
后置条件:
支付成功跳转到支付成功页面。
手势操作功能:
第 79 页 共 81 页
PRD
单手指向右,返回上一个页面,本页面从右向左离场。
特殊情况:
现阶段只有支付宝的情况下,不弹出这个页面,直接进入支付宝支付页面。
3.2.46. 支付成功页面需求
原型:
页面元素:
主体页面包含支付成功提示、回到我的小窝按钮、去逛逛按钮。
页面效果:
无
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——回到我的小窝:点击跳转我的小窝页面。 主体页面——去逛逛:点击跳转首页。
先行条件:
支付成功。
后置条件:
订单状态设置为已付款。
手势操作功能:
无
3.2.47. 支付失败页面需求
第 80 页 共 81 页
PRD
原型:
页面元素:
主体页面包含支付失败提示、返回我的订单按钮、回到首页按钮。
页面效果:
无
页面切换效果:
其他页面进入商品列表页需要由左到右滑动进入。
链接:
主体页面——返回我的订单按钮:点击跳转之前支付失败的订单确认页。
主体页面——回到首页:点击跳转首页。
先行条件:
支付失败。
后置条件:
不改变订单状态。
手势操作功能:
无
第 81 页 共 81 页