噜噜网“小”改版详述
| |
2012/10/11 噜噜曰

动机与主题

自09年8月1日至今对噜噜网无论是外观、功能还是代码都没再做过一丝一毫的改动,这次因一直以来收悉了不少针对噜噜网评论系统的问题反馈,逐决定给评论系统彻底换血,进而又想改进一些早已记录在案,但因时间关系尚未操刀的不足之处,故产生了此次“小”改版。

为什么是“小”改版?简单地说因为网站结构没变,外观主色调没变,各栏目安排没变。能在外观上立即察觉的改变也就几处,剩下的都是些细节变化。真正大的改动是网站代码这块,这些是访客无法明确察觉的,所以只是“小”改版。

每当 LuLu 对网站做改动时,始终秉着一个原则,“快”。所有的改动务必保证网页能以足够快的速度被打开。

除了这个“一字”原则,当然每次也有主题方针,此次改版的主题就是“科学、健康、快速”。

LuLu 之前针对性地阅读了相关文章,了解了些帮读者在网上科学、健康、快速获取信息的办法。

边栏二变一,剔除冗繁

在眼球跟踪实验里,研究者们发现访客阅读网页是呈 F 形状的。也就是说,读者首先阅读首段,后面的段落可能只阅读第一句,然后快速带过。 (图中颜色越深表示阅读概率越高)

噜噜网“小”改版详述 luluw.com

认真阅读完这个实验的各项报告,再根据 Google 最近一年监测的噜噜网首页鼠标点击的跟踪数据,果断剔除原有侧边栏里冗繁的内容,并将主题区块位置进行了调整,以方便访客更快速地获取信息。

高效阅读,减少烦躁

在多方探讨与阅读后,得到了一个结论:阅读区域千万要窄!眼睛阅读时移动太多距离,人是会烦躁的,继而影响健康。

之前站长圈里不乏讨论多宽的宽度最适合阅读,LuLu 现在会毫不犹豫地回答 645px 左右,因为这个宽度不需要眼睛移动太多距离,头也不需要动。

这次将内容区由原来的 676px 缩窄为 645px,希望此举能减少互联网带给您的烦躁,提高阅读效率。

但 645px 的宽度注定了部分超宽的大图片会被边栏遮住,所以 LuLu 已将边栏背景透明化,可较直观地显示图片是否被边栏遮蔽。浏览以大图片作为主题的文章时,可通过“边栏开关”关闭边栏以提高大图浏览体验。

噜噜网“小”改版详述 luluw.com

搜索

原搜索引擎也是被大家诟病较多的地方,希望改由 Google 技术支持的站内搜索能带来不错的效果。

噜噜网“小”改版详述 luluw.com

评论系统

关于新评论系统--“多说社会化评论系统”,请移步查看详情:
http://www.luluw.com/a/6396/

仍需改进

已知几个问题,但由于技术有限,尚未有解决方案。

IE 6:

谷歌搜索无法适用于此 IE 浏览器版本,故仍以原搜索引擎驱动;
首页侧边栏最新评论里的头像错位;
宽度超过 645px 的图片,在文章页里超出的部分会被隐藏。

火狐:

在文章页执行繁简体中文切换时会出现“不响应的脚本”的警告。


其余细节改变就不再一一赘述,大家慢慢发掘吧。欢迎反馈问题!

拒绝 IE 6

最后再次呼吁正在使用 IE 6 的朋友,把它升级了吧!好不?

噜噜网“小”改版详述 luluw.com

One more thing...

LuLu 仍在处理因此次改版而产生的问题,继续优化细节,修复bug。
下一步计划是设计开发全新的移动阅读端,敬请期待。
10K
本文来源: 噜噜网 | 目前已有 16968 人围观此文,标签:

浮上来留个足迹吧,看帖不回会被鄙视de哦: