Correct Paging
Tuesday, November 17th, 2009
Paging is separating out content to multiple pages, and it is a really common task for websites. The problem is that like oh so many things on the web, it is rarely done well. Come with me on this journey (rant?) on the correct way to implement paging.
Each page should have a “Next” and “Previous” button. If you are referring to chronological content, such as blog posts, use “Newer” and “Older” to be more specific. They should be the most prominent part of the paging area, since anyone interacting with that area of the page will most likely be going back and forth through the results.
There should also be a list of the pages in between the next/previous button.
Here is an example from Bubble Burster website:
An example of using Newer and Previous buttons
Filed under: User Experience, Web Development