Web Design Patterns http://webdesignpatterns.com Common approaches in web design Wed, 23 Jan 2008 13:07:45 +0000 http://wordpress.org/?v=2.3.2 en Search Results Pagination http://webdesignpatterns.com/navigation/search-results-pagination http://webdesignpatterns.com/navigation/search-results-pagination#comments Mon, 21 Jan 2008 23:47:50 +0000 todd http://webdesignpatterns.com/navigation/search-results-pagination Here are some pagination sample from the four major search engines (Google, Yahoo!, MSN, Ask). You will notice some consistency in these examples:

  • “previous” page link is hidden unless available
    • Ask did not do this, but they should
  • they all have an active state
    • the active state for MSN and Ask could be a bit clearer
  • ability to skip multiple pages
    • Google & Ask provide 10, Yahoo! 11
    • I’m not sure why MSN only shows you 5 pages, they should change this to 10

Overall, search results pagination is a pretty simple design pattern; however, you can see that even the four major search engines have some different approaches to similar characteristics.

Here are some links to additional search results pagination examples:

Google

google1.JPG

google2.JPG

Yahoo!

yahoo1.JPG

yahoo2.JPG

MSN

msn1.JPG

msn2.JPG

Ask

ask1.JPG

ask2.JPG

]]> http://webdesignpatterns.com/navigation/search-results-pagination/feed