美搭化妆品库1.0需求

一、改版背景

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

二、开发概述

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

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

页面结构：

三、首页功能需求

1，首页内容

焦点图读取规则：自动读取化妆品web的焦点图，等比例压缩。

焦点图可能出现的内容

属性	说明
评测终端	焦点图原链点： http://beauty.pclady.com.cn/100/1009629.html 应对应到化妆品库评测终端，打开app内的相应评测页面： http://cosme.pclady.com.cn/pingce/102934.html
活动/专题	用web veiw打开
单品终端	应对应到化妆品库单品终端，打开app内的相应单品页面
试用页面	用web veiw打开

推荐榜单入口读取规则：图片icon、名称、链点由编辑后台录入，最少录入6个，iPhone4截取前3个显示，iPhone5显示6个。
*点击进入【功效榜单】

2，辅助工具

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

搜索功能：

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

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

属性	说明
单品列表	显示图片+单品名称
删除	点击删除按钮，单品出现“X”图标，可逐个点击删除；删除按钮变成确认图标，点击确认退出删除状态。
分类	收藏的单品按照分类排列，如收藏中无该分类的单品，则不显示：随该分类最后一件单品的删除而消失}}} 3，【找美妆】——产品库 === 功能概述： 找美妆栏目包含分类列表和搜索框。分类中包含一级分类和二级分类，交互按家居优品3.0，二级分类列表可上下拖动。点击二级分类进入【分类榜单页】 分类榜单页功能： 属性 说明 分类标题 显示所进入的榜单标题 排序 点击标题栏的排序按钮可切换按不同维度排序： 按高分，按热门，按最新，最贵，最便宜 *默认按高分排序（即按PC指数高低排序） 样式切换 样式切换区域隐藏在列表顶部，交互效果见原型： 点击切换“普通列表样式”和“大图样式” 功效筛选 点击筛选按钮（或向左拖动榜单页面），原页面向左移动，露出“功效列表”； 再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“功效列表”。 点击选择功效后，改label呈选中状态，原页面向右移动，遮盖“功效列表”，并且刷新列表数据。 交互效果见原型： 样式切换 样式切换区域隐藏在列表顶部，交互效果见原型： 点击切换“普通列表样式”和“大图样式” 列表内容 普通列表样式： 图片，名称，点评数，PC指数，排名名次 *名次在所有排序中都会显示，但都是以PC指数的分数来确定每个单品的名次。 *名次只显示到前30名，30名以外的不显示名次数字。 大图样式： 图片，PC指数，名次