Principles of Effective Search in ECommerce Design

Shape Image
Shape Image
Principles of Effective Search in ECommerce Design
Spread the love
Effective Search in ECommerce Design

While product findability is a key factor of success in e-commerce, it is predominantly enabled by simple search alone. And while simple search usually doesn’t fulfil complex needs among users, website developers and owners still regard advanced search as just another boring to-do item during development.

Owners won’t go so far as to leave it out, because every e-commerce website has some kind of advanced search functionality, but they probably do not believe it brings in much revenue.

On the contrary, well-devised advanced search offers several benefits and can be more than just a clumsy, complicated tool. First of all, effective search can accelerate the sales process. And faster sales can increase conversions because you will not be losing customers who give up trying to find products. Furthermore, fast, precise and successful searches increase your customers’ trust.

In this article, we will review how to build an interface that offers users the power of advanced search while preserving the clarity of simple search.

Dismantling Barriers

Although almost every e-commerce website has advanced search, visitors do not use it. First of all, people only use the tools that they see. Advanced search is usually hard to detect. The link is usually too small and ugly, and so the flashy simple search button nearby overwhelms it. So even if the user was inclined to perform an advanced search, they have no motivation to do it.

The word itself is scary: “advanced.” It suggests we are about to encounter something complicated. And very often, we do. But even if we notice the advanced search link and are not intimidated by it, we don’t use it because we don’t see the benefit.

The few who do use it see that once they perform the search, all “advanced-ness” is lost. So, to help our users exploit the power of advanced search, we have to fix usability problems, implement new approaches and improve our search terminology.


There are several ways to enhance search. The classic approach for advanced search is parameter search. The user sets parameters using text boxes, operators and drop-down menus. When usability gurus tell you not to use the advanced search, they are generally referring to this type.

It usually has a complicated interface but can be very simple and effective if only the most important fields are shown and you stick to the basic guidelines of form design.

Momondo elegantly and effectively sticks to the most important input fields, making parameter search user-friendly. Trulia‘s parameter search is a bit more complicated but thoughtfully supported by input hints and prompts. Even more, options are hidden under the “More search options” link for advanced users.

A good way to avoid intimidating people is to disguise the complexity of the parameter search. Show only snippets of the interface by using the responsive disclosure/responsive enabling pattern.

When the user sets a parameter, they move along, and then the next filter is shown. This solution can be useful for guiding novice users, but it can bore and irritate advanced users.

Also Read: 5 Universal Principles For Successful E-Commerce Websites

Building Better Search

Faceted search is the easiest and now safest method by which developers can offer users advanced search functionality. But how to implement it? Before undertaking something as time-consuming as that, make sure your website conforms to basic search usability principles. Is the search box in the right place? Does it work as expected?
The structure of the search results page must also be crystal clear.

The results must be ranked in a logical order (i.e. for the user, not for you) by relevance. Users should be able to scan and comprehend the results easily. Queries should be easy to refine and resubmit, and the search results page should show the query itself.

Consider basic user needs and behaviour when planning searches. You could frame it as adopting an “incremental construction” pattern. Let users create their own search, step by step. People may not comprehend the whole system at once, but if you guide them gently, searching will be made easier.

Make their exploration of search functionality safe: users should be reassured that they can undo any option and not lose their results or settings.

MyFonts allows users to control the complexity of their queries by using the – and buttons to add and remove filters. Your imagination may be a good start in defining which features deserve facets, but it is far from enough.

Examine the traffic from your website and the search terms that users have typed into the simple search interface. Analyzing search query logs helps you handle spelling issues more effectively. Based on your analysis, you can also refine your auto-suggest system. What words, categories or taxonomy would describe these searches best? Use the most popular words in your search logs to label your facets and options.

Don’t forget to check your competitors’ categories either. Perhaps you would sort your products differently, but you may get good ideas from them. When you have sorted out your facets, test them with real users. Don’t just test the interface during the final phase; let users play with earlier versions as well.

Categorizing Products

Let users choose from among only the features that might influence their purchase. Omit features that are not important to users, even if you think they are. Features rarely chosen by customers should be put at the end of the list or hidden under a “More options” link.

PriceGrabber allows users to control the complexity of their queries by using the – and + buttons to add and remove filters. For your facets to work perfectly, you need a good taxonomy (categories). If users don’t understand your system, you lose. Don’t make users have to guess your system.

Figure out their mental model of your product range first. The categories in your taxonomy should cover all products without overlap. For example, if a user can filter by colour, do not omit colourless items in the results, or items for which colour is irrelevant.

Avoid vague words like “Other” and “More.” The category hierarchy should be shallow so that users do not have to drill too deep to find a product.

Architecture of Search

Although faceted search is much easier to use than the classic advanced search, it can become complex if too many facets are shown. Based on George A. Miller’s research, humans can deal adequately with 7 items, plus or minus 2.

This short-term memory constraint also informs the popular recommendation of the number of items to include in a navigation menu. Don’t have more than 10 facets. Any more will confuse users and the results will be about as helpful as the Dewey Decimal system.

Hide extra facets under a “More filters” link, even if you think they’re all important. Everything cannot be equally important. If you think certain facets will be important for one user group and other facets important for another, then create a drag-and-drop interface, and allow users to close facets.

Letting them save results or facet settings is useful, too, but make sure unregistered users can do it as well. Order facets by importance. Most users will use only a few. Display only filter values that apply to the inventory you have available.

If a facet has more than seven or eight options, put the extra options under a “More options” link or a different panel.

The Perfume Shop gives priority to age and price. Note that it also indicates what is available in a given price range. Faceted search is still keyword-driven. If products would be easier to find by referring to categories or if users will have problems identifying their needs, then use filtered search or a well-designed parameter search. Faceted search is cool but not a cure-all.

Also Read: How to Engage Customers in Your ECommerce Website With Rating and Reviews

Enhancing Search

Whatever method you choose, you have several means of enhancing search. Do not automatically order the results page of the most frequent queries. Prioritize what you think best matches the search (i.e. the best bets). Add popular queries to the ones you’ve verified, and review the most popular results from time to time.

Apple puts what most users look for front and centre. These best bets are supported with pictures.

Communication and Language

The success of your search depends heavily on your users’ understanding of what facets, filters and parameters do. Label them in an easily understood language. Think about non-native English speakers as well. Communicate the benefits of advanced search clearly and concisely, and show visitors that advanced search helps them be more effective.

Change the terrifying phrase “Advanced search” to something friendlier, like “Better search” or “Smart search.” If your advanced search functionality is integrated in the simple search area, just name the whole tool “Search.”

Grouping and Alignment

Group similar items and separate different items clearly. Indicate what is selected or not selected. Use a “Select” button that turns into an “Unselect” button when the user selects something, rather than a “Select all” checkbox (after checking “Select all,” the user might want to check other boxes, in which case the system might not behave consistently).

When you arrange items in a facet, think of what would be the most common workflow for using the facet.

Forms And Controls

The design of facets is up to you. Text boxes and drop-down lists are usually more than enough, but you might want to use other things that can make forms and controls more usable.

Choose sensible defaults for radio buttons and drop-down lists. Also, illustrations often convey information much better than words. Forgiving formats and structured formats help users input useful queries. Forgiving formats give users flexibility in entering data, while structured formats help them enter data more precisely.

Input prompts tell users what to do or type in a field, whereas input hints explain to users what they are expected to input in a field. Use them wisely: input prompts can be deleted, and too many input hints will annoy users. Also, the visual clutter might make them simply ignore important information.

Handling Results

Use dynamic filtering where possible. Users want immediate results, so don’t disappoint. If dynamic filtering would make your architecture too slow, consider reprogramming the page or narrowing the number of options. It might be worth it.

Show the number of actual results as well as the number of results the user would get if they were to filter by some other options. “List” and “tiled” are the basic views, but alternative views could help users scan results more easily.


Contrary to widespread belief, advanced search is not an old lumbering monster of the past. If usability is taken into account and key structural and conceptual modifications are made, it can be an effective tool for increasing conversions and helping your users access more products. Of course, not every e-commerce website needs advanced search.

You may have too few products or your products may be unique and hard to categorize. Advanced or faceted search is more useful when you have a wide variety of products.