'''对现有产品库进行优化,包括页面流程、搜索功能;增加产品对比功能'''[[BR]] 页面原型:[[http://rdtrac.pc.com.cn/mobile/pototype/ideas/pconline_product/v1.0.2/start.html]][[BR]] '''一、页面流程'''[[BR]] 1、产品库首页使用双排结构,在分类下方外显该分类排名前三的品牌的名称(例如http://product.pconline.com.cn/mobile/ 页面中,品牌分类的前三个品牌“三星 HTC 诺基亚”);[[BR]] 2、点击分类后,进入新添加的品牌列表页面:[[BR]] a.页面采用双排结构;[[BR]] b.页面分为两部分,上部为推荐品牌(共4个),下部为所有品牌;[[BR]] c.页面右侧为字母索引列表[[BR]] d.右上角为选机中心入口,选机中心整体逻辑保持不变[[BR]] 3、点击品牌后,进入产品列表页:[[BR]] a.将原先顶部的排序功能栏隐藏至右上角的“排序”[[BR]] b.排序方式缩减至“按热度高”“按价格高”“按价格低”“按日期先”四种,列表默认排序为“按热度高”进行排序[[BR]] c.对列表中具体每个产品进行向右滑动操作时,区块向右滑动,露出后面的“对比”按钮,点击开启对比功能[[BR]] 4、点击产品区域,进入产品详情页[[BR]] a.产品详情页一共有6个tabbar:“概述”“参数”“报价”“图片”“资讯”“点评”[[BR]] b.页面右上角有“对比”按钮,点击开启对比功能[[BR]] 4-1、概述页面(HTML页面)[[BR]] a.页面内容:产品图片、产品名称、报价、基础参数[[BR]] b.在页面右侧有该产品的论坛入口[[BR]] 4-2、参数页面(HTML页面)[[BR]] a.参数页面罗列显示产品的详细参数[[BR]] 4-3、报价页面(HTML页面)[[BR]] a.页面罗列经销商的名称、报价、电话[[BR]] b.顶部有报价城市选择按钮,点击进入城市选择页面[[BR]] c.城市选择按钮右侧有“网上比价”按钮,点击进入网上比价页面[[BR]] d.比价页面罗列各大电商的报价,提供“去购买”按钮,点击后,使用浏览器打开第三方网站页面[[BR]] 4-4、图片页面(客户端图集页面)[[BR]] a.页面结构和图集列表页一致[[BR]] b.点击图片进入图片全屏页面,功能和客户端原有功能一致[[BR]] 4-5、资讯页面(客户端资讯列表页)[[BR]] a.资讯列表页和客户端列表页一致,文章按时间先后顺序排列[[BR]] b.评测文章左侧有一个小图标,标注该文章是评测文章[[BR]] c.点击文章,进入文章终端页[[BR]] 4-6、点评页面(HTML页面)[[BR]] a.页面上部为产品得分以及“评分”按钮,点击按钮进入评分以及写评论的页面,每个登陆用户只可以进行一次评分和一次评论;不登陆用户无法评分和评论[[BR]] b.页面中部为“编辑点评”,如该产品有编辑点评,则显示,无则不显示[[BR]] c.页面下部为网友点评,读取数据来源和原产品库一致[[BR]] '''二、搜索功能'''[[BR]] 1、搜索入口只存在在首页,其余页面不存在搜索入口[[BR]] 2、点击搜索框,弹出输入键盘[[BR]] 3、搜索框下方显示编辑推荐的搜索热词,点击后进入相应的搜索结果页[[BR]] 4、当用户输入品牌进行搜索的时候,外显该品牌所生产的所有产品种类[[BR]] 5、点击搜索结果项,进入产品详情页面[[BR]] '''三、产品对比功能'''[[BR]] 1、在产品详情页点击“对比”按钮;或点击产品列表页中各产品区域后隐藏的“对比”按钮,页面下方将向上移动外显对比选择区域[[BR]] 2、对比选择区域只允许两个产品进行对比,超过两个产品,后面添加的产品无法加入,并提示删除对比框中某产品才可进行对比[[BR]] 3、点击选择区域每个具体产品的左上角的红X,即可将该产品从对比区域中删除[[BR]] 4、对比选择区域出现后,会在页面下方一直出现,除非页面跳会到首页(避免不同种类的产品进行对比)、选择区域中没有对比产品以及点击对比区域右侧“GO”按钮,对比选择区域才会消失[[BR]] 5、以下特殊页面,对比选择区域向下滑动隐藏:图片全屏终端页/文章终端页/撰写评论页[[BR]] 6、点击对比区域右侧“GO”按钮,进入对比结果页[[BR]] 7、对比结果页,对比的产品左右分部,相应的参数左右对比排列[[BR]] 8、对比结果页默认外显基础参数的对比,要查看详细参数,需点击页面下方的“详细参数”按钮[[BR]]