Site Search Box Best Practices Part 1 – Placement

Posted by Steve Groenier, March 13th, 2012 at 3:11 pm PST
Categories: Site Search, Site Search Tips | 3 Comments »
   

Last week I began a series of discussions on the Site Search and the User Experience LinkedIn group that focused on the site search box.  I asked questions of the group to identify some best practices for where to place the site search box, the size of the search box and what if any search box default help text should be used.  Based on the lack of responses, it appears that the search box is an area of site usability that is seriously lacking any clear direction or consensus.

In an effort to bring some clarity on the subject I decided to conduct a review of the top 50 retailers on the IR 500.  My analysis included capturing the size of the overall search box area, the size of the input field, location on page, default help text, and what the submit button looked like.  I figured that the top 50 internet retailers would certainly have sought the advice of the world’s best site designers and usability experts. I assumed most would have done some usability testing and determined the optimal search box experience.  As a result of all this effort, I expected to find a fair amount of consistency in how the site search box was implemented.

My analysis however showed little consensus in any of these areas.  About the only thing that I could be certain of is that the site search box should be located in the site header.  The data however is interesting and worthy of review.  Today, I’ll start with the location of the site search box.  For simplicity, I only evaluated if the box was located on the left, center or right side of the header.  Here’s what I found:

16% Left (8 retailers)
30% Center (15 retailers)
54% Right (27 retailers)

So, the right side wins with slightly better than 50%.  As I looked at the distribution of the placements among the top 50, it appeared fairly mixed.  For instance, among the top 10, three had left placements, three right and four were in the center. Shocking, I know.

Here’s a small sample of the site headers from among the top internet retailers to provide you with a closer look of where their site search box is located.

Left

officedepot-header-590

officemax-header-590

Center

amazon-header-590

walmart-header-590

sears-header-590

Right

dell-header-590

cdw-header-590

In our next blog post I’ll reveal what the analysis shows about the size of the site search box.

   

3 Responses to “Site Search Box Best Practices Part 1 – Placement”

  1. Elizabeth Gross Says:

    Good series idea! I read the blog posts and try to comment when applicable, but I am seriously remiss about ever even looking at LinkedIn unless I get a notification or see something stellar in a group update email.

    As a consumer, I always look for it on the right or center. It took me a moment to locate it on the Office Depot image you show. I do not shop online at OfficeDepot.com so I’m not familiar with that and I didn’t expect it below the tabs.

  2. Site Search Box Best Practices Part 2 – Size - SLI Systems Blog Says:

    […] SLI Systems web site | Search this blog:    « Site Search Box Best Practices Part 1 – Placement […]

  3. How Should Online Stores Design their Site Search Box? | Findwatt Says:

    […] Placement of Search Box – Where should your search box go? I’ve always been partial to a search box that is in the middle of the screen, ala Amazon or Overstock. But turns out only 30% of the Top 50 retailers comply. 54% have it on the right, and 16% have it on the left. My Advice: center your box. […]

Leave a Reply