Good content is sometimes not enough, the users must reach it so they can see it's good!

Usable pagination

Posted: March 11th, 2009 | Author: | Filed under: Good practices, Patterns | Tags: , , | 5 Comments »

You would think the most visited sites in the world would have perfect or close to perfect pagination systems, because let’s face it, the users browse a lot (that’s how the websites became most visited in the first place). Well… not really. Although there are good examples, none of them seem perfect to me. Some of them fit the content of the sites they’re on pretty good, google search for example – it doesn’t need anything else, it’s stripped to the skin.

pagination

My personal favorite is ebay. It is the only one which jas a “jump to” feature – very useful from my point of view when you have lots of pages (maybe filters too). What ebay lacks is links to first and last pages – a quick way to change the order of browsing.

The links on pages – it’s preferable to have well defined click areas with a few px of padding. It’s damn hard to click those little numbers. Many sites go with the square like links – they are very good, easy to click, follow, see.

Next – Prev buttons – should have indicators: arrows, < >, « » or anything suggesting the direction. The user sees and evaluates these things a lot faster than the word “Next” or “Previous”.

Positioning – bottom of the content is mandatory, but in sites with heavy browsing i suggest duplicating it at the top too. If you have 30 products on a page it takes more to load them and scroll down, so a pagination at the top will increase the speed of navigation.

Here are the examples.