电脑论坛优化四期

[jinzhentao]

*以下设计优化可参考小米论坛、花粉论坛

---

一、整体优化

1.论坛背景色：橙色导航条下方背景色改为浅灰色，具体见框架图，可参考小米论坛，最终以设计稿为准；

2.列表页、帖子页右侧模块：底色从灰色改为白色，变成白色卡片式结构；

3.列表页、帖子页右侧悬浮按钮：新增“反馈、找论坛”按钮，具体以设计稿为准；
反馈：去到“网友建议交流区” http://itbbs.pconline.com.cn/bbs/f61.html
找论坛：与顶部“找论坛”功能一致；

二、列表页

1.直播贴：若有直播贴，则直播贴样式建议是卡片式结构（白色灰底），具体以设计稿为准；

2.新增帖子类型图标：图标设计，放在帖子标题后方，以作标示，包括“PK贴、投票贴、悬赏帖、投票悬赏帖、活动贴”；

3.建议将“主题分类”加到帖子标题前面，以作区分展示；

三、帖子页

1.帖子标题：标题加粗，勋章和等级蒙层效果加强弱化，变淡一点，参见下图；

2.添加分割线，参见下图，具体以设计稿为准；

3.帖子页右侧随动框，在滚动时，随动框边框加阴影效果，参见下图；
左图为默认效果，右图为滚动交互效果

4.签名档
样式：“签名档”文字与虚线同行显示，“签名档”颜色改为橙色，参见下图；
规定：限制字号（10号）、字体（雅黑）、颜色（浅黑色）以及字数（110字，显示两行，旧数据暂不做处理），具体效果以设计为准；

5.回帖楼层间距拉大，回帖分割线加粗，参见下图，具体以设计稿为准；

6.回帖字体默认为16号（非高级模式下）；

7.回帖作者的勋章和等级蒙层效果加强弱化，变淡一点，参见下图；

8.活动贴：
样式修改：将两个表格合并为一个表格，表格宽度与帖子正文宽度保持一致，参见下图效果，具体以设计稿为准；
新增功能：起始时间、报名截止时间均扩展至时分，例如：2014-11-22 12:00；
功能修改：“我要参加”交互效果改为弹窗，弹窗内容与线上向下展开内容一致；

普通状态（未报名）

普通状态（已报名）

管理状态（未报名）

管理状态（已报名）

9.取消接收回复：在“修改”右侧位置新增“取消接收回复”按钮，主贴用户点击“取消接收回复”之后将不再收到该主题下的消息回复，同时该按钮变成“接收回复”；
备注：若在发表帖子是未勾选“回复时给我消息”，则前台显示“接收回复”按钮；

10.一键删除：权限仅开放给站长，编辑自行设置；

11.回复置顶：线上已做截字处理，现加上ALT显示；

12.“发表新帖”随动框：滚动时加上阴影悬浮效果，具体以设计稿为准；
待定：滚动时建议带上“TA的帖子、推荐阅读”（或其中之一）一起滚动；

13.弹窗内容含有“操作原因”下拉选项的建议直接将选项露出，减少二次交互，参加下图，具体以设计稿为准；
目前含有此类弹窗下拉形式的功能有：系统管理各功能、举报、评分（整理中...）

三、发帖页

1.帖子分类下方的黄色线取消；

四、其他优化

1.新增PK贴“mew”图标：放在帖子类型“PK贴”前面，参见下图：

2.气泡提醒：在用户第一次使用美图、回复置顶功能时，给出气泡文案提示，气泡上方含有关闭按钮，气泡提示功能建议持续一周再撤下；

美图气泡逻辑：
当用户第一次上传第一张图片（每天的第一次上传的第一张图片）成功后，紧接着在图片右上方弹出气泡，之后的图片上传不再给出气泡提示；

回复置顶气泡逻辑：
当主贴用户（以及权限用户）鼠标移到回帖楼层，此时“回复置顶、回复、修改、删除”等按钮变亮变橙色，紧接着在“回复置顶”上方弹出气泡，之后的鼠标交互将不再给出气泡提示；

备注：
气泡样式以设计稿为准，气泡文案待定；

开发需求：
1、接口缓存做预加载处理；
2、帖子页异步获取评分的方式可参照举报、设为危险的方式，避免每个页面总要调后台；
3、帖子页异步请求顺序需调整，如图【测试无需检查次顺序，按实际情况就可以】

4、Pager对象封装获取帖子总数逻辑，并存mc一天，注意新版块的处理【例如：小于10页的版块才存到mc 5分钟】
5、列表页、帖子页id list分别加上时间戳、楼层数，更新时按该项数据排序即可，彻底去除reload
6、摄影部落同步到论坛的数据重复审核问题
用户需求：
摄影部落同步到论坛的数据，已经过摄影部落应用的后台审核过的；
用户希望已经由部落应用审核过的帖子将不再送到审核系统人工审核，减少工作量。

解决方案：
摄影部落同步数据过来的时候加多一个参数，我们接收到该参数后，发出的帖子按白名单帖子处理，让审核平台自动通过；