APP商城需求文档资料.doc

《APP商城需求文档资料.doc》由会员分享，可在线阅读，更多相关《APP商城需求文档资料.doc（81页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、/文档版本V 1.0最后修改时间2014年9月23日编写人陈晨版本号：V 1.0APP商城产品需求书编写人：陈晨编写时间：2014年9月19日修订控制页编号文档版本修订章节修订原因修订日期修订人1. 概述61.1. 产品概述及目标62. 使用者需求62.1. 买家需求62.2. 卖家需求63. 功能需求73.1. 前端功能需求73.1.1. 功能总览73.1.2. 用户登录注册流程83.1.3. 用户购买商品流程83.1.4. 他人付费流程93.1.5. 用户赠予流程93.2. 前端功能详情103.2.1. 主界面页面需求103.2.2. 扫描二维码页面需求123.2.3. 秒杀页面需求133

2、.2.4. 分类页页面需求143.2.5. 商品列表页面需求183.2.6. 商品详情页面需求203.2.7. 目录页面需求243.2.8. 评论列表页面需求253.2.9. 探索页面需求273.2.10. 摇一摇页面需求293.2.11. 试阅页面需求313.2.12. 图片详情页需求323.2.13. 活动列表页面需求333.2.14. 活动页面需求353.2.15. 我的小窝页面需求373.2.16. 照片选择页面403.2.17. 登录页面需求433.2.18. 注册页面需求443.2.19. 找回密码页面需求453.2.20. 设置页面需求463.2.21. 应用推荐页面需求483.

3、2.22. 关于页面需求493.2.23. 礼物盒页面需求503.2.24. 我的关注页面需求523.2.25. 订单管理页面需求543.2.26. 订单详情页面需求553.2.27. 商品评论页面需求573.2.28. 订单退货申请页面需求593.2.29. 订单物流跟踪页面需求603.2.30. 我的优惠券页面需求613.2.31. 添加优惠券页面需求623.2.32. 我的消息页面需求633.2.33. 我的评论列表页面需求653.2.34. 我的足迹页面需求663.2.35. 账户管理页面需求683.2.36. 地址管理页面需求683.2.37. 新增地址页面需求703.2.38. 编

4、辑地址页面需求713.2.39. 意见反馈页面需求713.2.40. 购物车页面需求723.2.41. 订单确认页面需求733.2.42. 收货地址选择页面需求753.2.43. 商品清单页面需求763.2.44. 优惠券选取页面需求783.2.45. 支付方式选择页面需求793.2.46. 支付成功页面需求803.2.47. 支付失败页面需求801. 概述1.1. 产品概述及目标随着智能手机的普及，手机网速的提升，手机在生活中的作用不在是电话短信，还能做到娱乐阅读等很多功能，日益呈现替代PC的趋势。根据艾瑞咨询最新统计数据，2013年中国移动购物市场交易规模达到1676.4亿元，同比增长16

5、5.4%，增速是PC端网购的4倍多。根据艾瑞统计模型预计在2015年中国移动购物市场交易规模将会达到4953.1亿元，将会是未来网络购物的新趋势。APP商城将会以现行优秀B2C商城为基准，在其基础上不断优化体验，并结合英特华自身独有特性，研制开发出英特华独有的移动商城APP。结合英特华ERP，发挥传统电商与移动电商结合的优势，更能发挥英特华自有特点，迅速占领市场并立足移动电商领域。2. 使用者需求2.1. 买家需求买家的需求分为3个方向，分别为基本需求、分享需求、议价需求。买家的基本需求就是注册、登录、浏览购买、支付、订单管理、商品收藏、退货管理等功能，能成功在APP商城里面购买自己选择的商品

6、。买家的分享需求就是把自己购买的商品、看到的商品通过SNS渠道分享给其他的朋友，希望朋友能喜欢并且有部分炫耀心理。同时也可以通过分享获取优惠券等激励政策。买家的议价需求是买家经过筛选后，还想要一个更优惠的价格。需要有一系列的优惠手段。2.2. 卖家需求对于卖家，需要能够对APP商品进行完全的管控，包括商品增删改查及推荐、活动专题的增删改查及推荐、用户管理、店铺管理、消息推送、用户唤醒、APP更新、订单管理及发货、退款、接入英特华ERP系统。3. 功能需求3.1. 前端功能需求3.1.1. 功能总览名称描述优先级备注用户注册登录功能用户可以通过邮箱地址进行注册，并以邮箱地址做为找回密码的依据。1

7、用户购买商品功能用户可以成功加入购物车、提交订单、支付订单、订单查询管理的功能1用户退货功能用户可以从订单管理中选择退货1二维码功能用户可以扫描二维码或一维码定位到商品，并可以进行快速购买1优惠券功能在购物的时候可以使用优惠券1商品评论功能用户可以对已完成订单的商品进行评论1收藏商品功能用户可以收藏自己喜欢的商品1商品分享功能用户可以分享自己喜欢的商品2优惠消息推送功能定期可以推送给用户优惠信息1用户反馈功能用户可以通过APP进行信息反馈1清理缓存功能用户可以自助清理APP缓存图片1摇一摇功能用户可以每天参加摇一摇活动获取优惠券2礼物箱功能用户可以在礼物箱内获取别人送的优惠券或者官方提供的优惠

8、券2秒杀功能在指定时间内提供优惠的商品并限时购买。13.1.2. 用户登录注册流程3.1.3. 用户购买商品流程3.1.4. 他人付费流程操作流程：第一步：选择待付款的订单第二步：申请代付，并输入对方手机号第三步：系统生成相应二维码第四步：对方使用APP商城扫描此二维码，添加此订单信息。第五步：支付此订单，成功完成。3.1.5. 用户赠予流程操作流程：第一步：选择单个商品第二步：选择赠送他人，并输入对方手机号第三步：系统生成相应二维码第四步：对方使用APP商城扫描此二维码，在我优惠券中增加此商品提货券。第五步：对方购买此商品，使用提货券即可。3.2. 前端功能详情3.2.1. 主界面页面需求原

9、型：（具体看产品原型文件）页面元素：包含logo、搜索功能、扫描二维码按钮的顶栏包含首页、分类、探索、购物车、我的 5个快捷跳转按钮的底栏。主体页面包含 顶部轮播图、秒杀信息模块、超值抢购推荐模块、店长推荐模块、精品阅读推广模块、主题乐园快捷跳转模块。顶部轮播图轮播5个图片，点击直接跳转到相关页面或商品。秒杀信息倒计时方式显示离秒杀还剩多长时间，点击进入秒杀页面。超值抢购、店长推荐、精品阅读 是由后端推荐的专题活动或商品页面。页面效果：顶栏与底栏不动，主体页面上下可用手指滑动。秒杀倒计时根据实际时间动态减少。页面切换效果：从加载进度条界面进入此页面，使用从右向左进入的方式进行页面切换。链接：顶

10、栏搜索栏：点击跳转到搜索页面。顶栏二维码按钮：点击进入扫描二维码界面。主体页面顶部轮播图：点击进入相关页面。主体页面秒杀模块：点击任何一个商品均跳转到秒杀活动页面。主体页面超值抢购模块：点击进入相应活动或商品页面。主体页面店长推荐模块：点击进入相应活动或商品页面。主体页面精品阅读模块：点击进入相应活动或商品页面。主体页面主题乐园模块：点击进入相应分类或活动页面。底栏首页按钮：进入首页。底栏分类按钮：进入分类页面。底栏探索：进入探索页面。底栏购物车：点击进入购物车页面。底栏我的：点击进入我的小窝页面。先行条件：进度载入首页界面。后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单

11、手指向右，切换到我的小窝页面。彩蛋：单手指向下，除了出现松开刷新页面外，显示英特华logo，并有几率（第一次必出，每天只出一次）出现礼物盒。点击礼物盒获取优惠券等信息，可以到我的小窝里面的 礼物盒里面领取。3.2.2. 扫描二维码页面需求原型：页面元素：主体页面包含扫描框、扫描提示。页面效果：整体扫描效果仿照微信即可。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：获取扫描结果，返回服务器判断，按二维码或一维码返回值判断跳转什么页面。特殊功能：扫描一维码，直接可以跳转相应产品页。如果没有此产品，则提示“此商品未入库”。扫描二维码，如果此二维码为优惠券二维

12、码，直接进入添加优惠券页面，并自动输入优惠券码。如果此二维码为商品码，直接跳转进入商品页面。手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.3. 秒杀页面需求原型：页面元素：顶栏包含秒杀说明按钮。主体页面包含秒杀时间倒计时、秒杀商品模块列表。秒杀商品模块包含商品缩略图、商品名称、秒杀价格、商品原件、秒杀折扣、添加闹钟按钮。页面效果：秒杀时间倒计时动态效果。添加闹钟按钮点击后弹出提示信息，并改变了按钮颜色。点击秒杀说明动态从上到下动态出现说明信息。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：点击商品进入秒杀商品详情页。先行条件：无后置条件：无特殊功能：设

13、置闹钟后，即使后台运作，到时间也能弹出消息。手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.4. 分类页页面需求原型：一级分类：二级分类：三级分类：页面元素：一级分类页：包含搜索栏与二维码的顶栏。包含5个基本按钮的底栏。一级分类名称，第一分类名称底下是二级分类名称集合。一级分类名称左边图片为一级分类内30天内销量最高的商品图片。二级分类页：包含搜索栏与二维码的顶栏。包含5个基本按钮的底栏。左边为一级分类名称。右边为二级分类名称，二级分类名称底下跟着三级分类名称集合。二级分类名称左边图片为二级分类内30天内销量最高的商品图片。三级分类页：包含搜索栏与二维码的顶栏。包含5个基

14、本按钮的底栏。顶部有本类商品推荐。底部展示三级分类名称。页面效果：顶栏与底栏不动，主体页面上下可用手指滑动。一级分类页切换到二级分类页需要过渡效果。三级分类页顶部商品推荐可以左右滑动。页面切换效果：其他页面进入一级分类页需要由左到右滑动进入。一级分类页进入二级页面需要过渡展现效果。二级页面进入三级页面需要由左到右滑动进入。链接：顶栏与底栏同首页。一级分类页任何分类点击过渡展现二级分类。二级分类页面任何分类点击进入三级分类页。三级分类页任何分类点击进入相应商品列表页。三级分类页顶部商品推荐任何商品点击进入相应商品页。先行条件：无后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单

15、手指向右，返回上一个页面，本页面从右向左离场。3.2.5. 商品列表页面需求原型：页面元素：顶栏包含搜索栏与宫格列表切换按钮。主体页面为多个商品列表。每个商品列表将会展现商品图片、商品名称、商品现价、商品原价、评论人数、销量数。商品列表顶部为商品排序条件，排序条件有新品按时间由新到旧排序、价格按现价由低到高排序、销量按销售量由高到低排序、人气按评论人数由多到少排序。主体页面如果不在顶部，则出现回到顶部的按钮。最底下在主体页面滑动的情况下出现商品总数与现在已经展现商品数。页面效果：顶栏与底栏不动，主体页面上下可用手指滑动。点击宫格列表切换按钮，不刷新整体页面的情况下进行样式改变。主体页面往上滑动

16、的时候，顶栏与排序条件按钮将消失。主体页面往下滑动的时候，如果顶栏与排序条件消失的情况下，顶栏与排序条件将出现在顶部。底部出现商品总数与现在已经展现商品数。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：顶栏搜索栏：点击进入搜索页面。主体页面商品：点击进入商品详情页。先行条件：无后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.6. 商品详情页面需求原型：主页面：足迹浮层：更多浮层：页面元素：顶栏包含足迹与更多按钮。底栏包含关注、立即加入购物车、购物车按钮。主体页面为多个商品详细信息，包括商品大图、商品名称

17、、商品现价、商品原价、促销活动说明、如果是秒杀商品将出现秒杀时间、作者、出版社、两条置顶的用户评论、猜你喜欢商品推荐模块、图书简介、作者简介、目录跳转按钮、试阅跳转按钮、图片详情跳转按钮。按需求，出现赠予按钮。足迹浮层，内容为用户商品浏览历史，默认保留30个商品历史，足迹列表商品需要展现商品图片、商品现价、商品原价、商品名称。更多浮层，为3个跳转按钮，包含分享、搜索、主页按钮。页面效果：顶栏与底栏不动，主体页面上下可用手指滑动。点击足迹按钮，从右到左滑动出现用户浏览过的商品列表。点击更多按钮，从上到下滑动出现更多浮层。猜你喜欢商品推荐模块为左右滑动效果。默认底部为上拉查看图文详情处，在此处上拉

18、可以才加载图文详情模块。点击立即添加购物车后，此按钮变成绿色的去购物车结算。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：主体页面促销信息按钮：点击进入促销信息详细说明页面。主体页面用户评论按钮：点击进入用户评论页面。主体页面猜你喜欢商品：点击进入相应商品页面。主体页面赠予：点击进入赠予页面。图文详情模块目录：点击进入目录页面。图文详情模块试阅：点击进入试阅页面。图文详情模块图片详情：点击进入图片详情页面。更多浮层分享：点击进入分享页面。更多浮层搜索：点击进入搜索页面。更多浮层主页：点击进入首页。先行条件：无后置条件：浏览历史（足迹）里面加入此商品。手势操作功能：单手指向下，

19、到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。单手指向左，滑动出现足迹页面。3.2.7. 目录页面需求原型：页面元素：主体页面为目录内容。页面效果：顶栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.8. 评论列表页面需求原型：页面元素：顶栏下部为评论筛选按钮，共有4个按钮，全部评论，好评，中评，差评。主体页面为多个评论列表。每个评论将会展现评分星级、评论内容、评论时间、评论用户。页面效果：顶栏不动，主体页面上下可用手指滑

20、动。点击筛选按钮对评论列表进行筛选，全屏评论按时间由新到旧排序、好评按钮筛选出4-5星评分的评论、中评按钮筛选出2-3星的评论、差评按钮筛选出1星的评论。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.9. 探索页面需求原型：页面元素：底栏按钮同首页。页面主体为活动按钮、礼物盒按钮、扫一扫按钮、摇一摇按钮。页面效果：无页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：页面主体活动：点击进入活动列表页面。页面主体礼物盒：点击进入礼物盒列表页面。页面主体扫一扫：点击进入扫一

21、扫页面。页面主体摇一摇：点击进入摇一摇页面。先行条件：无后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.10. 摇一摇页面需求原型：页面元素：主体页面为摇一摇提示图标。页面效果：手机晃动的时候，摇一摇图标也同时晃动。晃动幅度达到一定程度则弹出晃动结果提示。有几率获得礼物盒、优惠券。如果懒得摇晃手机，点击图片也能达到效果。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。业务说明：每天只能摇一次。链接：无先行条件：登录成功状态。后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.11.

22、 试阅页面需求原型：页面元素：主体页面为试阅内容。页面效果：顶栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.12. 图片详情页需求原型：页面元素：主体页面为多个商品图片列表。页面效果：顶栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.13. 活动列表页面需求原型：页面元素：主体页面为多个活动模块列表。活动

23、模块需要展现活动推广图、活动名称、活动简介、活动发布时间、活动点赞次数。页面效果：顶栏不动，主体页面上下可用手指滑动。点击大拇指可以对此活动进行点赞。点赞有特别效果。取消点赞也有特别效果。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：活动模块点击进入相应活动页面。先行条件：无后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.14. 活动页面需求原型：页面元素：以html页面的形式展现活动详情。由于使用web形式，顶栏需要有关闭按钮，底栏需要有前进、后退、刷新按钮。页面效果：顶栏不动，主体页面上下可用手指滑

24、动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：点击里面链接直接跳转到指定商品页面。先行条件：无后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。3.2.15. 我的小窝页面需求原型：更多页面：页面元素：顶栏包含更多按钮。底栏同首页。主体页面内包含用户信息模块、订单提醒模块、用户管理模块、猜你喜欢模块。用户信息模块包含照片、用户名称、用户等级、用户积分、用户模块背景。订单提醒模块包含未付款订单，如果没有未付款订单，此模块就不出现。用户管理模块包含订单管理、优惠券、我的关注、我的消息、我的评论、我的足迹、账户管理。猜你喜欢模块包含推荐商品列表。更多按钮包含设置

25、按钮、应用推荐按钮、使用帮助按钮、意见反馈按钮、检测更新按钮、关于按钮、退出登录按钮。页面效果：顶栏不动，主体页面上下可用手指滑动。订单提醒为动态提醒，如果订单内没有未付款订单则不出现，如果有则出现，最多出现2个未付款订单。点击检测更新按钮联网检测是否有新版本，如果有则提示开始下载，下载进程不随应用关闭而关闭，下载完成后立即运行安装（iOS点击进入app store下载）。如果没有新版本提示“已经为最新版本”。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：顶栏更多：点击进入更多页面。主体页面照片：点击进入自拍或者选择图片页面。主体页面未支付订单：点击进入相应订单页面。主体页面

26、订单管理：点击进入订单管理页面。主体页面优惠券：点击进入拥有的优惠券。主体页面我的关注：点击进入我的关注列表页面。主体页面我的消息：点击进入我的消息列表页面。主体页面我的评论：点击进入我的评论列表页面。主体页面我的足迹：点击进入我的足迹列表页面。主体页面账户管理：点击进入账户管理页面。更多设置：点击进入设置页面。更多应用推荐：点击进入应用推荐页面。更多使用帮助：点击进入使用帮助页面。更多意见反馈：点击进入意见反馈页面。更多关于：点击进入关于页面。更多退出登录：点击退出登录并进入首页。先行条件：登录成功后方可进入。未登录则顶部提示需要登录。点击任意页面主体按钮则跳到登录页面。后置条件：无手势操作

27、功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.16. 照片选择页面原型：步骤一：步骤二：页面元素：步骤一主体页面包含拍照按钮、从相册选择按钮。步骤二主体页面包含图片裁剪工具、确定按钮。页面效果：步骤一选择拍照按钮，则打开机器自带拍照工具，拍照完成后进入步骤二。步骤一选择从相册选择按钮，则打开机器自带相册地址，选择照片后进入步骤二。步骤二可以通过双指放大缩小图片、移动图片至满意为止。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：登录成功状态后置条件：修改用户头像，并本机保存此头像。手势操作功能无3.2.17. 登录页面需求原型：页面元素：主体页面包含

28、用户头像（记录上一个用户）、登录账号输入框（如果曾经登录过则默认输入上一个用户的账号）、密码输入框（可以选择是否显示密码）、登录按钮、找回密码链接、快速手机注册链接。页面效果：无页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：主体页面找回密码：点击进入找回密码页面。主体页面快速手机注册：点击进入注册页面。先行条件：无后置条件：登录成功状态手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.18. 注册页面需求原型：步骤一：步骤二：页面元素：步骤一主体页面包含说明、手机号输入框、同意注册协议选择框、获取密码按钮、提示信息。步骤二主体页面包含步骤一所填写手机号、默

29、认密码输入框、确认注册按钮。页面效果：无页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：步骤一主体页面注册协议：点击进入注册协议页面。先行条件：非登录状态后置条件：登录成功状态手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.19. 找回密码页面需求原型：页面元素：主体页面包含手机号输入框、新密码输入框、确认新密码输入框、验证码输入框、验证码提示、获取验证码按钮、提交按钮。页面效果：无页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：成功后进入登录页面。手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2

30、.20. 设置页面需求原型：页面元素：主体页面包含站内信息设置模块、节约流量设置模块、本地缓存模块、升级设置模块。站内信息设置模块包含接收消息设置、设定静音时间段。设置静音时间段点击后弹出设定时间段的浮层。页面效果：当选择不接收消息推送消息的时候，弹出提示框说明将无法及时收到优惠消息。设定静音时间后，在静音时间内不接收消息推送，非静音时间段内在进行消息推送。手动下载图片选择后，所有页面的图片不直接显示，点击后才显示具体图片。清除图片缓存，点击后弹出提示框，提示其将要清除所有图片缓存。同时显示图片缓存占的空间总数。自动升级客户端，为自动下载升级包并自动执行。页面切换效果：其他页面进入商品列表页需

31、要由左到右滑动进入。链接：无先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.21. 应用推荐页面需求原型：页面元素：主体页面为多个推荐应用列表。建议使用html形式实现。需要有web常规按钮。页面效果：顶栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：点击推荐应用进入相应应用下载页面。先行条件：无后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.22. 关于页面需求原型：页面元素：顶栏包含分享按钮。主体页面包含公司logo，应用

32、下载地址二维码，应用版本号，版权信息。页面效果：顶栏不动，主体页面上下可用手指滑动。点击logo10次，进入彩蛋模式。彩蛋内容待定，可以为开发者集体发言信息。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：顶栏分享：点击进入分享页面。先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.23. 礼物盒页面需求原型：页面元素：主体页面礼物盒展示模块，积分换取礼物盒模块。礼物盒展示模块包含礼物盒图片、礼物盒打开动作、开启按钮、左右滑动提示。积分换取礼物盒模块包含用户积分信息、换取按钮、积分减少动作。页面效果：礼物盒在拥有多个的情况下可以左右滑

33、动切换。以12星座为背景，随机展现礼物盒样式。礼物盒开启后会有开启效果过渡。礼物盒内含为优惠券。优惠券自动加入我们的优惠券列表。100积分可以换取一个礼物盒（积分兑换数待定），点击换取按钮，出现积分减少的动态效果。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：无后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.24. 我的关注页面需求原型：页面元素：主体页面为多个商品列表。每个商品将会展现商品图片、商品名称、商品现价。页面效果：顶栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：商品点

34、击进入相应商品页面。先行条件：必须先登录成功。后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.25. 订单管理页面需求原型：页面元素：主体页面为多个订单列表。每个订单将会展现订单号、订单金额、下单时间、全部商品缩略图、订单状态。如果已经发货，将显示订单跟踪按钮。页面效果：顶栏不动，主体页面上下可用手指滑动。全部商品集合可以左右滑动显示全部商品。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：点击订单任何地方跳转进入订单详情页。先行条件：用户先登录。后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当

35、前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.26. 订单详情页面需求原型：页面元素：顶栏包含取消订单按钮，此按钮在订单未付款的状态出现，其他状态不出现。订单处于已收货状态底栏为评论按钮，点击进入评论页面，如果是未支付状态，底栏为立即支付按钮，如果是已发货状态，底栏为物流跟踪信息按钮。主体页面包含订单状态、订单编号、订单金额模块、商品列表模块、收货地址模块、发票信息模块、退货按钮（只有当订单状态为收货的时候出现）。如果是未付款订单，会出现找人代付按钮。订单金额模块包含总价、商品总价、优惠价格、运费。商品列表模块为订单内商品的全部列表，每个商品列表项需要展现商品缩略图、商品名称

36、、购买数量。收货地址模块包含收件人名称、联系电话、收货地址。发票信息模块包含发票类型、发票抬头、发票内容。页面效果：顶栏底栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：主体页面退货：点击进入退货页面。主体页面找人代付：点击进入找人代付页面。底栏评价：点击进入评价页面。底栏立即付款：点击进入立即付款页面。底栏物流跟踪信息：点击计入物流跟踪页面。先行条件：登录成功状态。后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.27. 商品评论页面需求原型：页面元素：主体页面为多个商品

37、评论列表，商品评论浮层。每个商品包含缩略图、商品名称、发表评论按钮（如果已经成功评论，则显示为已评论状态，不可点击）。商品评论浮层包含星级评分、评论内容输入框、评论提交按钮。页面效果：顶栏不动，主体页面上下可用手指滑动。点击发表评论按钮，滑动展开商品评论浮层。点击提交评论，收回商品评论浮层并显示状态为已评论。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：点击商品直接进入相应商品详情页。先行条件：登录成功。后置条件：评论成功后进入已评论状态，不能重复评论。手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.28. 订单退

38、货申请页面需求原型：页面元素：主体页面包含退货原因选择、退货详细说明、提交退货申请按钮。页面效果：无。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：登录成功。订单状态为已收货。后置条件：订单状态转为申请退款。手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.29. 订单物流跟踪页面需求原型：页面元素：主体页面包含承运方、快递号、快递时时信息。页面效果：顶栏不动，主体页面上下可用手指滑动。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：登录成功状态。订单为已发货状态。后置条件：无手势操作功能：单手指向下，到一定距离即可

39、刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.30. 我的优惠券页面需求原型：页面元素：顶栏包含添加优惠券按钮。主体页面多种优惠券列表以及优惠券使用说明。点击优惠券使用说明则从上往下滑动展现优惠券使用说明提示内容。未使用的优惠券在上面，已使用的在下面，默认显示10张优惠券，瀑布流加载更多。页面效果：顶栏不动，主体页面上下可用手指滑动。瀑布流加载更多。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：顶栏添加：点击进入优惠券添加界面。先行条件：登录成功后置条件：无手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.31. 添加优惠券页面需求

40、原型：页面元素：主体页面包含优惠券获取码输入框、直接二维码扫描优惠券、确定添加按钮。页面效果：无页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：主体页面二维码：点击进入二维码扫描页面。先行条件：登录成功。后置条件：成功添加后则在我的优惠券列表页里增加优惠券。提示功能：如果输入优惠券码被使用过，弹出提示框说明“此优惠券已被使用”如果输入优惠券成功添加，弹出提示框说明“优惠券添加成功”，并返回我的优惠券列表。手势操作功能：单手指向右，返回上一个页面，本页面从右向左离场。3.2.32. 我的消息页面需求原型：页面元素：主体页面为多个推送消息列表。消息内容包含消息标题、消息时间、消息内

41、容节选，就节选2行。页面效果：顶栏不动，主体页面上下可用手指滑动。点击查看详细展开全部内容。页面切换效果：其他页面进入商品列表页需要由左到右滑动进入。链接：无先行条件：登录成功。后置条件：无手势操作功能：单手指向下，到一定距离即可刷新当前页面。单手指向右，返回上一个页面，本页面从右向左离场。3.2.33. 我的评论列表页面需求原型：页面元素：主体页面为多个商品评论列表。主体页面内未评论商品在上面，已评论商品在下面。每个商品评论包含商品缩略图、商品名称、发表评论按钮（如果已经评论显示为已评论按钮）。评论浮层包含评论星级选择、评论内容、提交按钮。已评论浮层包含评论星级、评论内容的展现。不可修改。页面效果：顶栏不动，主体页面上下可用手指滑动。点击发表评论按钮滑动展现评论