网页内容的浏览设计方式探讨

所属分类: 网页制作 / 应用技巧 阅读数: 521
收藏 0 赞 0 分享

对于一个内容页的文章来说,如果这个文章内容过长或是其中有分类(排行),那么进行分页阅读无疑是最好的选择。
如果一个文章内容不涉及分类,比如小说类等,那么页码按正常方式显示即可,因为内容是连贯的,不太可能存在说跳过中间内容直接阅读后面内容的可能性:

但是如果一个文章内容涉及到分类呢?比如说很常见的数码排行榜之类的,这里面就涉及到了文章内容的分类(排行),这时候是否就应该考虑换一个页码方式或是添加页码内容预览来显示呢?

因为排行榜之类的内容实际上是由一个一个完整独立的内容页组成的,第一名与第二名是两个完整的独立体,只是因为这个排行榜的原因而将它们凑在了一起,如果跳过第二名直接查阅第三名的信息也不存在什么问题。

如上图,整个文章看似是一个完整的整体,可是里面的内容却存在分类阅读。
如果在这个页码下面不存在这样一个内容预览的导航,那么用户如何去得知这个文章里面所展现的内容呢?用户只能一页一页的去查看,这样用户就始终处于被动的状态。
可是当在页码下存在这样一个内容预览的导航的时候,给用户带来的阅读体验完全是不一样的。通过这样一个完整清晰的预览导航结构,用户可以在没有阅读全文的时候提前了解这个文章里面所要呈现的内容,在看到这个预览导航的时候用户就可以判断出这个文章是否还有让自己阅读下去的兴趣,同时也可以跳过那些自己已经了解或者说不想去了解的内容,从而将重点留在自己感兴趣的地方。
与只是一味的将页码排列在那的页码导航相比,带有预览导航的页面的内容给用户带来的印象将更加的深刻。因为用户可以跳过那些“泛”而直取其“精”,泛信息与提取出来的信息给用户所留下的印象是有巨大差别的。
这也是RSS订阅能流行的很大一个原因。
更多精彩内容其他人还在看

CSS中浏览器对尺寸和宽高解释差异的解决方法

不同的浏览器对margin、padding、height、width 等属性的解释有很大的偏差。有时我们发现同样的两列布局,在不同的浏览器中两列长短不一,类似的情况太多了,如此困扰大家的麻烦,如何解决?
收藏 0 赞 0 分享

网页变灰的笔记 细节问题处理

grayscale.js这个文件是用来兼容各个浏览器的,在一般情况下,使用它绝对不会有问题,但是在实际的操作中,还是遇到了一些麻烦。
收藏 0 赞 0 分享

页面中marquee与flash同时存在时的冲突解决方案

冲突的症状主要表现在FLASH按钮一直跳动,不稳定,影响网页美观及正常访问。
收藏 0 赞 0 分享

提高网站访问速度的六种方法

以下6种优化方法都是前端的,前端优化的意义在于减少http请求,减少网站前端程序组成的体积。
收藏 0 赞 0 分享

新鲜出炉的有用图标集25组 国外下载

恰当的图标(ICON)能使网站更具活力 曾几何时,现在的网站图标大同小异,我们的眼睛早已见惯不惊。于是,这里收集了25套专业设计的全新的图标集,希望对你有用!
收藏 0 赞 0 分享

新手建站教程 十天学会做网站

十天学会做网站教程采用最通俗易懂的语言、从最基本的开始,带领大家开始建站。教程由许耀鹏历时半年时间写成。是非常好的新手建站入门教程。
收藏 0 赞 0 分享

新手建站入门教程 建站需要的条件和工具

很多新手在论坛都会说,我从来没做过网站,做网站需要些什么条件啊,会不会很难啊?
收藏 0 赞 0 分享

新手建站入门教程 域名的解析与绑定

昨天我们讲到了建立一个属于自己的网站需要的条件和工具,里面讲到首先需要注册一个属于自己的域名,和需要购买一个虚拟主机。(详情请看:新手建站第一帖:建站需要的条件和工具)
收藏 0 赞 0 分享

新手建站入门教程③ 别名(CNAME)记录和URL转发

在上一帖中为大家介绍了域名的解析和A记录解析的方法,今天我就为大家讲解一下另一种解析方法:别名(CNAME)记录。同时为大家讲解下URL转发的好处和方法。
收藏 0 赞 0 分享

新手建站入门教程④:如何绑定子目录

去买空间的时候,我想很多朋友都已经注意到了,有的空间介绍上会有类似于“支持绑定1个子目录”、“赠送1个子目录”等词。那么这些介绍是什么意思呢?
收藏 0 赞 0 分享
查看更多