= 美搭化妆品库1.0需求 =

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

== 二、开发概述 ==
=== APP1.0.0的主要的功能概括如下： ===
1，【首页】显示焦点图和编辑推荐榜单入口；[[BR]]
2，【找美妆】为库型结构栏目；[[BR]]
3，可通过【品牌馆】进入某品牌的单品列表；[[BR]]
4，首页、找美妆、品牌都有【搜索】入口；[[BR]]
6，【分类单品】列表，可通过选择功效筛选单品；[[BR]]
7，【品牌专页】展示品牌介绍和该品牌的全部单品，单品系列；[[BR]]
8，【单品终端】展示产品信息，每个【单品终端】有【专业评测】、【网友热评】和【购买】的入口[[BR]]
[http://rdtrac.pc.com.cn/mobile/pototype/beauty/v1.0.0/start.html 页面框架链接]
[http://192.168.50.179/2013-9/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/index.html 设计稿]
[http://trac.pc.com.cn/iphone/attachment/wiki/beauty/%E7%88%B1%E5%A6%86%E5%AE%A2%E6%8E%A5%E5%8F%A3%E8%AF%B4%E6%98%8Ev1_20131112.doc 接口文档]

== 三、页面功能需求 ==
[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 页面解释及交互拆分]
[[BR]]
接口开发：许建有、彭展旋[[BR]]
设计：夏铭康[[BR]]

=== 1，首页内容 ===
'''焦点图读取规则：'''编辑可后台更新,以json接口给出。[[BR]][[BR]]
'''焦点图可能出现的内容'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
~~美容文章~~
}}}
{{{#!td width="1000"
~~美容文章原链点：http://beauty.pclady.com.cn/100/1009629.html [[BR]]
点击打开文章wap 页面（有分页功能）~~
}}}
|----------------
{{{#!td width="100" text-align="center"
'''活动/专题'''
}}}
{{{#!td width="1000"
用web veiw打开
}}}
|----------------
{{{#!td width="100" text-align="center"
'''单品终端'''
}}}
{{{#!td width="1000"
应对应到化妆品库单品终端，打开app内的相应单品页面
}}}
|----------------
{{{#!td width="50" text-align="center"
'''试用页面'''
}}}
{{{#!td width="1000"
用web veiw打开
}}}
|----------------
{{{#!td width="50" text-align="center"
'''推荐榜单'''
}}}
{{{#!td width="1000"
到分类单品列表
}}}
|----------------
{{{#!td width="50" text-align="center"
'''专业评测终端'''
}}}
{{{#!td width="1000"
打开app内的专业评测终端页面
}}}
|----------------

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

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

'''搜索功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''进入搜索页面的入口'''
}}}
{{{#!td width="1000"
首页工具弹出层按钮、【找美妆】搜索框、【品牌馆】搜索框。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''交互方式'''
}}}
{{{#!td width="1000"
从首页进入：原页面向左滑动消失，同时搜索页向左滑出现，键盘从下往上弹出；[[BR]] 
从【找美妆】【品牌馆】搜索框进入：搜索框缩短，显示取消按钮；搜索框一下内容切换为热门搜索词，键盘从下往上弹出。[[BR]]
[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''热门搜索词'''
}}}
{{{#!td width="1000"
可后台更新，点击热门搜索词跳转到搜索结果列表
}}}
|----------------
*使用右下角为“搜索”的键盘，输入内容时不可点击的“搜索”变成可点击的“确认”。[[BR]]

'''收藏夹：'''本地保存用户收藏的单品[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''单品列表'''
}}}
{{{#!td width="1000"
显示图片+单品名称
}}}
|----------------
{{{#!td width="100" text-align="center"
'''删除'''
}}}
{{{#!td width="1000"
点击删除按钮，单品出现“X”图标，可逐个点击删除；删除按钮变成确认图标，点击确认退出删除状态。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分类'''
}}}
{{{#!td width="1000"
收藏的单品按照分类排列，如收藏中无该分类的单品，则不显示：随该分类最后一件单品的删除而消失
}}}
|----------------

=== 3，【找美妆】——产品库 ===
'''功能概述：'''[[BR]]
找美妆栏目包含分类列表和搜索框。分类中包含一级分类和二级分类，交互按家居优品3.0，二级分类列表可上下拖动。点击二级分类进入【分类榜单页】[[BR]]
[[Image(http://192.168.20.18/cenwenyuan/more/20130820113117.png)]][[BR]]
'''分类榜单页功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分类标题'''
}}}
{{{#!td width="1000"
显示所进入的榜单标题
}}}
|----------------
{{{#!td width="100" text-align="center"
'''排序'''
}}}
{{{#!td width="1000"
点击标题栏的排序按钮可切换按不同维度排序：[[BR]]
按高分，按热门，按最新，最贵，最便宜[[BR]]
*默认按高分排序（即按PC指数高低排序）[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''功效筛选'''
}}}
{{{#!td width="1000"
点击筛选按钮（或向左拖动榜单页面），原页面向左移动，露出“功效列表”；[[BR]]
再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“功效列表”。[[BR]]
点击选择功效后，改label呈选中状态，原页面向右移动，遮盖“功效列表”，并且刷新列表数据。[[BR]]
[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型][[BR]]
点击切换“普通列表样式”和“大图样式”
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表内容'''
}}}
{{{#!td width="1000"
'''普通列表样式：'''[[BR]]
图片，名称，点评数，PC指数，排名名次,官方价格[[BR]]
*名次在所有排序中都会显示，但都是以PC指数的分数来确定每个单品的名次。[[BR]]
*名次只显示到前30名，30名以外的不显示名次数字。[[BR]]
'''大图样式：'''[[BR]]
图片，PC指数,名次,(*按价格排序时显示价格)[[BR]]
}}}
|----------------
=== 4，产品终端 ===
'''产品终端内容与功能'''
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''显示内容'''
}}}
{{{#!td width="1000"
单品名称，PC指数，价格，产品分类，排名，'''多维评价数据'''，规格，功效；[[BR]]
添加到收藏按钮（已收藏产品显示为取消收藏），分享按钮；[[BR]]
专业评测入口（显示评测标题），网友热评入口（显示点评数量）；[[BR]]
*1-30名显示具体数字，30名以外的单品统一显示为“30名外”[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''价格与购买'''
}}}
{{{#!td width="1000"
价格取价格列表中的“官方”价格；[[BR]]
点击购买按钮切换到报价列表页，点击报价列表某项打开购买链点webview；[[BR]]
*无价格数据时不显示价格与购买按钮。[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''多维评价数据'''
}}}
{{{#!td width="1000"
包括：专业评测 / 详细评分 / 肤质分布 / 年龄分布[[BR]]
以柱状图形式展示各维度分数[[BR]]
*没有专业评测数据时隐藏之，只显示另外三个数据[[BR]]
*没有多维评价数据的产品，隐藏整个区域
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分享到社交平台'''
}}}
{{{#!td width="1000"
腾讯微博，QQ空间，新浪微博：我在美妆宝库发现了一款产品~+产品名称+http地址+下载美妆宝库吧~+iPhone版下载地址[[BR]]
微信好友,朋友圈，QQ好友：美妆宝库分享+产品图片+产品名称+http地址
}}}
|----------------
{{{#!td width="100" text-align="center"
'''交互方式'''
}}}
{{{#!td width="1000"
从列表页进入产品终端页，产品终端页由右向左滑动出现；
点击返回按钮（或向右拖动终端页）返回到榜单
}}}
|----------------
'''评测与点评：'''读取网站上用户对每个单品的评价内容进行展示[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''专业评测'''
}}}
{{{#!td width="1000"
[http://cosme.pclady.com.cn/pingce/1679.html][[BR]]
评测内容分页显示，[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型][[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''网友热评'''
}}}
{{{#!td width="1000"
显示用户头像，用户名，肤质，年龄，点评内容，“精华定评”和“试用报告”标签。[[BR]]
可选择只显示“精华定评”和“试用报告”，这两类评论可点击进入点评终端。
}}}
|----------------

=== 5，【品牌馆】功能需求 ===
'''功能概述：'''品牌馆栏目包含品牌列表和搜索框，点击品牌图标进入【品牌专页】。[[BR]]
[[Image(http://192.168.20.18/cenwenyuan/more/20130820120239.png)]][[BR]]
'''品牌馆功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌列表'''
}}}
{{{#!td width="1000"
可参考电脑网产品库品牌列表：[[BR]]
顶部有8个'''推荐品牌'''置顶，编辑可在后台更新；其余品牌按品牌首字母排序；[[BR]]
右侧有“荐，A,B,C.....Z”滑动条，点击或滑动定位到相应的字母分类位置[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌分类'''
}}}
{{{#!td width="1000"
品牌分类切换区域隐藏在列表顶部，[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型]
点击切换“全部”“欧美”“日韩”“国货”四个品牌类别；默认显示“全部”[[BR]]
}}}
|----------------
'''品牌专页功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌介绍'''
}}}
{{{#!td width="1000"
品牌图标，品牌中文名，英文名，创始人，发源地
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌单品列表'''
}}}
{{{#!td width="1000"
显示单品图片，单品名称，PC指数；按照web默认排序，点击进入单品终端。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌系列'''
}}}
{{{#!td width="1000"
点击系列按钮（或向左拖动榜单页面），原页面向左移动，露出“系列列表”；[[BR]]
再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“系列列表”[[BR]]
点击选择系列后，改label呈选中状态，原页面向右移动，遮盖“系列列表”，并且刷新列表数据。[[BR]][http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，[http://192.168.21.173/My%20Axure%20RP%20Prototypes/%E9%A1%B5%E9%9D%A2%E8%A7%A3%E9%87%8A%E5%8F%8A%E4%BA%A4%E4%BA%92%E6%8B%86%E5%88%86/start.html 交互效果见原型][[BR]]
点击切换“普通列表样式”和“大图样式”
}}}
|----------------
[[BR]][[BR]]
== 四，数据统计需求 ==
1，魔方基本统计[[BR]]
基本统计，页面路径[[BR]]
自定义事件：每月最热搜索词，每月最热收藏单品，每月点击到购买链接最多的单品[[BR]]
如：'''事件key''' 2013年8月最热收藏单品，'''标签''' 单品名称[[BR]][[BR]]

2，计数器统计[[BR]]
基本统计[[BR]]

== 五，资料汇总 ==
[http://rdtrac.pc.com.cn/iphone/attachment/wiki/beauty/%E5%8C%96%E5%A6%86%E5%93%81%E5%BA%93%E5%A4%A7%E7%B1%BB%E5%B0%8F%E7%B1%BB%E6%9E%B6%E6%9E%84.xls 化妆品库大类小类架构][[BR]]
[http://rdtrac.pc.com.cn/iphone/attachment/wiki/beauty/%E7%BE%8E%E6%90%AD%28%E5%8C%96%E5%A6%86%E5%93%81%E5%BA%93%29APP%E8%A7%84%E5%88%92.ppt 美搭(化妆品库)APP规划PPT][[BR]]
[http://rdtrac.pc.com.cn/iphone/attachment/wiki/beauty/%E9%A1%B5%E9%9D%A2%E5%8F%8A%E6%8C%89%E9%92%AE%E7%8A%B6%E6%80%81%E5%88%97%E8%A1%A8.doc 页面及按钮状态列表]