今天Tommy在QQ上发来了一段话, 主要是说wordpress的日志列表的分页很奇怪,是这样子的:
< Previous Entries Next Entries >
翻译成中文就是:
< 之前的记录 之后的记录 >
Tommy 认为这样很奇怪,我觉得这没有什么好奇怪的,如果嫌他不好用或不好看,可以试试Pagebar这个插件,可以自由修改得很华丽,不过后来我想了一下,这样未必是最好的,当时脑子想了一下,觉得完美的应该是这样子的,如下图:

黑色背景桔红色字的代表当前页,桔红色背景白色字的是用户鼠标移动到页码数字上的链接hover效果,这个在实际体验中用户会通过鼠标滑动导航条上时了解到的;后来觉得这样弄有点重叠了, 再度修改了一下,去掉些重复的,感觉就不错了,简洁了许多:

这样感觉就清爽了许多, 后来自己又想了一下,当用户要一页一页查看日志列表时,他必须做的就是一页一页的点击,网速快的还可以,但是网速慢的可能就得一页一页的load,用户不停的点击,那怎样才能让用户的看到每一页的日志标题列表呢?
我们可以试着用tooltip来做到,如下图:

这样利用ajax来预先读取每个页码数里的日志标题,输出列表显示在tooltip里,这样的好处用户不用一个页码一个页码来点击查看里面的所有日志标题。
当然,你可能会说,那这样用户直接利用搜索功能不是更加容易找到吗?不用这样把鼠标移动到页码数上来看日志标题预览;关于这个要明白的是搜索跟这个完全是没有关系的,搜索是用户知道特定的内容来进行搜索,而这种页码预览则是用户毫无目的性的点击,用户可能是刚来到,想了解一下blog的内容,一般用户都是只会看首页的日志,如果他们发觉不是他们感兴趣的,他们就不会进一步浏览,利用这种页码预览就可以很容易的让用户快速了解到你的blog的基本内容是什么,当他看到感兴趣的话题时他可以直接点击该页码数来查看该页码数的日志列表,或者直接点击标题进入日志的详细内容。这种方法可以说也算能让多些人留在你的blog里,当然这个前提是你的blog的日志质量确实很好。
可能又有人会说,这样会给客户端造成资源消耗的,速度可能会慢,但我想这种方法再慢也不会比你点击该页码数之后等整个页面load完之后再来浏览的速度慢吧?
又可能有些人要说,又是ajax,整天都是ajax,用得泛滥了,确实,现在ajax是有用得泛滥,但我自己本身的理解是ajax是作为一种辅助的工具而存在的,它能帮助用户获得更好更方便的操作和浏览体验,如果没有了ajax的存在,主要功能还是可以用的,这个页码预览就是例子,就算浏览器禁掉了js,甚至禁掉了css,他这个页码数还是可以用的,充其量只是不能预览相关页码数里的日志列表而已,但这样也是降低了用户的浏览体验,当然这个是用户自己选择的,主动权就不在我们了。
最后附上个套用自己blog的页码预览的效果图看看,嘿嘿~

呵呵,还蛮不错的吧,想法大概是这样,但是自己的表达能力有限,可能描述得有点乱,有问题希望各位提出来看看,一起讨论~
最后声明一下,这里所说的页码表现形式只限于blog,其他具体的需按具体情况分析,例如商务网站,论坛等,这些可能有些不适合用,例如淘宝的搜索结果就不适宜用这个了,至于论坛能否使用,还需多点时间来思考和数据来证明~
Update: 被某人叫去看Google一个星期,郁闷~

1楼的 aoao 说:
=。=我都米时间改自己滴站。
那个< Previous Entries的处理也不是完全米作用。。
[10月 23rd, 2007 at 10:17 am]
2楼的 Yag 说:
是的,你分析得不错,我的日志也是用这种分页的显示方式。特别强调一点,无论身处在任何一个分页,首页的链结永远都是要在优先位置呈现给访客看的。
你的Ajax Tooltip显示分页文章title,很不错,但貌似现在还很少见到有人这样做,你来做第一个吃螃蟹的人吧,嘻嘻。
让那些说Ajax泛滥的XX去说吧,Ajax是出类拔粹的应用,该刷新的区域刷新,不该刷新的地方保持原态,试想一下拖动一下Googmap就整个网页都刷新和重载一次,谁还会去用。不知道我等会提交表单时会不会整页刷新,我就觉得没必要,这样我就得再把你那些js、css和图片等文件再请求多一次,多浪费。
[10月 26th, 2007 at 4:35 pm]
3楼的 Gracoede.com 说:
从技术角度上考虑 Blog 分页的表现形式…
昨晚我从 iVane 的博客上看见一篇名叫 关于blog的页码表现形式 的文档,我认为这从用户体验的角度上说非常的精彩!有关用户体验方面我撇开不谈,我这里单从技术的角度讨论该功能是否实…
[11月 3rd, 2007 at 1:58 pm]
4楼的 iVane Hwang 说:
很高兴grace兄这么快就实现了我的这个想法,虽然目前在IE上还不能实现功能,但其他标准浏览器已经是实现了~
果然是第一个吃螃蟹的人,哈哈~
[11月 3rd, 2007 at 3:08 pm]
5楼的 feelinglucky 说:
更新,已经支持 IE 了 :D
PS:我叫 feelinglucky 手气同学,HOHO~
[11月 3rd, 2007 at 4:23 pm]