wiki:pconline_price_2.0.0

Version 11 (modified by xuzhongzhou, 11 years ago) (diff)

--

聚超值客户端2.0产品需求说明

产品原型

 今日聚超值v2.0.0原型v1
 今日聚超值v2.0.0原型v2 (0203更新)
 今日聚超值v2.0.0原型v3 (0206更新)
 今日聚超值v2.0.0原型v4 (0209更新)

设计稿

 今日聚超值v2.0.0设计稿

制作稿

暂缺

接口文档

 今日聚超值v2.0.0接口文档

测试关联项(自定义时间、计数器、页面路径)

暂缺

功能需求

(20150210更新)

一、全局

1、进入完整页面,页面从右侧滑出;返回上一级页面,页面从左侧滑出。

2、iOS页面标题居中,Android页面标题靠左紧跟返回按钮。

3、所有列表形式的页面采用分页加载,每页加载20条数据。第1页读取设备缓存,后续分页读取服务器实时数据。点击顶部导航栏或系统状态栏,列表返回顶部。

4、首页、发现、广场、晒物、经验5个列表页向上滚动超过100px时,顶部导航栏上拉隐藏;向下滚动超过100px时,顶部导航栏下拉显示出来 。

二、首页

1、点击或左右滑动可切换“精选、优惠、海淘”3个列表。列表上滑时,“精选、优惠、海淘”TAB固定在顶部,紧挨系统状态栏。

2、爆料(包括优惠、海淘)有优惠券时,显示标签“券”。爆料优惠期已过时,显示标签“售罄”。

3、推荐位代替置顶位,采用整张图片的样式,在列表中的位置在后台配置。

4、精选晒物、精选经验、精选试用与各自的列表页一致,采用大图加标题的样式,在列表中的位置在后台配置。标题最多1行显示,超出部分用省略号代替。标题同行的最右端显示标签“晒物、经验、试用”。

5、精选优惠券与优惠券列表样式一致,显示图片、电商、标题、“领取”按钮。点击“领取”按钮,检测登录状态;若已登录,弹出兑换提示;若未登录则弹出登录提示。点击其他区域进入优惠券详情页。在列表中的位置由编辑在后台设置。已领完或过期则不再显示。

6、点击搜索图标,搜索界面从右侧滑出。点击个人中心图标,个人中心从右侧滑出。申请中的爆料、试用的状态变为已审核通过、未通过时,消息中心有新消息时,意见反馈有新消息时,显示红点提示。

7、更换新的下拉刷新动画。

三、优惠&海淘详情

1、点击“分享”按钮展开分享页面,从底部滑出。未收藏时,点击“收藏”按钮,按钮变为已收藏状态,并弹出短暂提示“收藏成功”;已收藏时,点击“收藏”按钮,按钮变为未收藏状态,并弹出短暂提示“已取消收藏”。

2、点击头图及正文图片均可进入大图模式。头图下端1行显示电商、推荐人、发布时间,并有渐变的半透明蒙层。

3、爆料有优惠券时,显示优惠券文字链,位于段落中,位置在后台配置。点击文字链进入优惠券详情页。

4、正文尾部显示代购商家数量、最新一条代购信息,点击后分别进入代购商家列表、代购商家淘宝商品页。无代购商家或不支持代购则不显示。

5、底部操作栏包括点赞、去看看、评论3个功能。点赞功能仅可赞,不可踩。

6、代购商家列表页改由客户端实现,求购按钮调整到底部。求代购页面样式变化,发布按钮调整到底部。

7、大图模式中,左右滑动可切换图片,点击大图则退出大图模式。

四、发现

1、图片下面的展示信息包括标题(最多2行显示,超出部分用省略号代替)、价格(1行显示,超出部分用省略号代替)、电商和发布时间(1行显示,分居左右两侧)。

2、爆料有优惠券时,显示标签“券”。爆料优惠期已过时,显示标签“售罄”。

五、发现详情

1、功能、样式、交互均与优惠详情一致。

六、广场

1、顶部第1排依次显示专题列表、电商活动、优惠券列表、体验中心的入口。

2、第2排显示4个快捷入口,可在后台自由配置,支支持跳转至标签筛选结果列表、分类筛选结果列表、电商筛选结果列表、搜索结果页、爆料终端页(优惠、海淘、发现、晒物、经验)、外链、指定商家的优惠券列表。4个快捷入口可设置均不显示。

3、热门专题:显示一个,采用整张图片的样式,与专题列表一致。在后台配置,可设置不显示。点击进入专题wap页。

4、热门电商活动:固定显示4个,在后台配置,支持跳转至爆料终端页、外链。标题文字超出限制时,用省略号代替。

5、热门优惠券:显示一个,在后台配置,也可设置不显示。标题最多2行显示,超出部分用省略号代替。紧跟标题显示标签“热门”。点击进入优惠券详情页。

6、最新试用:显示最新的一个。标题1行显示,后跟标签“海测”或“精测”。剩余时间自动更新。点击整个区域进入试用详情页。点击“最新试用”右侧的按钮,进入体验中心。

7、排行榜:显示24小时内访问最多的5篇商品文章。标题最多2行显示,超出部分用省略号代替。价格1行显示,超出部分用省略号代替。点击进入商品文章页。

8、专题列表页:分页显示所有专题图片,点击进入专题wap页。

9、电商活动列表页:左图右文字,图片与文字居中对齐。分页显示所有电商活动,点击进入对应的优惠详情页。

10、优惠券列表页:已登录时,顶部显示积分、金币;未登录时,顶部显示“您未登录,登录后即可领取优惠券!”。最新发布的优惠券在最顶部。点击“筛选”,下拉出现电商筛选页面,显示各电商已有的优惠券种类数量。;选择电商后,页面向上收起。提供优惠券的电商列表数据与服务器端保持同步。

11、体验中心:

1)点击“帮助”进入体验中心帮助页面。

2)左右滑动或点击可切换分类“全部、即将开始...”,分类与服务器端同步,服务器端可增删改。

3)试用条目:根据试用类型显示标签“海测、精测”;标题最多两行显示,超出部分用省略号;试用份数保持不变;进入体验中心每个TAB时,更新一次申请人数;点击进入试用详情页;剩余时间少于24小时后,开始倒计时,在这之前不显示这一行数据;试用申请已结束时,显示标签“已结束”;已结束的试用不再显示剩余时间。

12、体验中心帮助页面:纯文字页面,内容参见原型。

13、优惠券详情页:

1)基本信息部分:显示图片、标题(编辑控制文字,保证2行能显示完)、所需积分/金币、使用期限、领取限制、剩余数量。进入页面时,更新一次剩余数量和已领人数,其他数据不用更新。

2)使用规则、温馨提示部分:固定不变。

3)领取按钮:固定在屏幕底部,不随页面滚动。优惠券剩余不为0且未过期时,显示“立即领取”,点击后检测登录状态。若已登录,弹出兑换提示框;若未登录则弹出登录提示框。优惠券剩余数量为0时,显示“已领完”。优惠券过期时,显示“已失效”。

4)兑换提示框:点击“取消”关闭兑换提示。点击“确定”检测账户积分余额、金币余额、已领数量。若已领数量未达限额,且积分、金币均大于或等于所需积分、金币,则扣除所需积分、金币,关闭兑换提示框,弹出兑换成功提示框。若已领数量未达限额,且积分或金币少于所需积分、金币,则关闭兑换提示框,弹出积分提示框。若已领数量已达限额,则关闭兑换提示框,弹出限额提示框。

5)积分提示框:积分或金币不足提示显示3秒后自动消失,点击”X“或屏幕其他区域也可关闭积分提示框。

6)兑换成功提示框:兑换成功提示框显示优惠券号(部分还显示密码)。点击“查看优惠券”进入优惠券详情页。点击“使用优惠券”检测设备是否安装优惠券对应的电商的App,若已安装,则打开此电商App主页;若未安装,则打开此电商的wap主页。点击”X“或屏幕其他区域也可关闭积分提示框。

7)限额提示框:限额提示框显示3秒后自动消失,点击”X“或屏幕其他区域也可关闭限额提示框。

8)登录提示框:点击“不领了”或屏幕其他区域关闭登录提示框。点击“登录领取”进入登录页。

14、试用详情页

1)页面标题:显示试用商品名称。

2)基本信息部分:包括图片(显示1张商品图)、价值、限量、所需积分/金币、申请人数、提供商、剩余时间。剩余时间自动更新。每次进入试用详情页时,申请人数更新一次。其他数据固定不变。

3)试用详情、注意事项部分:固定不变。

4)申请按钮:固定在屏幕底部,不随页面滚动。未申请时显示“立即申请”,点击后检测登录状态,若已登录则进入申请页面;若未登录则弹出登录提示。已申请时显示“已申请”,不可点击。已结束时显示“已结束”,不可点击。

5)登录提示框:点击“登录”进入登录页,点击“取消”或屏幕其他区域关闭登录提示。

6)申请页面:需填写姓名(最多输入50个字符)、手机号码(需为1开头的11位数字)、寄送地址(最多输入255个字符)、QQ号码(最多输入20位数字)、申请理由(最多输入3000个字符)。申请按钮固定在屏幕底部,不随页面滚动。点击”提交申请“,若各输入项均符合规则,则提示申请已受理并返回试用详情页。点击”提交申请“,若某个输入项不符合规则,则页面显示相应提示。(参见原型)记录用户每一次提交申请时的姓名、手机号码、寄送地址、QQ,下次进入试用申请页面时,自动填写入上一次所填的信息。

七、晒物

1、采用大图样式。

2、图片底部区域显示标题、作者、发布时间,并有渐变的半透明蒙层。标题最多显示2行,超出部分用省略号代替。作者和发布时间同行显示。

八、晒物详情

1、作者和发布时间在半透明蒙层区域分居两侧。主标题显示完整,不限制行数。副标题显示完整,不限制行数。没有副标题则不显示。

2、底部操作栏仅有点赞、评论。

3、商品特型与1.5.0版保持一致。

4、其他功能、样式、交互与优惠详情页一致。

九、经验

1、标题PS在图片中,其他需求与“七、晒物”一致。

十、经验详情

1、编辑热评由编辑维护,与v1.5.0版保持一致。其他需求与“八、晒物详情”一致。

十一、搜索

1、关键词搜索的功能与v1.5.0保持一致。

2、新增标签、分类、电商筛选,分为分类、电商两个TAB,其中分类TAB包含标签、分类筛选,电商包含国内电商、国外电商。点击或滑动可切换TAB。标签、分类、国内电商、国外电商均全部显示,不做收起效果。标签、分类、国内电商、国外电商列表数据与服务器端保持一致。

3、分类筛选结果包括5种类型“优惠、海淘、发现、晒物、经验”。

4、国内电商筛选结果包括“优惠、发现”两种类型,国外电商筛选结果包括“海淘、发现”两种类型。

5、标签筛选结果包括5种类型“优惠、海淘、发现、晒物、经验”。

十二、个人中心

1、导航栏:左侧返回按钮,右侧设置按钮;页面标题显示已登录用户名,未登录时显示“点头像登录”。点设置按钮进入设置页面。

2、头像:显示已登录用户的头像,未登录时显示默认头像。

3、积分、金币、钻石区域:积分和金币的读取规则与1.5.0版保持一致,钻石为新增字段,采用与积分、金币一样的读取规则。未登录时,此区域显示“点击头像登录/注册”。

4、我的爆料、收藏、试用、优惠券区域:已登录时,显示已发布爆料总数、已收藏总数、已申请试用总数、已领取优惠券总数;未登录时,显示设备缓存里的已发布爆料总数。点击进入各自页面。申请中的爆料、试用的状态变为已审核通过、未通过时,显示红点提示。

5、签到赚积分:签到规则与v1.5.0保持一致。未登录时不显示此区域。

6、我要爆料更名为“爆料赚金币”,功能与v1.5.0保持一致。

7、我的爆料、我的收藏、消息中心、意见反馈、第三方帐号绑定功能与v1.5.0保持一致,UI上做优化。“消息中心”有新消息时,在右侧显示消息图标。“意见反馈“有新消息时,在右侧显示一个消息图标。

8、推送设置:新增关键词定制入口,点击进入关键词定制页面。关闭“开启推送”,下面区域全部隐藏。在关键词定制页面,订阅成功后,不做提示,直接在已订阅列表顶部显示刚订阅的关键词。点击删除按钮后,直接删除此关键词,不做提示。

9、注册功能:

1)登录页面增加注册入口,点击进入注册方式选择页面;选择手机号注册,进入手机注册页面;选择邮箱注册,进入邮箱注册页面。

2)手机注册页面:与汽车资讯客户端的手机注册功能一致。

3)邮箱注册页面:与汽车资讯客户端的邮箱注册功能一致。

10、设置:

1)新增“正文字号大小”入口,右侧显示当前的字号。点击“正文字号大小”入口,字号设置页面从底部滑出。点击大中小字号时,“√”的位置随之变化。点“取消”,字号设置页面向下滑出屏幕。点“确定”,字号设置页面向下滑出屏幕,正文字号变为刚设置的字号。

2)点击“更多”,更多页面从右侧滑出。其他功能与v1.5.0版保持一致。

11、更多:

1)包含新增功能“检查更新”及旧功能“意见反馈、用户体验计划、给个评价、关注微博、关于我们”。

2)“意见反馈”入口右侧显示“让我们更好”。

3)点击“检查更新”,检测是否有新版可更新,若有新版则在右侧显示“有新版”并弹出新版更新提示框。若无新版则弹出提示框“当前已是最新版本”。

4)其他功能与v1.5.0版保持一致。

12、我的优惠券:

1)导航栏右侧显示“领取”按钮,点击进入优惠券列表页。

2)页面上半区域为未过期优惠券,且最新领取的优惠券在最上面。

3)已领取的优惠券显示图片、标题、券号、密码(部分优惠券没有密码,则不显示)、有效期。

4)未过期优惠券显示“使用”按钮,点击跳转至优惠券对应的电商首页(优先跳客户端、再跳wap)

5)页面下半区域为已过期优惠券,且最新过期的优惠券在最上面。

6)未领取任何优惠券时显示文案“您还未领取任何优惠券,点击右上角按钮去领取吧”及配图。

13、我的试用:

1)分为“已通过、申请中、未通过”3个TAB,每个TAB的标题均有括号显示对应数量,点击或左右滑动切换TAB。

2)3个TAB的试用,按申请时间排序,最新申请的在最顶部。进入每个列表时,一次性数据此列表的数据。

3)每个试用均显示图片、标题、申请时间,已通过的试用还显示状态标签,包括“报告通过、已交报告、未交报告”三种状态。

4)“已通过”TAB顶部显示“请登录网站编写体验报告~”。此体验报告已发布为晒物文章时,状态标签显示“报告通过”,点击可跳转去对应的晒物文章页。“已交报告、未交报告”标签点击无效果。

5)试用的状态变化时,随之进入变化后状态对应的TAB,仍按申请时间排序。

十三、其他需求

1、按标签/分类/电商筛选爆料、按电商筛选优惠券需做功能指引,新装v2.0版本后,首次进入首页时显示此功能指引。(参见原型)

2、404页面和默认图重新设计并更换。

Attachments