Learn how to build an efficient site search on your eCommerce store. Our design ideas include ease of use, categorized search, auto complete and so on.
1. Is the search box easy to use?
Submit button: The submit button should look different from the input field and should either read “search” or have a search icon. Show results even when users press enter, but this doesn’t mean that you can do away with the “submit” button entirely.
Scoped search: Though search scope is not necessary for every eCommerce store, it is critical for large stores with wide range of products. Allow users to search within a particular category. Default your search scope to entire store rather than a specific category in order to avoid users searching within a wrong category.
Auto suggest: Offer search suggestions as the user types in a query. A dropdown with common searches that will help reduce typos and avoid a no results found state. It’s even better if you suggest a few best-fit products along with thumbnail images and price of the products suggested. Land the shopper on the individual product page if he clicks on any product suggestion.
2. Is your search box clearly visible and quickly noticeable?
Placement of the search box: Position your search box away from all other boxes such as email signup. Place it consistently on all pages except the checkout page. Top right, top center or in the main menu are popular positions for the search box.
Size of the text field: Along with making the search box more prominent, a longer search field will also allow the users see what they type which would reduce errors. Make sure it can hold at least 30 characters. Another thing you could do is to look at your Site search data, find out what your shoppers are searching for and use that to decide what the optimal character limit should be.
Contrast: Make sure, the color of the input field doesn’t make it hard to understand where the search term should be typed in. Increase the contrast between the site header, text field and search button to increase the prominence of the search box relative to other elements.