美搭化妆品库1.0需求

一、改版背景

1，利用女性网化妆品库庞大的数据资源以及PC指数等独有分析数据，将化妆品库APP化，增加用户使用场景；
2，通过APP，协助销售同事的工作，增加网站的效益；

二、开发概述

APP1.0.0的主要的功能概括如下：

1，【首页】显示焦点图和编辑推荐榜单入口；
2，【找美妆】为库型结构栏目；
3，可通过【品牌馆】进入某品牌的单品列表；
4，首页、找美妆、品牌都有【搜索】入口；
6，【分类单品】列表，可通过选择功效筛选单品；
7，【品牌专页】展示品牌介绍和该品牌的全部单品，单品系列；
8，【单品终端】展示产品信息，每个【单品终端】有【专业评测】、【网友热评】和【购买】的入口
 页面框架链接  设计稿  接口文档

三、页面功能需求

 页面解释及交互拆分
接口开发：许建有、彭展旋
设计：夏铭康

1，首页内容

焦点图读取规则：编辑可后台更新,以json接口给出。

焦点图可能出现的内容

属性	说明
美容文章	美容文章原链点： http://beauty.pclady.com.cn/100/1009629.html 点击打开文章wap 页面（有分页功能）
活动/专题	用web veiw打开
单品终端	应对应到化妆品库单品终端，打开app内的相应单品页面
试用页面	用web veiw打开
推荐榜单	到分类单品列表
专业评测终端	打开app内的专业评测终端页面

推荐榜单入口读取规则：图片icon、名称、链点由编辑后台录入，最少录入6个，iPhone4截取前3个显示，iPhone5显示6个，点击进入【功效榜单】。
无网络时的提示文案:黑色层+图标+“网络不给力”

2，辅助工具

条形码扫描：点击扫描按钮打开扫描页面。线下扫描并解析实物条形码后，匹配网站数据库终端，进入对应单品终端。
*返回时从单品终端直接回到首页

搜索功能：

属性	说明
进入搜索页面的入口	首页工具弹出层按钮、【找美妆】搜索框、【品牌馆】搜索框。
交互方式	从首页进入：原页面向左滑动消失，同时搜索页向左滑出现，键盘从下往上弹出； 从【找美妆】【品牌馆】搜索框进入：搜索框缩短，显示取消按钮；搜索框一下内容切换为热门搜索词，键盘从下往上弹出。  交互效果见原型
热门搜索词	可后台更新，点击热门搜索词跳转到搜索结果列表

*使用右下角为“搜索”的键盘，输入内容时不可点击的“搜索”变成可点击的“确认”。

收藏夹：本地保存用户收藏的单品

属性	说明
单品列表	显示图片+单品名称
删除	点击删除按钮，单品出现“X”图标，可逐个点击删除；删除按钮变成确认图标，点击确认退出删除状态。
分类	收藏的单品按照分类排列，如收藏中无该分类的单品，则不显示：随该分类最后一件单品的删除而消失

3，【找美妆】——产品库

功能概述：
找美妆栏目包含分类列表和搜索框。分类中包含一级分类和二级分类，交互按家居优品3.0，二级分类列表可上下拖动。点击二级分类进入【分类榜单页】

分类榜单页功能：

属性	说明
分类标题	显示所进入的榜单标题
排序	点击标题栏的排序按钮可切换按不同维度排序： 按高分，按热门，按最新，最贵，最便宜 *默认按高分排序（即按PC指数高低排序）
功效筛选	点击筛选按钮（或向左拖动榜单页面），原页面向左移动，露出“功效列表”； 再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“功效列表”。 点击选择功效后，改label呈选中状态，原页面向右移动，遮盖“功效列表”，并且刷新列表数据。  交互效果见原型
列表样式切换	样式切换区域隐藏在列表顶部， 交互效果见原型 点击切换“普通列表样式”和“大图样式”
列表内容	普通列表样式： 图片，名称，点评数，PC指数，排名名次,官方价格 *名次在所有排序中都会显示，但都是以PC指数的分数来确定每个单品的名次。 *名次只显示到前30名，30名以外的不显示名次数字。 大图样式： 图片，PC指数,名次,(*按价格排序时显示价格)

4，产品终端

产品终端内容与功能

属性	说明
显示内容	单品名称，PC指数，价格，产品分类，排名，多维评价数据，规格，功效； 添加到收藏按钮（已收藏产品显示为取消收藏），分享按钮； 专业评测入口（显示评测标题），网友热评入口（显示点评数量）； *1-30名显示具体数字，30名以外的单品统一显示为“30名外”
价格与购买	价格取价格列表中的“官方”价格； 点击购买按钮切换到报价列表页，点击报价列表某项打开购买链点webview； *无价格数据时不显示价格与购买按钮。
多维评价数据	包括：专业评测 / 详细评分 / 肤质分布 / 年龄分布 以柱状图形式展示各维度分数 *没有专业评测数据时隐藏之，只显示另外三个数据 *没有多维评价数据的产品，隐藏整个区域
分享到社交平台	腾讯微博，QQ空间，新浪微博：我在美妆宝库发现了一款产品~+产品名称+http地址+下载美妆宝库吧~+iPhone版下载地址 微信好友,朋友圈，QQ好友：美妆宝库分享+产品图片+产品名称+http地址
交互方式	从列表页进入产品终端页，产品终端页由右向左滑动出现； 点击返回按钮（或向右拖动终端页）返回到榜单

评测与点评：读取网站上用户对每个单品的评价内容进行展示

属性	说明
专业评测	http://cosme.pclady.com.cn/pingce/1679.html 评测内容分页显示， 交互效果见原型
网友热评	显示用户头像，用户名，肤质，年龄，点评内容，“精华定评”和“试用报告”标签。 可选择只显示“精华定评”和“试用报告”，这两类评论可点击进入点评终端。

5，【品牌馆】功能需求

功能概述：品牌馆栏目包含品牌列表和搜索框，点击品牌图标进入【品牌专页】。

品牌馆功能：

属性	说明
品牌列表	可参考电脑网产品库品牌列表： 顶部有8个推荐品牌置顶，编辑可在后台更新；其余品牌按品牌首字母排序； 右侧有“荐，A,B,C.....Z”滑动条，点击或滑动定位到相应的字母分类位置
品牌分类	品牌分类切换区域隐藏在列表顶部， 交互效果见原型 点击切换“全部”“欧美”“日韩”“国货”四个品牌类别；默认显示“全部”

品牌专页功能：

属性	说明
品牌介绍	品牌图标，品牌中文名，英文名，创始人，发源地
品牌单品列表	显示单品图片，单品名称，PC指数；按照web默认排序，点击进入单品终端。
品牌系列	点击系列按钮（或向左拖动榜单页面），原页面向左移动，露出“系列列表”； 再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“系列列表” 点击选择系列后，改label呈选中状态，原页面向右移动，遮盖“系列列表”，并且刷新列表数据。  交互效果见原型
列表样式切换	样式切换区域隐藏在列表顶部， 交互效果见原型 点击切换“普通列表样式”和“大图样式”

四，数据统计需求

1，魔方基本统计
基本统计，页面路径
自定义事件：每月最热搜索词，每月最热收藏单品，每月点击到购买链接最多的单品
如：事件key 2013年8月最热收藏单品，标签 单品名称

2，计数器统计
基本统计

五，资料汇总

 化妆品库大类小类架构
 美搭(化妆品库)APP规划PPT
 页面及按钮状态列表