Skip to content

Commit

Permalink
Archived "do-you-have-a-consistent-search-results-screen-aka-the-goog…
Browse files Browse the repository at this point in the history
  • Loading branch information
tiagov8 authored Apr 16, 2024
1 parent 0379642 commit ddf184c
Showing 1 changed file with 8 additions and 12 deletions.
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
type: rule
archivedreason:
archivedreason: No longer relevant - Search results UI/UX should be tailored for each application.
title: Do you have a consistent search results screen? (aka the Google Grid)
guid: cc7e551a-bcc3-4e04-858e-3d0972f94a81
uri: do-you-have-a-consistent-search-results-screen-aka-the-google-grid
Expand All @@ -14,33 +14,29 @@ redirects:

---

Every website out there has a page that 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.
Every website out there has a page that displays the results of a search. No standard has been adopted throughout the web as nearly every site seems to have a different way of displaying data.

<!--endintro-->

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

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

::: good
![Figure: Good example – adopt Google's search result layout](results-ssw.jpg)
![Figure: Good example – Adopt Google's search result layout](results-ssw.jpg)
:::

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.
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.


![Figure: The header of SSW results screen - filter, number of results found, search criteria and time taken](results-filter.jpg)
4. The number of pages found (hyperlinks centered in the middle), and these hyperlinks should be shown on the footer of the page only.

![Figure: The header of SSW results screen - filter, number of results found, search criteria and time taken](results-filter.jpg)

::: good
![Figure: Good example - The footer of SSW product order listing page has the hyperlinks for pages 1 to 10 centered](results-pagination.jpg)
![Figure: Good example - The footer of SSW product order listing page has the hyperlinks for pages 1 to 10 centered](results-pagination.jpg)
:::

![Figure: Google's classic search results](results-google.jpg)

0 comments on commit ddf184c

Please sign in to comment.