| 1 | | 项目目的 |
| 2 | | |
| 3 | | 在原先进行的客户端3.6.0的基础上,优化首页和文章推荐机制,具体如下: |
| 4 | | 1、首页改版,把文章、论坛帖子、图集跟进用户兴趣进行混排,并支持用户进行喜好投票 |
| 5 | | 2、用户可定制关注车系,并形成首页的栏目 |
| 6 | | |
| 7 | | 原型地址: 原型浏览 |
| 8 | | 设计稿地址: 在线查看3.6设计稿 |
| 9 | | 切图单: 切图单v1 切图参考文件 |
| 10 | | |
| 11 | | 项目接口 |
| 12 | | |
| 13 | | 接口 |
| 14 | | 设置页面调整 |
| 15 | | |
| 16 | | 1、入口说明 |
| 17 | | |
| 18 | | 1.1、点击客户端首页左上角的设置按钮,滑出快速设置层 |
| 19 | | 1.2、滑出的设置层,最顶部为用户登录通行证的入口,中上部分为“个人收藏”、“文章搜索”、“栏目定制”、“离线阅读”的功能或者入口按钮 |
| 20 | | 1.3、滑出层的中下部为详细设置的入口、用户意见反馈入口、用户体验计划入口 |
| 21 | | 1.4、【针对IOS客户端】实现客户端内的推荐APP,可以直接通过点击下载,而无需到app store,需添加“SKStoreProductViewController”特性 参考资料 |
| 22 | | |
| 23 | | 2、用户登录通行证说明 |
| 24 | | |
| 25 | | 2.1、点击页面中上部的登陆按钮,页面向左滑动,进入登录专用页(和3.5.0登录通行证页面一致) |
| 26 | | 2.2、登陆后,客户端获取相应账号的头像,显示在客户端上 |
| 27 | | 2.3、用户登录太平洋通行证之后,个人收藏自动进行云同步功能, 查看云同步详细逻辑 |
| 28 | | |
| 29 | | 3、个人收藏中心 |
| 30 | | |
| 31 | | 3.1、页面右上角为返回按钮,下方为论坛、帖子、文章、车系、车型5个收藏栏目,默认进入论坛栏目 |
| 32 | | 3.2、用户左右滑动可以切换不同的收藏栏目项 |
| 33 | | 3.3、点击页面右上角的编辑按钮,进入对收藏内容的编辑状态,用户可以勾选多项,进行批量删除 |
| 34 | | 3.4、若相应收藏项没有内容的时候,要有相应的提示。 |
| 35 | | 3.5、论坛收藏,若用户本身没有收藏任何论坛,系统自动推荐4个论坛 |
| 36 | | |
| 37 | | 资讯版块 |
| 38 | | |
| 39 | | 1、文章列表 |
| 40 | | |
| 41 | | 1.1、2G/3G网络下,无图模式,连导航图/焦点图都不显示 |
| 42 | | 1.2、文章列表的右下方,要放出相应的内容信息,文章要显示评论条数,图集要显示图集张数,论坛要显示盖楼的楼层数 |
| 43 | | 1.3、图集、论坛、直播、视频的标签放在最右侧 |
| 44 | | 1.4、点击文章区域,该区域要有点击触发效果 |
| 45 | | 1.5、资讯客户端首页的栏目导航顺序是:头条、新车、行情、导购、评测、用车、文化、行业、技术 |
| 46 | | 1.6、android客户端加入在线调整栏目顺序功能,规则和IOS一致(当用户有自定义过栏目顺序的时候,在线调整功能对其无效) |
| 47 | | |
| 48 | | 2、文章内容页 |
| 49 | | |
| 50 | | 2.1、点击后页面右滑回到之前页,客户端自动记录用户在文章页阅读时所在的位置,即:当用户返回首页,再点击返回文章时,位置要定位到之前阅读时所在的页码 |
| 51 | | 2.2、mrobot出文章页数据时,要在标题顶部加入空行,以保证用户进入文章终端页时,标题不会被遮盖 |
| 52 | | 2.3、当用户双击文章页时,渐现收缩出现文章的快速设定层,点击设定层以外的区域,将设定层关闭 |
| 53 | | 2.4、设定层提供“全屏阅读”/“手势翻页”/“字号切换”/“夜间模式”四项功能,默认开启全屏阅读和手势翻页 |
| 54 | | 2.5、当用户设定开启“全屏阅读”:用户用户单击文章页时,顶部和底部的功能按钮渐隐消失;文章页用户再次单击文章页时,功能按钮渐现出现 |
| 55 | | 2.6、关闭手势翻页只是控制在文章阅读的左右滑动的手势效果,上下翻页功能还是保留 |
| 56 | | 2.7、文章页字体大小全部+1,点击切换字体大小,字体按以下顺序循环变化:中字体—大字体—小字体—中字体 |
| 57 | | 2.8、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式 |
| 58 | | 2.9、汽车网文章页,加入“行情信息采集来源”,需要mrobot根据接口出相应的数据 |
| 59 | | 2.10、点击收藏的星星按钮,进行添加收藏时,要有个闪烁的动态效果,可参考百度新闻,具体可联系李春杰讲解 |
| 60 | | 2.11、厂商链接修改点 |
| 61 | | |
| 62 | | 2.11.1、需制作新的接口,接口功能是通过厂商的ID,获取到相应品牌的ID |
| 63 | | 2.11.2、客户端文章页要使用新接口,实现效果为:用户点击厂商的连接后,跳转到车型库的列表页,该列表页显示该厂商所在的品牌的所有车型 |
| 64 | | 2.11.3、备注:3.5.0时,已经将文章页的厂商连接进行过滤屏蔽,需在4.0.0的时候,解除屏蔽 |
| 65 | | |
| 66 | | 3、评论列表页 |
| 67 | | |
| 68 | | 3.1、原有表情套,改为文字表情套 |
| 69 | | 3.2、点击表情的时候,直接外显的是表情符号 \(o)/~ |
| 70 | | 3.3、上传服务器的时候,客户端将 \(o)/~ 改为编码{201}传给服务器 |
| 71 | | 3.4、相应文字表情在PC端上是表情,在客户端上是文字 |
| 72 | | 3.5、(for ios)发送评论,在顶部栏会有相应的发送信息提示:“正在发送评论...”;发送成功,显示:“评论发送成功” |
| 73 | | 3.6、(for ios)若发送失败,顶部提示“评论发送失败,点击顶部栏再次发送” |
| 74 | | |
| 75 | | 4、分享细化 |
| 76 | | |
| 77 | | 4.1、分享到QQ空间,保留现有的分享文章链接 |
| 78 | | 4.2、分享到新浪微博和腾讯微博的内容,若是用手机客户端打开分享连接,则跳转至客户端打开文章链接;若是用PC端浏览器打开分享连接,则直接打开PC端网页,和现有分享到腾讯微博的操作一致 |
| 79 | | 4.3、分享到微信、微信朋友圈、手机QQ,分享的内容为相关页面的wap版地址,和现有的android版分享到微信的功能一致 |
| 80 | | 分享需求统一说明 |
| 81 | | 4.4、新浪微博采用SSO登录;腾讯微博和QQ空间登录方式不作改变,暂不采用SSO登陆 |
| 82 | | 4.5、分享的范围为:分享到:新浪微博、腾讯微博、QQ空间;分享给:微信好友、微信朋友圈、QQ好友 |
| 83 | | |
| 84 | | 汽车网论坛 |
| 85 | | |
| | 1 | === 项目目的 === |
| | 2 | 在原先进行的客户端3.6.0的基础上,调整首页和文章推荐机制,具体如下:[[BR]] |
| | 3 | 1、对客户端首页改版,由以前的编辑推荐内容改成跟进用户兴趣和内容热度进行内容排序[[BR]] |
| | 4 | 2、论坛功能以及页面改版[[BR]] |
| | 5 | 3、产品库/车型库的对比流程再优化[[BR]] |
| | 6 | **4、从3.6.0版本开始,资讯客户端不再兼容4.3.x的版本,安装的系统版本要求需为IOS5.0以上的系统版本**[[BR]] |
| | 7 | |
| | 8 | 原型地址:[[http://192.168.20.140/APP3.6.0V1.2/start.html|原型浏览]][[BR]] |
| | 9 | 设计稿地址:[[|在线查看3.6设计稿]][[BR]] |
| | 10 | 切图单:[[|切图单v1]] 切图参考文件 [[BR]] |
| | 11 | |
| | 12 | 切图单:[[| 下载]] |
| | 13 | |
| | 14 | 切图单4.0.0部分 [[| 下载]] |
| | 15 | |
| | 16 | === 项目接口 === |
| | 17 | [[| 接口]] |
| | 18 | |
| | 19 | |
| | 20 | == 设置页面调整[[BR]] |
| | 21 | 1、入口说明[[BR]] |
| | 22 | 1.1、点击客户端首页左上角的设置按钮,滑出快速设置层[[BR]] |
| | 23 | 1.2、滑出的设置层,最顶部为用户登录通行证的入口,中上部分为“个人收藏”、“文章搜索”、“栏目定制”、“离线阅读”的功能或者入口按钮[[BR]] |
| | 24 | 1.3、滑出层的中下部为详细设置的入口、用户意见反馈入口、用户体验计划入口[[BR]] |
| | 25 | 1.4、【针对IOS客户端】实现客户端内的推荐APP,可以直接通过点击下载,而无需到app store,需添加“SKStoreProductViewController”特性[[http://www.leiphone.com/apple-app-store.html|参考资料]][[BR]] |
| | 26 | 2、用户登录通行证说明[[BR]] |
| | 27 | 2.1、点击页面中上部的登陆按钮,页面向左滑动,进入登录专用页(和3.5.0登录通行证页面一致)[[BR]] |
| | 28 | 2.2、登陆后,客户端获取相应账号的头像,显示在客户端上[[BR]] |
| | 29 | 2.3、用户登录太平洋通行证之后,个人收藏自动进行云同步功能,[[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|查看云同步详细逻辑]][[BR]] |
| | 30 | 3、个人收藏中心 [[BR]] |
| | 31 | 3.1、页面右上角为返回按钮,下方为**论坛、帖子、文章、车系、车型**5个收藏栏目,默认进入**论坛**栏目[[BR]] |
| | 32 | 3.2、用户左右滑动可以切换不同的收藏栏目项[[BR]] |
| | 33 | 3.3、点击页面右上角的编辑按钮,进入对收藏内容的编辑状态,用户可以勾选多项,进行批量删除[[BR]] |
| | 34 | 3.4、若相应收藏项没有内容的时候,要有相应的提示。[[BR]] |
| | 35 | 3.5、论坛收藏,若用户本身没有收藏任何论坛,系统自动推荐4个论坛[[BR]] |
| | 36 | |
| | 37 | == 资讯版块[[BR]] |
| | 38 | 1、文章列表[[BR]] |
| | 39 | 1.1、2G/3G网络下,无图模式,连导航图/焦点图都不显示[[BR]] |
| | 40 | 1.2、文章列表的右下方,要放出相应的内容信息,文章要显示评论条数,图集要显示图集张数,论坛要显示盖楼的楼层数[[BR]] |
| | 41 | 1.3、图集、论坛、直播、视频的标签放在最右侧[[BR]] |
| | 42 | 1.4、点击文章区域,该区域要有点击触发效果[[BR]] |
| | 43 | **1.5、资讯客户端首页的栏目导航顺序是:头条、新车、行情、导购、评测、用车、文化、行业、技术**[[BR]] |
| | 44 | **1.6、android客户端加入在线调整栏目顺序功能,规则和IOS一致(当用户有自定义过栏目顺序的时候,在线调整功能对其无效)**[[BR]] |
| | 45 | |
| | 46 | 2、文章内容页[[BR]] |
| | 47 | 2.1、点击后页面右滑回到之前页,客户端自动记录用户在文章页阅读时所在的位置,即:当用户返回首页,再点击返回文章时,位置要定位到之前阅读时所在的页码[[BR]] |
| | 48 | 2.2、mrobot出文章页数据时,要在标题顶部加入空行,以保证用户进入文章终端页时,标题不会被遮盖[[BR]] |
| | 49 | 2.3、当用户双击文章页时,渐现收缩出现文章的快速设定层,点击设定层以外的区域,将设定层关闭[[BR]] |
| | 50 | 2.4、设定层提供~~“全屏阅读”~~/“手势翻页”/“字号切换”/“夜间模式”四项功能,默认开启~~全屏阅读和~~手势翻页[[BR]] |
| | 51 | ~~2.5、当用户设定开启“全屏阅读”:用户用户单击文章页时,顶部和底部的功能按钮渐隐消失;文章页用户再次单击文章页时,功能按钮渐现出现~~[[BR]] |
| | 52 | 2.6、关闭手势翻页只是控制在文章阅读的左右滑动的手势效果,上下翻页功能还是保留[[BR]] |
| | 53 | 2.7、~~文章页字体大小全部+1~~,点击切换字体大小,字体按以下顺序循环变化:中字体—大字体—小字体—中字体[[BR]] |
| | 54 | 2.8、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式[[BR]] |
| | 55 | ~~2.9、汽车网文章页,加入“行情信息采集来源”,需要mrobot根据接口出相应的数据~~[[BR]] |
| | 56 | 2.10、点击收藏的星星按钮,进行添加收藏时,要有个闪烁的动态效果,可参考百度新闻,具体可联系李春杰讲解[[BR]] |
| | 57 | 2.11、厂商链接修改点[[BR]] |
| | 58 | 2.11.1、需制作新的接口,接口功能是通过厂商的ID,获取到相应品牌的ID[[BR]] |
| | 59 | 2.11.2、客户端文章页要使用新接口,实现效果为:用户点击厂商的连接后,跳转到车型库的列表页,该列表页显示该厂商所在的品牌的所有车型[[BR]] |
| | 60 | 2.11.3、备注:3.5.0时,已经将文章页的厂商连接进行过滤屏蔽,需在4.0.0的时候,解除屏蔽[[BR]] |
| | 61 | 3、评论列表页[[BR]] |
| | 62 | 3.1、原有表情套,改为文字表情套[[BR]] |
| | 63 | 3.2、点击表情的时候,直接外显的是表情符号 \(o)/~[[BR]] |
| | 64 | 3.3、上传服务器的时候,客户端将 \(o)/~ 改为编码{201}传给服务器[[BR]] |
| | 65 | 3.4、相应文字表情在PC端上是表情,在客户端上是文字[[BR]] |
| | 66 | **3.5、(for ios)发送评论,在顶部栏会有相应的发送信息提示:“正在发送评论...”;发送成功,显示:“评论发送成功”**[[BR]] |
| | 67 | **3.6、(for ios)若发送失败,顶部提示“评论发送失败,点击顶部栏再次发送”**[[BR]] |
| | 68 | 4、分享细化[[BR]] |
| | 69 | 4.1、分享到QQ空间,保留现有的分享文章链接[[BR]] |
| | 70 | 4.2、分享到新浪微博和腾讯微博的内容,若是用手机客户端打开分享连接,则跳转至客户端打开文章链接;若是用PC端浏览器打开分享连接,则直接打开PC端网页,和现有分享到腾讯微博的操作一致[[BR]] |
| | 71 | 4.3、分享到微信、微信朋友圈、手机QQ,分享的内容为相关页面的wap版地址,和现有的android版分享到微信的功能一致[[BR]] |
| | 72 | **分享需求统一说明** [[BR]] |
| | 73 | **4.4、新浪微博采用SSO登录;腾讯微博和QQ空间登录方式不作改变,暂不采用SSO登陆**[[BR]] |
| | 74 | **4.5、分享的范围为:分享到:新浪微博、腾讯微博、QQ空间;分享给:微信好友、微信朋友圈、QQ好友**[[BR]] |
| | 75 | == 汽车网论坛[[BR]] |
| 87 | | |
| 88 | | 1.1、论坛的热门推荐列表以及顶部焦点图,由编辑手动人工推荐,同时顶部放用户收藏的论坛入口 |
| 89 | | |
| 90 | | 2、车型/地区/综合栏目说明 |
| 91 | | |
| 92 | | 2.1、页面结构和现有客户端的页面保持一致 |
| 93 | | |
| 94 | | 3、搜索功能说明 |
| 95 | | |
| 96 | | 3.1、进入搜索页面后,默认滑出输入键盘,同时默认选择“搜索版块” |
| 97 | | 3.2、搜索版块下方的空白处显示的内容,会根据用户输入的字符进行自动判断而显示结果 |
| 98 | | 3.3、用户点击则直接进入相应的论坛版块 |
| 99 | | 3.4、用户搜索结果的在空白区域进行上下滑动的时候,将系统键盘隐藏 |
| 100 | | 3.5、搜索功能放在系统键盘中,用户直接在键盘点搜索即可 |
| 101 | | 3.6、搜索版块时,点击搜索,系统键盘下滑,搜索帖子时,点击搜索,页面向左滑动进入搜索结果 |
| 102 | | 3.7、点击“搜索帖子”,切换到搜索帖子项目,输入内容后,点击键盘的搜索,直接进入搜索结果页 |
| 103 | | |
| 104 | | 4、帖子列表页说明 |
| 105 | | |
| 106 | | 4.1、在帖子列表页,要允许编辑手动插入帖子 |
| 107 | | 4.2、加精华的帖子,标题前有“精”的小图标 |
| 108 | | 4.3、有图片的帖子,标题后有“图”的小图标 |
| 109 | | 4.4、有“精”图标的帖子,不显示“图”小图标 |
| 110 | | 4.5、帖子排序选项,默认用时间排序 |
| 111 | | 4.6、共有排序选择如下:按发表时间排序---外显 按时间;按最后回复排序---外显 按回复;置顶帖---外显 按置顶;精华帖---外显 按精华 |
| 112 | | 4.7、点击发帖,页面向左滑动进入发帖页面 |
| 113 | | 4.8、点击收藏,星星变为实心,同时出现提示层,提示层淡入,显示1秒后,淡出 |
| 114 | | 4.9、翻页效果和文章页翻页一致,下一页上升 |
| 115 | | |
| 116 | | 5、帖子内容页 |
| 117 | | |
| 118 | | 5.1、顶部功能栏,有切换“看全贴/只看楼主”的功能,切换时,要有提示 |
| 119 | | 5.2、提供该帖子所在的论坛的快速入口,点击入口进入论坛 |
| 120 | | 5.3、点击楼层的“回复”或者下方的“回帖”,进入回帖页面,点击楼层的“回复”按钮,进入的回帖页面会显示“回复xx楼”;点击下方的“回帖”按钮,回帖页面显示“回复楼主” |
| 121 | | 5.4、发帖/回帖页面点击发送后,直接返回帖子内容页,同时在顶部栏会有相应的发送信息提示:“回帖/发帖发送中…”;发送成功,显示:“回帖/发帖成功” |
| 122 | | 5.6、若发送失败,顶部提示“回帖/发帖失败,点击顶部栏再次发送” |
| 123 | | 5.7、提供报名功能,用户点击“我要报名”按钮则弹出报名的浮层。点击浮层外其他地方,则收起浮层。 |
| 124 | | 5.8、提供查看报名信息功能,点击弹出报名信息列表浮层。点击浮层外其他地方,收起浮层 |
| 125 | | 5.9、提供投票功能,投票区域默认展开 |
| 126 | | 5.10、投票时,点击某项的效果,选择的项底色变色,当选择的项达到要求时,其余选项变成灰色,同时地下的提交按钮变为可提交状态 |
| 127 | | 5.11、提交投票后,显示相应的结果 |
| 128 | | 5.12、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式 |
| 129 | | |
| 130 | | 6、发帖页说明 |
| 131 | | |
| 132 | | 6.1、在发帖页点击返回的时候,当系统发现帖子已有内容的时候(有标题/有帖子内容/有图片),提醒用户是否要退出 |
| 133 | | 6.2、当用户确定退出后,系统自动将当前内容保存为草稿,并进行提示 |
| 134 | | 6.3、点击发布后,页面返回帖子列表页,顶部状态栏提示帖子发送状态,若帖子发送失败,则自动存草稿箱 |
| 135 | | 6.4、点击添加图片按钮,滑出添加图片的功能层,点击相应的功能添加图片 |
| 136 | | 6.5、点击已添加的图片,滑出替换/删除图片的功能层,点击相应功能进行操作 |
| 137 | | 6.6、最多只能添加8张图片,到达八张后,添加图片的按钮消失只允许提供上传一张图片;提供拼图功能,将5-8张图片拼成一张大图,图片宽度限定在500PX |
| 138 | | 6.7、下方提供同步发布的分享绑定功能按钮 |
| 139 | | 6.8、取消草稿箱,系统只保存上次未发布的帖子,具体流程如下: |
| 140 | | |
| 141 | | 6.8.1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑; |
| 142 | | 6.8.2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空; |
| 143 | | 6.8.3、用户选择取消,则开新的帖子,同时上次存的草稿也被删除; |
| 144 | | 6.8.4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子; |
| 145 | | 6.8.5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件 |
| 146 | | |
| 147 | | 电脑网论坛 |
| 148 | | |
| 149 | | 1、电脑网论坛首页顶部为各论坛入口,其中第一个是写死的进入全部论坛版块的入口,其余为编辑推荐的论坛版块,推荐个数由编辑控制,需要提供录入推荐的后台 |
| 150 | | 2、编辑精选旁有“全部热帖”的入口,点击进入全部热帖页面,该页面将各大版块的热帖按照不同栏目进行排列显示 |
| 151 | | 3、电脑网的论坛层级结构保持和现有客户端一致 |
| 152 | | 4、其余论坛要素,和汽车网论坛一致 |
| 153 | | 汽车网车型库 |
| 154 | | |
| 155 | | 1、搜索功能说明 |
| 156 | | |
| 157 | | 1.1、点击搜索按钮后,页面向左滑动进入搜索页 |
| 158 | | 1.2、进入搜索页后,默认弹出输入键盘 |
| 159 | | 1.3、根据输入的内容,输入框下方自能给出相应的搜索结果,点击相应结果,直接进入车系页面 |
| 160 | | 1.4、在输入框下方的空白区域上下滑动,可将键盘收起 |
| 161 | | 1.5、点击“确定”按钮后,进入搜索结果页 |
| 162 | | |
| 163 | | 2、品牌选车说明 |
| 164 | | |
| 165 | | 2.1、点击某品牌后,页面向左滑出该品牌所有的车系列表层 |
| 166 | | 2.2、点击不同品牌,该列表层的内容进行刷新更新 |
| 167 | | 2.3、点击按钮,可收起滑出层 |
| 168 | | |
| 169 | | 3、价格选车说明 |
| 170 | | |
| 171 | | 3.1、页面左侧为相应的价钱范围,右侧为该范围内的各大品牌的车系,最右侧为字母快速导航 |
| 172 | | 3.2、点击不同的价格范围,切换右侧的车系列表内容 |
| 173 | | 3.3、字母导航在滑动过程中,要提示当前选择的是哪个字母,提示框1秒后消失 |
| 174 | | |
| 175 | | 4、筛选选车说明 |
| 176 | | |
| 177 | | 4.1、页面列出筛选的所有条件,按照“价格”“排量”“级别”进行归类 |
| 178 | | 4.2、通过点击,对条件进行选择,只能单选。 |
| 179 | | 4.3、被选择的条件,变成灰色,再次点击相应条件,取消选中状态 |
| 180 | | 4.4、如果某分类下,没有任何条件被选择,则默认该分类下的所有条件都被选择 |
| 181 | | 4.5、在页面下方为“确定搜索”按钮,按钮上同时显示有多少款车型符合条件 |
| 182 | | 4.6、点击“确定搜索”按钮后,进入搜索结果页 |
| 183 | | |
| 184 | | 5、车系概述页说明 |
| 185 | | |
| 186 | | 5.1、车系的图片下,显示该车系有多少张图片,点击后进入车系图集页 |
| 187 | | 5.2、页面提供车系的论坛快速入口,旁边还有“询价”、“经销商”和“文章”的入口 |
| 188 | | 5.3、车系下的车型名称接口要修改,取消其车系名称 |
| 189 | | 5.4、点击相应的车型,进入车型概述页 |
| 190 | | 5.5、点击旁边的“对比”按钮,唤出对比页面的入口 |
| 191 | | 5.5、原客户端的栏目(概览/经销商/文章)改为在下方显示取消“概览”入口,车系页首页即为概览 |
| 192 | | 5.6、点击文章栏目后,页面上方显示文章的各个分类(新闻/评测/导购/行情) |
| 193 | | 5.7、行情栏目的文章,提供地区选择 |
| 194 | | |
| 195 | | 6、车型概述页说明 |
| 196 | | |
| 197 | | 6.1、车型的图片下,显示该车型有多少张图片,点击后进入车型图集页 |
| 198 | | 6.2、点击旁边的“对比”按钮,唤出对比页面的入口 |
| 199 | | 6.3、点击基本参数旁边的按钮,进入详细的参数页 |
| 200 | | 6.4、在详细参数页,点击右侧的“参数类别”,用户可以快速选择查看相应的参数 |
| 201 | | 6.5、其余的功能,和现有的一致 |
| 202 | | |
| 203 | | 7、车型对比功能说明 |
| 204 | | |
| 205 | | 7.1、已添加进入对比的车型,按钮变为已选中状态 |
| 206 | | 7.2、点击了添加对比按钮后,页面右下方浮现出进入对比页面的按钮 |
| 207 | | 7.3、按钮上方显示已添加对比车型的数量 |
| 208 | | 7.4、对比按钮在出现后,会从侧方滑出提示,1秒后滑回消失 |
| 209 | | 7.5、最多添加6个车型 |
| 210 | | 7.6、各状态提示列表,详见原型 |
| 211 | | |
| 212 | | 8、车型对比页面说明 |
| 213 | | |
| 214 | | 8.1、若添加多款车型,外显的是最后添加的两款车型的对比 |
| 215 | | 8.2、VS按钮下有数字提醒现在有多少款车进行对比 |
| 216 | | 8.3、页面向上滑动时,图片收起,只留下相应车型的文字 |
| 217 | | 8.4、在参数对比页面,右侧为“具体参数”的半透明按钮,点击可以滑出相应的锚点层,按钮变为不透明 |
| 218 | | 8.5、再次点击“具体参数”按钮,锚点层滑回,按钮变回半透明 |
| 219 | | 8.6、点击VS按钮,页面蒙层,同时下拉车型对比选择页 |
| 220 | | 8.7、被选中对比的车型,上面蒙层,表示被选中 |
| 221 | | 8.8、用户通过滑动蒙层,选择需要对比的车型 |
| 222 | | 8.9、用户点击对比按钮后,才进行对比 |
| 223 | | 8.10、点击编辑后车型列表右侧出现选框,下方对比按钮变为“确定删除” |
| 224 | | 8.11、如果对比中的车型被删除之后,默认选择最上方的一款车型进行代替 |
| 225 | | 8.12、最多提供7款车型对比,不够7款的对比按钮上移,下拉求缩小 |
| 226 | | 8.13、删除只有一款车型后的效果和删除所有车型后的效果,详见原型 |
| 227 | | 8.14、只有点击“对比车型”才能把弹出的对比选择层收起;点页面的蒙层处,对比选择层不收起 |
| | 77 | 1.1、论坛的热门推荐列表~~以及顶部焦点图~~,由编辑手动人工推荐,**同时顶部放用户收藏的论坛入口**[[BR]] |
| | 78 | 2、车型/地区/综合栏目说明[[BR]] |
| | 79 | 2.1、页面结构和现有客户端的页面保持一致[[BR]] |
| | 80 | 3、搜索功能说明[[BR]] |
| | 81 | 3.1、进入搜索页面后,默认滑出输入键盘,同时默认选择“搜索版块”[[BR]] |
| | 82 | 3.2、搜索版块下方的空白处显示的内容,会根据用户输入的字符进行自动判断而显示结果[[BR]] |
| | 83 | 3.3、用户点击则直接进入相应的论坛版块[[BR]] |
| | 84 | 3.4、用户搜索结果的在空白区域进行上下滑动的时候,将系统键盘隐藏[[BR]] |
| | 85 | 3.5、搜索功能放在系统键盘中,用户直接在键盘点搜索即可[[BR]] |
| | 86 | 3.6、搜索版块时,点击搜索,系统键盘下滑,搜索帖子时,点击搜索,页面向左滑动进入搜索结果[[BR]] |
| | 87 | 3.7、点击“搜索帖子”,切换到搜索帖子项目,输入内容后,点击键盘的搜索,直接进入搜索结果页[[BR]] |
| | 88 | 4、帖子列表页说明[[BR]] |
| | 89 | 4.1、在帖子列表页,要允许编辑手动插入帖子[[BR]] |
| | 90 | 4.2、加精华的帖子,标题前有“精”的小图标[[BR]] |
| | 91 | 4.3、有图片的帖子,标题后有“图”的小图标[[BR]] |
| | 92 | 4.4、有“精”图标的帖子,不显示“图”小图标[[BR]] |
| | 93 | 4.5、帖子排序选项,默认用时间排序[[BR]] |
| | 94 | 4.6、共有排序选择如下:按发表时间排序---外显 按时间;按最后回复排序---外显 按回复;置顶帖---外显 按置顶;精华帖---外显 按精华[[BR]] |
| | 95 | 4.7、点击发帖,页面向左滑动进入发帖页面[[BR]] |
| | 96 | 4.8、点击收藏,星星变为实心,同时出现提示层,提示层淡入,显示1秒后,淡出[[BR]] |
| | 97 | 4.9、翻页效果和文章页翻页一致,下一页上升[[BR]] |
| | 98 | 5、帖子内容页[[BR]] |
| | 99 | 5.1、顶部功能栏,有切换“看全贴/只看楼主”的功能,切换时,要有提示[[BR]] |
| | 100 | 5.2、提供该帖子所在的论坛的快速入口,点击入口进入论坛[[BR]] |
| | 101 | 5.3、点击楼层的“回复”或者下方的“回帖”,进入回帖页面,点击楼层的“回复”按钮,进入的回帖页面会显示“回复xx楼”;点击下方的“回帖”按钮,回帖页面显示“回复楼主”[[BR]] |
| | 102 | **5.4、发帖/回帖页面点击发送后,直接返回帖子内容页,同时在顶部栏会有相应的发送信息提示:“回帖/发帖发送中…”;发送成功,显示:“回帖/发帖成功”[[BR]]** |
| | 103 | **5.6、若发送失败,顶部提示“回帖/发帖失败,点击顶部栏再次发送”[[BR]]** |
| | 104 | ~~5.7、提供报名功能,用户点击“我要报名”按钮则弹出报名的浮层。点击浮层外其他地方,则收起浮层。~~[[BR]] |
| | 105 | ~~5.8、提供查看报名信息功能,点击弹出报名信息列表浮层。点击浮层外其他地方,收起浮层~~[[BR]] |
| | 106 | ~~5.9、提供投票功能,投票区域默认展开~~[[BR]] |
| | 107 | ~~5.10、投票时,点击某项的效果,选择的项底色变色,当选择的项达到要求时,其余选项变成灰色,同时地下的提交按钮变为可提交状态~~[[BR]] |
| | 108 | ~~5.11、提交投票后,显示相应的结果~~[[BR]] |
| | 109 | 5.12、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式 |
| | 110 | 6、发帖页说明[[BR]] |
| | 111 | 6.1、在发帖页点击返回的时候,当系统发现帖子已有内容的时候(有标题/有帖子内容/有图片),提醒用户是否要退出[[BR]] |
| | 112 | 6.2、当用户确定退出后,系统自动将当前内容保存为草稿,并进行提示[[BR]] |
| | 113 | 6.3、点击发布后,页面返回帖子列表页,顶部状态栏提示帖子发送状态,若帖子发送失败,则自动存草稿箱[[BR]] |
| | 114 | 6.4、点击添加图片按钮,滑出添加图片的功能层,点击相应的功能添加图片[[BR]] |
| | 115 | 6.5、点击已添加的图片,滑出替换/删除图片的功能层,点击相应功能进行操作[[BR]] |
| | 116 | 6.6、最多只能添加8张图片,到达八张后,添加图片的按钮消失只允许提供上传一张图片;提供拼图功能,将5-8张图片拼成一张大图,图片宽度限定在500PX[[BR]] |
| | 117 | 6.7、下方提供同步发布的分享绑定功能按钮[[BR]] |
| | 118 | 6.8、取消草稿箱,系统只保存上次未发布的帖子,具体流程如下:[[BR]] |
| | 119 | 6.8.1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑;[[BR]] |
| | 120 | 6.8.2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空;[[BR]] |
| | 121 | 6.8.3、用户选择取消,则开新的帖子,同时上次存的草稿也被删除;[[BR]] |
| | 122 | 6.8.4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子;[[BR]] |
| | 123 | 6.8.5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件[[BR]] |
| | 124 | |
| | 125 | == 电脑网论坛[[BR]] |
| | 126 | 1、电脑网论坛首页顶部为各论坛入口,其中第一个是写死的进入全部论坛版块的入口,其余为编辑推荐的论坛版块,推荐个数由编辑控制,需要提供录入推荐的后台[[BR]] |
| | 127 | 2、编辑精选旁有“全部热帖”的入口,点击进入全部热帖页面,该页面将各大版块的热帖按照不同栏目进行排列显示[[BR]] |
| | 128 | 3、电脑网的论坛层级结构保持和现有客户端一致[[BR]] |
| | 129 | 4、其余论坛要素,和汽车网论坛一致[[BR]] |
| | 130 | |
| | 131 | == 汽车网车型库[[BR]] |
| | 132 | 1、搜索功能说明[[BR]] |
| | 133 | 1.1、点击搜索按钮后,页面向左滑动进入搜索页[[BR]] |
| | 134 | 1.2、进入搜索页后,默认弹出输入键盘[[BR]] |
| | 135 | 1.3、根据输入的内容,输入框下方自能给出相应的搜索结果,点击相应结果,直接进入车系页面[[BR]] |
| | 136 | 1.4、在输入框下方的空白区域上下滑动,可将键盘收起[[BR]] |
| | 137 | 1.5、点击“确定”按钮后,进入搜索结果页[[BR]] |
| | 138 | 2、品牌选车说明[[BR]] |
| | 139 | 2.1、点击某品牌后,页面向左滑出该品牌所有的车系列表层[[BR]] |
| | 140 | 2.2、点击不同品牌,该列表层的内容进行刷新更新[[BR]] |
| | 141 | 2.3、点击按钮,可收起滑出层[[BR]] |
| | 142 | 3、价格选车说明[[BR]] |
| | 143 | 3.1、页面左侧为相应的价钱范围,右侧为该范围内的各大品牌的车系,最右侧为字母快速导航[[BR]] |
| | 144 | 3.2、点击不同的价格范围,切换右侧的车系列表内容[[BR]] |
| | 145 | 3.3、字母导航在滑动过程中,要提示当前选择的是哪个字母,提示框1秒后消失[[BR]] |
| | 146 | 4、筛选选车说明[[BR]] |
| | 147 | 4.1、页面列出筛选的所有条件,按照“价格”“排量”“级别”进行归类[[BR]] |
| | 148 | 4.2、通过点击,对条件进行选择,只能**单选**。[[BR]] |
| | 149 | 4.3、被选择的条件,变成灰色,再次点击相应条件,取消选中状态[[BR]] |
| | 150 | 4.4、如果某分类下,没有任何条件被选择,则默认该分类下的所有条件都被选择[[BR]] |
| | 151 | 4.5、在页面下方为“确定搜索”按钮,按钮上同时显示有多少款车型符合条件[[BR]] |
| | 152 | 4.6、点击“确定搜索”按钮后,进入搜索结果页[[BR]] |
| | 153 | 5、车系概述页说明[[BR]] |
| | 154 | 5.1、车系的图片下,显示该车系有多少张图片,点击后进入车系图集页[[BR]] |
| | 155 | 5.2、页面提供车系的论坛快速入口,旁边还有“询价”、“经销商”和“文章”的入口[[BR]] |
| | 156 | 5.3、车系下的车型名称接口要修改,取消其车系名称[[BR]] |
| | 157 | 5.4、点击相应的车型,进入车型概述页[[BR]] |
| | 158 | 5.5、点击旁边的“对比”按钮,唤出对比页面的入口[[BR]] |
| | 159 | ~~5.5、原客户端的栏目(概览/经销商/文章)改为在下方显示~~取消“概览”入口,车系页首页即为概览[[BR]] |
| | 160 | 5.6、点击文章栏目后,页面上方显示文章的各个分类(新闻/评测/导购/行情)[[BR]] |
| | 161 | 5.7、行情栏目的文章,提供地区选择[[BR]] |
| | 162 | 6、车型概述页说明[[BR]] |
| | 163 | 6.1、车型的图片下,显示该车型有多少张图片,点击后进入车型图集页[[BR]] |
| | 164 | 6.2、点击旁边的“对比”按钮,唤出对比页面的入口[[BR]] |
| | 165 | 6.3、点击基本参数旁边的按钮,进入详细的参数页[[BR]] |
| | 166 | 6.4、在详细参数页,点击右侧的“参数类别”,用户可以快速选择查看相应的参数[[BR]] |
| | 167 | 6.5、其余的功能,和现有的一致[[BR]] |
| | 168 | 7、车型对比功能说明[[BR]] |
| | 169 | 7.1、已添加进入对比的车型,按钮变为已选中状态[[BR]] |
| | 170 | 7.2、点击了添加对比按钮后,页面右下方浮现出进入对比页面的按钮[[BR]] |
| | 171 | 7.3、按钮上方显示已添加对比车型的数量[[BR]] |
| | 172 | 7.4、对比按钮在出现后,会从侧方滑出提示,1秒后滑回消失[[BR]] |
| | 173 | 7.5、最多添加6个车型[[BR]] |
| | 174 | 7.6、各状态提示列表,详见原型[[BR]] |
| | 175 | 8、车型对比页面说明[[BR]] |
| | 176 | 8.1、若添加多款车型,外显的是最后添加的两款车型的对比[[BR]] |
| | 177 | 8.2、VS按钮下有数字提醒现在有多少款车进行对比[[BR]] |
| | 178 | 8.3、页面向上滑动时,图片收起,只留下相应车型的文字[[BR]] |
| | 179 | 8.4、在参数对比页面,右侧为“具体参数”的半透明按钮,点击可以滑出相应的锚点层,按钮变为不透明[[BR]] |
| | 180 | 8.5、再次点击“具体参数”按钮,锚点层滑回,按钮变回半透明[[BR]] |
| | 181 | 8.6、点击VS按钮,页面蒙层,同时下拉车型对比选择页[[BR]] |
| | 182 | 8.7、被选中对比的车型,上面蒙层,表示被选中[[BR]] |
| | 183 | 8.8、用户通过滑动蒙层,选择需要对比的车型[[BR]] |
| | 184 | 8.9、用户点击对比按钮后,才进行对比[[BR]] |
| | 185 | 8.10、点击编辑后车型列表右侧出现选框,下方对比按钮变为“确定删除”[[BR]] |
| | 186 | 8.11、如果对比中的车型被删除之后,默认选择最上方的一款车型进行代替[[BR]] |
| | 187 | 8.12、最多提供7款车型对比,不够7款的对比按钮上移,下拉求缩小[[BR]] |
| | 188 | 8.13、删除只有一款车型后的效果和删除所有车型后的效果,详见原型[[BR]] |
| | 189 | **8.14、只有点击“对比车型”才能把弹出的对比选择层收起;点页面的蒙层处,对比选择层不收起**[[BR]] |
| | 190 | |
| | 191 | == 电脑网产品库[[BR]] |
| | 192 | 1、电脑网客户端中的产品库中,大类内容调整,详见附件 [[http://trac.pc.com.cn/iphone/attachment/wiki/pcauto_pconline_4.0.0/%E7%94%B5%E8%84%91%E7%BD%91%E4%BA%A7%E5%93%81%E5%BA%93%E5%88%86%E7%B1%BB%E5%88%97%E8%A1%A8%E4%BF%AE%E6%94%B90509.xls|电脑网产品库分类列表修改0509]][[BR]] |
| | 193 | 2、整体功能,与现有的客户端一致[[BR]] |
| | 194 | 3、筛选页面采用和汽车网的一致[[BR]] |
| | 195 | 4、对比功能和汽车网采取策略一致,唯一不同在于当用户离开某个分类后,系统清空对比的内容[[BR]] |
| | 196 | |
| | 197 | == 图集[[BR]] |
| | 198 | ~~1、左右滑动切换栏目~~取消栏目划分,所有栏目合并在首页[[BR]] |
| | 199 | 2、图集的图片放大,同时放出图集的标题以及张数信息[[BR]] |
| | 200 | 3、点击图片后,系统渐隐切换进入图片终端页[[BR]] |
| | 201 | 4、图片终端页的底部默认显示功能按钮(分享/下载/图集列表)[[BR]] |
| | 202 | 5、当手指在图片上向上滑动时,功能按钮渐隐消失[[BR]] |
| | 203 | 6、当手指在图片上向下滑动时,功能按钮渐隐出现[[BR]] |
| | 204 | 7、点击图集列表按钮后:[[BR]] |
| | 205 | 7.1、右侧滑出图集的列表层[[BR]] |
| | 206 | 7.2、按钮变为X[[BR]] |
| | 207 | 7.3、选择相应的图片后,读取过程中右侧图片列表层向右滑动隐藏,按钮也重新变回图片列表按钮[[BR]] |
| | 208 | 8、首页推荐的图集,在第一张图或者最后一张图左右滑动时的提示要修改或者取消提示[[BR]] |
| | 209 | |
| | 210 | == 专栏or工具[[BR]] |
| | 211 | 1、专栏整个页面都是HTML,由编辑手动控制[[BR]] |