Do you have a consistent search results screen? (aka the Google Grid)
  v3.0 Posted at 23/12/2014 1:51 PM by Lu Zhang

​​ Every website out there has a page which displays the results of a search. I am amazed that no standard has been adopted throughout the Web as nearly every site seems to have a different way of displaying data.

However, Google is a very good example for displaying search results. Their result pages are clear and efficient, especially for a large result set.

Google result
Figure: Good example – adopt Google's search result layout

So adopt Google's search result layout and it will give new and regular users a better navigation experience. Here's our standard layout for our search function.

Want the 'Google grid'? Then follow these rules to help users to navigate:

  1. Filters at the top (if more than one search parameter,then add a "search" button)
  2. The number of results found + how many seconds the search took to execute
  3. A statement that explains the criteria that you used for searching (or keep the criteria in the text box like google does)
  4. The number of pages found (hyperlinks centered in the middle), and these hyperlinks should be shown on the footer of the page only.
Result Pages
Figure: The header of SSW results screen - filter, number of results found, search criteria and time taken
Result Pages
Figure: Good example - The footer of SSW product order listing page has the hyperlinks for pages 1 to 10 centered
Result Pages
Figure: Google's classic search results

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address: