wiki:pclady_2.0.0

Version 22 (modified by wukaida, 12 years ago) (diff)

--

爱妆客 V2.0.0

一、项目概况

1、APP2.0.0版本的主要的功能概况

1、扫码功能
2、抢试用
3、个人中心
4、产品架构调整

2、项目人员

1)编辑:傅带娣
2)产品:帅红、吴凯达
3)UE:程浩文
4)设计:黄淑慧
4)协调:许永佳
5)iOS开发:杨波
6)制作:
7)移动端接口:

3、时间计划

1)设计:
2)开发:
3)测试:
4)提交:

三、详细需求

1、产品原型

 V1

2、需求说明

首页

 首页需求

条形码功能

 扫码需求

找美妆-按分类

位置:框架页04
【搜索框】
点击搜索,搜索窗从上面往下划出(先),键盘从下往上滑出(后)。
增加扫一扫查美妆功能,点击进入扫码页面(图03),搜索框缩回,页面从右往左滑出。
其他功能与一期一致。

【产品库】
字段说明:
产品图片:尺寸根据设计稿而定。
产品名称:显示产品类别的名称,如“面霜”
功能说明:
点击分类,切换到分类栏目。
点击菜单,菜单向下展开。
3、点击图片或文字,进入对应的分类产品列表页(图04-1)。
4、当在某一菜单项内滑动下方的产品,菜单项在顶部保持不动。当滑至下一菜单项,前一菜单项跟随其产品内容往上滑动。

找美妆-按功效

位置:框架页04
【搜索框】
1、点击搜索,搜索窗从上面往下划出(先),键盘从下往上滑出(后)。
2、增加扫一扫查美妆功能,点击进入扫码页面(图03),搜索框缩回,页面从右往左滑出。
3、其他功能与一期一致。

【产品库】
字段说明:
产品图片:尺寸根据设计稿而定。(更多功效无图片)
产品名称:显示产品类别的名称,如“面霜”
功能说明:
1、点击效果,切换到分类栏目。
2、进入效果栏目,默认展开基础功效菜单。
3、点击图片或文字,进入对应的分类产品列表页(图04-1)。
4、当在某一菜单项内滑动下方的产品,菜单项在顶部保持不动。当滑至下一菜单项,前一菜单项跟随其产品内容往上滑动。

产品列表页

功能与1期保持一致

搜索结果页

功能与1期保持一致

产品终端页

 产品终端页

专业评测文章页

功能说明(新增):
专业评测详情页页面与1期保持一致,增加以下手势:
1、页面滑到底部,自动加载到下一个分页,如默认是“实际效果”,到了底部继续下拉,则打开“外观质地”分页;
2、页面从左向右滑动,返回产品详情页点击前所在的位置(即页面高度)。

全部评论页

我要评论页

评论详情页

找美妆-按品牌

位置:框架页05

【品牌搜索框】
1、点击搜索框,搜索窗从上面往下划出(先),键盘从下往上滑出(后)。
2、其他功能与一期一致。

【品牌列表】
字段说明:
1、热门品牌:logo展示,读取后台热门品牌logo
2、全部品牌:英文名+中文名(无则不显示)
3、字母索引:@代表热门品牌

功能说明:
正常状态:
1、点击按分类/按功效/按品牌TAB,或者在页面左右滑动,可以切换至找美妆-按分类/找美妆-按功效/找美妆-按品牌;
2、选择地区标签(全部、欧美、日韩、国货),品牌列表随之刷新;
3、滑动或点击字母索引条时,屏幕中间显示当前字母,当前字母对应的品牌置顶,索引条有背景颜色变化,索引条中当前字母有颜色变化;
4、其他功能与上一版本一致。

异常状态:
1、无网络时显示默认无网络页面,点击进行刷新。
2、网络不佳时提示:黑色层+图标+“网络不给力”。

品牌主页

 品牌主页

进行中的试用

位置:框架页06

【试用列表】
字段说明:
1、产品图片:读取试用中心的产品图片,保持统一比例;点击图片进入试用详情页
2、试用标题:读取试用中心的产品标题,最多2行;点击标题进入试用详情页
3、价格:读取试用产品的价格
4、规格:读取试用产品的规格
5、份数:读取试用产品的份数
6、申请时间:读取试用日期范围,按月日-月日的格式显示
7、申请按钮:
正常申请时间--按钮可以点击,进入申请页
过了申请时间--按钮变灰不可点击,按钮文字改为 已过期

功能说明:
正常状态:
1、进入“抢试用”页,默认加载5个试用,每次往下滑动,再加载5个,往下一直把所有的正在试用都读取出来。已过期的试用,最多读取最近的10个。

异常状态:
1、无网络时显示默认无网络页面,点击进行刷新。
2、网络不佳时提示:黑色层+图标+“网络不给力”。

【整个页面说明】
1、从此点击进入其他页,原页面向左滑动消失;
2、页面按翻页加载,滑动到页面底部再加载。
3、页面在顶部往下拉动,刷新页面
4、点击试用文章区域,该区域要有点击触发效果

试用详情

位置:框架页06-1

【顶部导航】
功能说明:
返回按钮:点击返回至“进行中的试用”
分享按钮:点击后,从屏幕底部滑出分享页面

【试用详情】
字段说明:
1、产品图片、试用标题、价格、规格、数量:数据读取与“进行中的试用”一致;
2、申请人数:数据读取后台已申请人数;
3、试用说明:读取后台数据。

功能说明:
正常状态:
1、点击申请按钮,进入试用申请页面。

【整个页面说明】
1、从此点击进入其他页,原页面向左滑动消失;
2、页面按翻页加载,滑动到页面底部再加载。
3、页面拉到底部,页面自动回弹
4、页面向右滑动,返回上一页点击前所在的位置(即页面高度)

试用申请

位置:框架页06-2

【顶部导航】
功能说明:
返回按钮:返回至试用详情
提交按钮:点击后,若收货信息填写完整且符合要求,则跳转至申请成功提示页;若收货信息填写不完整或不符合要求,则弹出提示框,提示相应信息。

【收货信息】
字段说明:
1、姓名:点击调用中文输入键盘;真实姓名必须由2-4个汉字组成;
2、地址:省市,点击调用地址转盘;街道地址,点击调用文字输入键盘;详细地址字数须在5至60之间;
3、手机:点击调用数字键盘;必须由5-20位数字组成;
4、邮箱:点击调用英文输入键盘;必须带有@字符;
5、记住:默认选中,选中后,下次用户申请时,上述填写框显示上次填写的信息;不勾选则无需显示。

功能说明:
正常状态:
1、提交后,如填写的字段不按规定,则显示提示文字;
2、正常提交后,进入提交申请后页面;

异常状态:
1、提交时网络不佳或没有网络,提示没有网络无法提交。

申请成功

位置:框架页06-3

【提示信息】
功能说明:
1、点击相应ICON可分享至:微信朋友圈、微信好友、新浪微博、QQ好友、QQ空间、腾讯微博;
2、点击“个人中心—我的试用”可进入“个人中心-试用”;

试用预告

位置:框架页06-4

【试用列表】
字段说明:
1、产品图片、试用标题、价格、规格、份数:数据读取与“进行中的试用”一致;
2、开放时间:读取可以申请的开始时间;
3、到时提醒我:用户点击按钮后,在申请开始的当天,触发系统推送消息,内容如下:
爱妆客 [产品标题]今天开抢啦,[份数]抢完就没罗

功能说明:
1、无查看试用详情功能,其他与“进行中的试用”一致。

【整个页面说明】
1、从此点击进入其他页,原页面向左滑动消失;
2、页面按翻页加载,滑动到页面底部再加载。
3、页面在顶部往下拉动,刷新页面

我的试用

 我的试用

提交试用报告

位置:框架页07-1
功能说明:
1、主要功能、样式与“我要点评”一致;
2、提交后的评论类型需为“试用报告”,并关联到web版上的试用报告。
3、绑定了新浪微博或QQ的用户,以该第三方昵称作为用户名提交报告。

我的收藏

 我的收藏

我的点评

 我的点评

设置

位置:框架07-4
功能说明:
增加清除缓存、应用推荐;
调整更多功能的先后顺序为“清除缓存、意见反馈、给我评价、关于爱妆客、应用推荐”。

3、设计稿

4、魔方统计需求

5、计数器统计需求

6、接口规则

Attachments