网页设计中的分页模式

身为搜索领域的黄金标杆 Google普及了许多设计模式其中之一就是分页(Pagination)模式。该界面包括一系列页码数字链接,前后分别有Previous和Next按钮,让用户能够在多个搜索结果页面间来回跳转,也俏一次跳过多个页面。

Google并不是第一个使用这种分页模式的网站(早在1997年Google诞生之前就有不少知名搜索引擎使用它了),但却是全能的Google让它成为网络上最为知名的分页界面形式。正因为Google采用了这一模式,它便被无数系统模仿,包括其他各大搜索网站,以及大量从新闻到商务的各种目录网站。不过,与其他网站不同,Google在设计中加人了一点幽默感,根据在结果页面显示多少个页码链接,其名称Google中字母(准确说应该是字母0)的数量也会不停地增加。

如何进行小型分页的设计

一般情况下,当页面需要显示的信息很多,一个页面不够用,为了增加速度、美观等,网站设计中设计分页就有必要了。用户可选择是否继续前行或后退去找他想要的信息。例如,在淘宝网搜索一下“衬衣”,这时有多达100 多页的信息,就会出现分页。
一、原始设计方案
分页的作用是很多的,特别是在性能优化上,最重要的原因,是让用户可以快速找到想要的信息。这些有用信息页面比较多地在分页之上,淘宝网已经做得非常好。我们经常在网上看到这种的分页形式:中间是目前的页码和共有的页码,两边分别是上一页和下一页,在很多网站都采用该类型显示的方式。很多设计师朋友建议,把“上一页”和“下一页”放在一块,让用户按起来更加方便,这种设计很好。
二、我的方案
话说回来,我个人并不赞同上面的这些做法。既然这个分页是小型化的,一个很小的位置就能全列在上面了,那我们为何还要去复杂化这个用户选择的过程,而不是直接提供更便捷的方式?我倡导的想法是把小分页全显示出来,确保用户操作更方便。这种设计与原始方案的对比,从空间上展开式显示需要的像素少,有不少设计师考虑留白,会去考虑如果合理地利用这些宝贵的空间。从实用性上来说,假如看到第3页,突然又想回到第一页,按照原设计,不得不按两次“上一页”?假如有5页呢?如何来保证在各页之间切换得更快?无论如何,展开式设计可很好地解决问题