您的位置: 首页 > 艺术设计 > 设计理论 > 分页案例和好的实践
按钮上的内容 回到列表 理论普及——用户体验
 分页案例和好的实践

作者:秦歌 时间: 2007-11-23 文档类型:翻译 来自:蓝色理想

第 1 页 分页案例和好的实践 [1]
第 2 页 分页案例和好的实践 [2]
第 3 页 分页案例和好的实践 [3]
第 4 页 分页案例和好的实践 [4]

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。

在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部分为用户提供用于浏览的额外的导航选项。文章的这些地方除了“上一页(previous)”和“下一页(next)”按钮外,还涉及到数字、提示和箭头。

搜索引擎几乎总是使用分页,报纸往往利用它来导航有几部分的大文章。还有一些情形,分页也是博客(weblog)所需的。额外的导航能简化一些站点页面的访问,例如让用户容易的通过站点的存档进行浏览。

在大多数情况下,分页优于传统的“上一页、下一页”导航方式,它通过站点给访问者提供更快更方便的导航。它不是必须的,但是一个有用的好特性。

让我们来看一些好的分页实践,何时和如何执行分页的一些例子。

分页设计的好实践(来自Faruk Ates的7个方面):

  1. 提供大面积的可点击区域
  2. 别使用下划线
  3. 标明当前页面
  4. 隔开网页链接
  5. 提供上一页和下一页链接
  6. 使用首页和末页链接(在能适用的地方)
  7. 把首页和末页放在外面

相关参考资料

  1. Pagination 101 ,Faruk Ates已经完成关于分页的终稿。
  2. Some Styles For Your Pagination ,可以随意下载随意适用的分页样式。
  3. 如果你的博客是基于wordpress的,你可以安装插件 WP-PageNavi 来产生分页。它非常容易安装,但需要你修改一些你用主题的源码。

错误#1:分页选项不可见

因为分页的是主要目的是充当一个改进后的导航,它必需让访问者清楚他们在哪儿、他们已经去了哪儿和他们下一步能去哪儿。这个三个事实让用户完整的理解这个系统如何的工作和这个导航应该如何被使用。

但最重要的是,导航选项应该是可见的。hugg.com不遵循这个方针。链接颜色和白色背景对比度非常低。没有提供鼠标悬停效果。

错误#2:分页不直观

如果你不得不在一个相当复杂(但漂亮)的导航和一个简单但包含必要功能的导航间选择,一直倾向简单的方法。如果用户不理解分页背后的机制,他们将不能使用它,因此他们也不会使用你的网站。

Helium.com是这个错误的很好例子。看一下下面截图:这些箭头代表什么?代表你访问过的那页或代表你正在访问的那页?为什么这个链接到第二页有一个白色背景?为什么箭头有不同的颜色?这是不直观的。

不直观的设计源于结构、层次和深思熟虑后的设计决定的缺乏。空白导航像过度拥挤方案一样不直观。

没有间隔的网页链接难以扫描和浏览。Make-Believe.org是个这样的例子,其设计是不直观的。

出处:蓝色理想
责任编辑:moby

上一页 下一页 分页案例和好的实践 [2]

相关文章
静态页面分页的AJAX实现
利用SqlDataAdapter进行分页
用DW+ASP实现分页技术的参考
ASP通用分页类
一个简单的ASP分页程序
作者文章 更多作者文章
Ajax的小贴士
谈用户体验,别落下商业利益
如何向Yahoo!主页学习
向Yahoo Mail的主页学习
跨浏览器的CSS固定定位
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
跟我去香港:The third Day
单件模式结合命令链模式
快乐狗原创动漫大赛
元素层叠级别及z-index剖析
CSS 浏览器的等宽空格
电影变形金刚概念画欣赏
疯狂的程序员 第三十五回
疯狂的程序员 第三十四回
疯狂的程序员 第三十三回
运用ASDoc工具
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式
 
>> 分页 首页 前页 后页 尾页 页次:1/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

播音王 喜姿婷 PS鼠绘彩妆美女 天都SOHO城网站 中华有才网 Our heart throughout Toge uusalon 斗地主游戏界面