Promall产品需求规格说明书V111.docx

Promall产品需求规格说明书V111.docx

《Promall产品需求规格说明书V111.docx》由会员分享，可在线阅读，更多相关《Promall产品需求规格说明书V111.docx（15页珍藏版）》请在冰豆网上搜索。

Promall产品需求规格说明书V111

Promall团购平台-需求规格说明书

-V1.1.1版本

版本号

需求发起人

发起时间

修改内容

Promall团购v1.1.0

孙煜柠、邓启越

2015/3/19

新增

Promall团购v1.1.1

孙煜柠、邓启越

2015/4/10

新增:

1.首页UI调整；

2.侧边栏功能更改

1.版本上线目的：

根据Promall团购平台官方提出的《功能模块》、《网站设计方案》，深入细化打磨各功能模块点。

以期完成一份具体可执行方案。

2.产品需求部分

2.1Promall团购商城前台

2.1.1Promall首页

2.1.1.1邮件PUSH弹框（待定）

【显示需求】

1.【弹框尺寸】1000px*60px

2.【弹框样式】请设计依照原型，出高保真

【交互需求】

1.【下拉框】点击下拉框

，出现常用邮箱列表hotmail/yahoo/live/outlook,点击列表中选项后，替代默认的gmail邮箱

2.【手动输入邮箱】

如需要输入的邮箱不在5个选项内，则可以直接点击邮箱输入框进行输入。

3.【提交邮件】

成功填完表单后，点击

按钮，该弹框样式调整为“您已成功提交”

2.1.1.2Crazydeal首页模块

2.1.1.2.1顶部通栏Crazydeal入口（如下图红标所示）

【显示需求】

1.如图在网站顶部设置240*80尺寸大小的Crazydeal缩略图；

【交互需求】

1.点击缩略图：

另打开窗口，并跳转至后台对应设置链接。

2.1.1.3首页导航

【显示需求】

1.如上图所示，首页导航布局（后续设计补上相关高保真）

1.1【左边】7个一级分类（暂定）：

New/Dinning/Beauty&Wellness/Travel/Shopping；

【交互需求】

1.【跳转功能】

a）点击Home按钮，回到首页顶部；

b）点击其他导航其他分类，跳转至各自分类筛选页

2.1.1.4搜索模块

【显示需求】

1.如下图所示,首页锚点导航【右边】为搜索模块

【交互需求】

1.【搜索框输入功能】

a）默认显示搜索推荐词sushi,hotels,etc;

b）鼠标点击搜索框，搜索推荐词依旧存在；

c）键盘输入后，搜索推荐词消失,正常显示输入词

3.【搜索框地区筛选功能】

a）鼠标聚焦搜索框，显示筛选框

b）点击筛选框中热门地区，替代原来的搜索地区词

2.1.1.5轮播图

【显示需求】

1.【轮播图尺寸】首页轮播图为1000px*400px；

2.【轮播图张数】5张

3.【轮播图等高其他区域】渐变色（设计定稿）以适应不同尺寸屏幕的显示需求

【交互需求】

1.【播放速度】

a）默认每3秒切换下一张banner,不断循环；

b）点击左右切换按钮，切换对应的上一张/下一张

2.【链接】每张banner点击后跳转至对应链接，后台可设置banner对应的链接地址

3.【后台上传】上传bannert图路径：

2.1.1.6首页商品列表

首页商品列表按品类进行排序，如：

美食（dinning）/生活服务（beauty&wellness）/trave/实物团购（shopping）

【显示需求】

1.每个分类展示5个单品，按后台序列号排序，序列号前5显示于前台

2.列表基本属性：

商品缩略图、商品名称、所在地区、商品价格、市场价，折扣；

【交互需求】

1.【点击列表】跳转至对应单品详情页；

2.【点击】

跳转至搜索结果页，且筛选条件之一默认为【new】

3.【鼠标悬停】显示该商品使用的截止时间，如下图：

2.1.2注册/登录模块

2.1.2.1登录

1.登录方式分两种（如下图所示）：

a）Facebook快捷登录（利用网站cookie,无需输入）；

b）普通登录（用户需要输入邮箱、密码进行登录）

【显示需求】（见设计稿）

1.登录前页面

默认状态，前台只显示

字段；

2.登录后页面

2.1默认状态:

登录后显示用户名、（未读信息数、）用户头像（如Facebook快捷登录，则使用Facebook上的用户名、头像）；

a）头像为空时，显示Promall默认头像

（请设计师出稿）；

b）头像不为空，显示对应用户头像（尺寸：

32*32）

2.2鼠标悬停状态：

除默认状态外，额外显示“个人中心”（分别为4个快捷入口：

消息中心、收藏夹、账户中心、帮助中心、登出）

2.1未读信息数：

1）用户名后的未读信息数：

a）未读信息数的最大值：

99+，超过99条未读信息一律显示99+；

b）未读信息数为零时：

默认只显示用户名，不显示“括号&未读信息数”；

c）未读信息数不为零且小于等于99时：

正常显示对应的未读信息数。

2）Queue后的未读信息数：

显示效果同“用户名后的未读信息数”

2.2用户名字段：

1）用户名字段：

默认显示用户的FirstName（名称，而不是姓氏）；

2）字段最大值：

30个字节，超过30个字节，采用字符截取，只显示前30个字符。

【交互需求】

1.登录触发动作：

用户进行日常购买、支付、查看账户操作必须登录。

a）登录动作主动触发：

用户点击顶部通栏

，弹出登录弹框；

b）登录动作被动触发：

用户在提交订单页点击“提交订单按钮”时，弹出登录弹框。

2.鼠标悬停：

登录后，光标悬停在下图，下拉展示“个人中心“（4个快捷入口）；

3.鼠标离开：

隐藏个人中心。

4.点击快捷入口：

a）跳转至消息中心；

b）跳转至账户中心；

c）跳转至收藏夹；

d）跳转至帮助中心。

2.1.2.2注册

【显示需求】（见设计稿）

1.注册页内容：

1.1使用Facebook快捷注册（调用Facebook接口）；

1.2普通注册（默认显示该输入框内容的帮助文字：

如Email等）

a）用户名：

FirstName&LastName；

b）电子邮箱:

用户邮箱，同时在注册表单中提醒这是用于账户登录；

c）密码&二次确认密码：

暗码账号密码（限定规则见后续【交互需求】）；

d）出生日期：

下拉框

e）性别：

男&女（单选框）

【交互需求】

1.注册表单默认状态：

同【显示需求】；

2.注册表单聚焦状态：

a）键盘未进行输入时：

默认显示输入内“帮助文字”；

b）键盘已进行输入时：

“帮助文字”消失，同时显示键盘输入信息。

3.注册表单输入反馈（输入框失焦）：

a）错误信息反馈：

输入框失焦后，输入框右边显示“该文本输入错误的标识”，如下

b）正确信息反馈：

输入框失焦后，输入框右边显示“该文本输入正确的标识”，如下：

c）

缺少有效信息时：

用户没有输入或忘记输入必填表单时的信息反馈，此时“创建账户按钮”灰显，不可选。

1）缺少信息的输入框边框红标；

2）输入框颜色为草黄色；

3）输入框右边的提示文本分别红标显示为：

i.姓名输入框的提示文本：

Pleaseenteryourfirstandlastname；

ii.电子邮件输入框的提示文本：

Pleaseenteravalidemailaddress；

iii.密码输入框的提示文本：

Pleaseenterapassword；

iv.出身年月下拉框的提示文本：

Pleaseenteryourfullbirthday。

d）全部表单输入正确：

“创建账户按钮”正常显示，且可选。

4.注册表单检验：

1）用户名：

同登录，最多允许输入30个字节的FirstName&LastName;

2）电子邮箱：

必须含“@和.”字符；

3）密码：

密码表单不可复制，且在前台为暗文显示；

5.出生月份下拉框低保真：

a）未选中月份时的交互,“月份”字体灰显

b）选中月份时的交互，该选中“月份”底色亮显，同时字体反白。

6.出生年份、日期下拉框交互

同“出生月份”交互

2.1.3个人账户模块（个人信息/取现/订单）（高保真待定）

2.1.4Crazydeal模块

2.1.5详情页模块

2.1.6支付模块（核对订单页）

2.2Promall团购商城后台模块

2.2.1商品管理模块

2.2.2报表统计模块

2.2.3促销管理模块

2.2.4财务模块

2.2.5短信&邮件Push模块

2.2.6订单模块

2.2.7用户管理模块

2.2.8商家管理模块

2.3Promall团购商城“商家版”

2.3.1团购验证码校验

2.3.2订单现金流模块（结算）