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

对于一个内容页的文章来说,如果这个文章内容过长或是其中有分类(排行),那么进行分页阅读无疑是最好的选择。

如果一个文章内容不涉及分类,比如小说类等,那么页码按正常方式显示即可,因为内容是连贯的,不太可能存在说跳过中间内容直接阅读后面内容的可能性:

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

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

如上图,整个文章看似是一个完整的整体,可是里面的内容却存在分类阅读。

如果在这个页码下面不存在这样一个内容预览的导航,那么用户如何去得知这个文章里面所展现的内容呢?用户只能一页一页的去查看,这样用户就始终处于被动的状态。

可是当在页码下存在这样一个内容预览的导航的时候,给用户带来的阅读体验完全是不一样的。通过这样一个完整清晰的预览导航结构,用户可以在没有阅读全文的时候提前了解这个文章里面所要呈现的内容,在看到这个预览导航的时候用户就可以判断出这个文章是否还有让自己阅读下去的兴趣,同时也可以跳过那些自己已经了解或者说不想去了解的内容,从而将重点留在自己感兴趣的地方。

与只是一味的将页码排列在那的页码导航相比,带有预览导航的页面的内容给用户带来的印象将更加的深刻。因为用户可以跳过那些“泛”而直取其“精”,泛信息与提取出来的信息给用户所留下的印象是有巨大差别的。

这也是RSS订阅能流行的很大一个原因。

时间: 2024-08-03 23:13:12

网页内容的浏览设计方式探讨的相关文章

回归本源的设计方式:如何用草图规划网站?

设计院校中有大量的基本课程.大企业与创业公司都在采取回归本源的设计方式,这一点也不稀奇. 无论你是个终身的涂鸦艺术家,还是一位严肃的商标设计师,通过纸张探索灵感都是一项重要的设计技能. 别怕!铅笔这类工具的力量不会消亡.在这个专注设备的时代,简单.久经考验的设计方式仍然大有可为. 实际上,我已经听到一种日渐强烈的声音,反对将工时浪费在高保真photoshop效果图上.手绘稿让你以一种灵活巧妙的方式,创作迭代式的渐进设计,不必为了高保真设计图和电子稿而超支时间. 不论你是大公司还是自由设计师,通过

网站制作流程及界面交互设计研究探讨

交互|设计 很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,

手机客户端的两种主要的界面布局与设计方式

本文主要讨论手机手机客户端的两种主要的界面布局与设计方式,对于手机设计师来说,此类文章比较少见,当然其中对于用于体验与可用性的实现依然很普遍. 手机产品设计与传统的桌面和web产品设计相比,最显著的约束是设计空间的急剧缩小.打个比方,这就像从一个100平米的房子搬到5平米的单间,东西没少一样,可以施展的空间却小了几十倍.更重要的是,在这样一个小空间里,你不能把东西胡乱摆放,要依旧保持它们的清晰.合理.简洁.美观.借用<用户体验的要素>中的名词,这涉及到"框架层"的设计问题,

“一卡通”信息系统数据库设计初步探讨

设计|数据|数据库|数据库设计                               "一卡通"信息系统数据库设计初步探讨                                      福建开普教育设备有限公司 陈优章         引言:卡的应用不外乎就是计费与身份识别之用.所谓"一卡通"就是同一张卡片,每一用户只需要一张卡,在多种不同功能管理中使用.这是用户对系统的基本要求,也是"一卡通"最主要的表现.一卡,并不是一种固定

注重风格结合的整体界面设计方式

视觉设计是产品面向用户的首要冲击点,首先是通过界面将产品构建的一种整体产品性格传递给用户.体现在界面上即你的界面图形风格上色营造的氛围是否具有性格,属于产品的一种性格,视觉设计的风格姿态决定了用户对产品的导入,兴趣,乃至后面的使用等等,反之则失去了产品视觉构建的意义,用户可能从视觉感受就否定或者抵触了一个产品,当然这不是绝对意义上的可能,但事实是产品市场经常出现这种用户行为,于是有了人类学社会学,以及数据统计概率方面的介入,从而让产品的感性部分找到更多的共性,或者规避一些用户的可能抵触点等等.视

设计师参考:专业的LOGO标志设计方式

专业LOGO标志设计师必定总结了一些设计技巧,我们通过欣赏一些出色有创意的商业标志也能发现,本文中的这些标志十分有创意,但基础都是利用了一些常见的标志设计方式,比图数字,图片,变形等.在掌握了这些规则后,也就可以算是一个入门级的标志设计师了. 每个标志下都有说明,仔细阅读并思考这些设计方式,当你再看到其他标志时,都能从中找到相同点. Zoorganic 鹰的翅膀二边白色的部分分别一只马和一头狼.   Brandclay 二个手型被设计成字母B,代表brandclay   Foot 用一个脚印表述

嵌入式程序的设计方式,怎么把exe执行放在窗体程序中作为子程序?

问题描述 嵌入式程序的设计方式,怎么把exe执行放在窗体程序中作为子程序? 怎么设计windows嵌入式程序,怎么把程序嵌套在一起主程序将exe作为子程序在窗体内调用? 解决方案 使用setparent函数设置目标程序作为子程序运行.

窗体listview双表头的设计方式

问题描述 窗体listview双表头的设计方式 listvirew双表头,上层表头显示程序基本信息,下面是具体的分类,对应具体的栏目,怎么设计这样的界面呢? 解决方案 可以用一个picturebox和一个listview组合起来,上层的表头用picturebox自己绘制.

iOS中播放gif动态图的方式探讨

iOS中播放gif动态图的方式探讨 一.引言     在iOS开发中,UIImageView类专门来负责图片数据的渲染,并且UIImageView也有帧动画的方法来播放一组图片,但是对于gif类型的数据,UIImageView中并没有现成的接口提供给开发者使用,在iOS中一般可以通过两种方式来播放gif动态图,一种方式是通过ImageIO框架中的方法将gif文件中的数据进行解析,再使用coreAnimation核心动画来播放gif动画,另一种方式计较简单,可以直接通过webView来渲染gif图