SLI home
User login

A BLOG FOR E-COMMERCE LEADERS

  • Blog
  • Resources
  • Webinars
  • Customer Experience Scorecard

SLI Blog

Posts in Navigation Tips Category

Colorize Your Search To Delight Your Customers

Posted by SLI SystemsApril 17, 2012eCommerce, Navigation, Navigation Tips, Site Search, Site Search Tips

While Henry Ford was great at making cars, he clearly missed a key opportunity to delight his customers when he said, “People can have the Model T in any color – so long as it’s black.” Fortunately, today’s consumers have an endless array of color options when they shop for everything from cars to handbags.  And, being able to find a product in just the right color has become an important part of the shopping experience and I would suspect something customers except to do more often than not.

Since customers often begin to shop using your site’s search, you’ll want to make sure your products are accurately tagged with the appropriate color or colors.  This way, when a customer conducts a search including the color they want, they will get relevant results.  In the example below, you can see how a search for “red dress” on the children’s clothing retailer Chasing Fireflies produces a fantastic assortment of red dresses.

dresses

Products such as shirts or handbags often come in a variety of colors.  Shoppers for these items will often want to consider the style and color at the same time.  A great example of this can be seen in the site search of handbag producer and retailer Dooney & Bourke.  As their customers search for handbags, they are presented with circular color swatches below each item that represent the colors and patterns available for that item.  To make shopping even more fun, Dooney & Bourke made these swatches interactive by dynamically changing out the product image to display the related item as you mouse over the color swatches.  As you can see from the screen shot below, some of these handbags come in a wide assortment of colors.  This functionality really enhances the aspect of exploration and discovery to the shopping experience and makes it much more fun.

Handbags

For many customers, finding the right color product is more than just something to browse, it’s a must have.  For instance, they may be looking for a specific color handbag to match exactly with their new outfit or they may need to find orange colored candy to complement the decorations at their child’s birthday party.

Color Swatches

To help customers shop by color, some retailers have included color in their search refinements.  For bead supplier Artbeads.com, color is so important to the purchase process that they have placed it at the top of their search refinements.

To make shopping by color more visual and fun, they have created custom color icons to display as search refinements. A couple of other examples of this can be seen below from two candy retailers A Candy Store and Jelly Belly.

Color Refinement 1Color Refinement 2

Now, before you race off to incorporate color into your site search, I do want to refer you to another blog from Shaun Ryan entitled “Refining search results by color/colour,” in which Shaun points out some of the challenges color filtering can present and showcases some clever solutions you can use to overcome these challenges.

Site Navigation Gone Wild? How To Get it Under Control

Posted by Terry CostaFebruary 15, 2012Navigation, Navigation Tips

One of the most effective paths to growth for an online retailer is expanding the product line.  The bigger your catalog, the better chance you’ll be able to attract customers to your store.  But, as your catalog grows, so must your store’s navigation.  New products need a home and often times that means another line item somewhere in your site’s navigation. That may be in the form of an entirely new top level category, a new sub-category, or even a new brand category.

Visitors don’t just shop by product type, they want to shop by brand, gender, age, style, or price.  And let’s not forget about the special sections you need for clearance, sales, or seasonal items. Bit by bit your category list grows until one day you realize that you’ve got over 50 links in your site’s navigation and it’s taking your customers two to three screens just to scroll through them all.  Your site navigation has gone wild! How do you make it easy for our customers to find your products?

The solution for many retailers has been to enhance or replace their site’s static navigation with Dynamic Site Navigation.  With Dynamic Site Navigation, retailers are able to drive their navigation from product attributes contained in their catalog’s data feed.  Sections and sub-sections are built automatically and change dynamically as the catalog changes.  And, as customers dive into product sections, the list of sub-categories or refinements they see will only be those that are relevant to those products.

In the Abe’s Of Maine example below, users are offered different refinement options depending on their search: cameras or flat screen.

Screen shot 2012-02-15 at 12.29.38 PM

Furthermore, with Dynamic Site Navigation solutions that use learning technology such as SLI’s, retailers are able to improve the customer experience by automatically presenting facets in order of popularity.  This allows the most clicked on brands or styles to be presented higher on the list. In the Abe’s Of Maine example above, the categories are presented in order of popularity.

One of the key things to keep in mind is to provide the same site experience for those who use the site’s search box and those who navigate using Dynamic Site Navigation. In the example below, Jelly Belly ensures a consistent experience between navigation and search using Dynamic Site Navigation whether a user searches for sports beans or navigates to Sports Beans through the Candy category.

Screen shot 2012-02-15 at 12.36.19 PM

Screen shot 2012-02-15 at 12.39.52 PM

With Dynamic Site Navigation, retailers can save a significant amount of time from eliminating the tedious task of managing categories and sub-categories. Do you have Dynamic Site Navigation examples to share? Let us know!

When it Comes to Navigation, Always Find Ways to Improve

Posted by Terry CostaNovember 3, 2011eCommerce, Navigation, Navigation Tips

Over the past several weeks we’ve shared with you some of the advice provided in our downloadable “Big Book of Navigation Tips.” Perhaps one of the key take-aways in the Big Book is that your job of enhancing navigation is never done – there are always more improvements that can be made. Product catalogues, buying trends, and customer behaviors all change, and a good retail site is one that keeps up with these shifts – whether seasonal or otherwise.

In the last section of the book, we provide some tips for how you can keep up with the trends and continuously improve your site’s navigation to engage visitors and convert them into happy customers. Below are a couple tips to get you started. You can find the complete set of these and other tips in the “Big Book of Navigation Tips“.

1. Run multivariate tests to continue improving your navigation — As you go through the process of updating your site navigation, you will need to test, test more, and test again. It’s a good idea to test different layout options, refinements, categories, and results orders to make sure you’re providing your visitors an optimal user experience and improving your chances to convert them into customers.

2. Examine your search logs for site navigation option cues — If you’re having trouble deciding what categories you should select for site navigation, looking at what people are searching for on your site is a great place to start. The search terms visitors are using in the search box is a good indication of how they may want to navigate on your site. For example, if there are a lot of queries with manufacturers’ names then manufacturer (or brand) should probably be a navigation option. If people are searching for waterproof products, consider adding this as a navigation option. Your analytics or site search software should be able to provide this information. It’s also important to look at your analytics on a regular basis, as new trends may dictate the need for new categories.

Navigation Tips for Mobile Devices

Posted by Terry CostaOctober 4, 2011Navigation Tips

Most likely there is an increase in the percentage of visitors who access your site from a mobile device – whether to research products they may buy later (on their PC or in the store), or to make a purchase on the spot. Navigation is one of the most important aspects of your mobile site, and navigation links – along with the search box – should get prominent placement on your homepage. Navigation on your regular ecommerce site won’t just transfer over to the mobile platform; you need to keep mobile navigation extremely simple and easy to follow so your visitors remain engaged. The more streamlined your navigation, the faster visitors can find what they’re looking for, which can mean more sales (and less abandonment) for you.

Below are a couple tips to get you started. You can find the complete set of mobile navigation tips and more in the Big Book of Navigation Tips. Next week will be our final post on the topic as we wind down this series – but don’t worry, the “Big Book” will continue to be available on our site.

1. Add a search box to the bottom of the page — When visitors scroll to the bottom of the page and cannot find what they’re looking for on the page. You can add a search box and some navigation links to the bottom of the page. This gives visitors an option to easily continue exploring on your site without having to scroll up to the top.

2. Make links large enough to use on touch screen devices — Most mobile devices have touch screens, so make sure your links are big enough for your visitors to click on without accidentally clicking on a different link. Visitors will be frustrated by this if they have to try several times to reach the page they want. If you don’t correct this, they will give up and abandon the site completely.

Merchandise Navigation Pages for More Click-Throughs

Posted by Terry CostaSeptember 21, 2011eCommerce, Navigation, Navigation Tips, Site Search

Just like in a physical store, it’s important to merchandise your navigation pages with information about what products are on sale, the promotions you’re running, what items are marked for clearance, and any other specials that you’re offering. There are a few ways to showcase this information – refinements, banners, and specialized landing pages are a few examples. Below are a couple tips to get you started.

1. Have merchandising-specific refinements — Refinements don’t have to be limited to product details. Visitors want to know what sales items, special offers, bundles and clearance items, you’re offering. Allowing them to refine by these factors is a great way to improve the usability of your site, and guide visitors to items you are promoting, while improving conversion potential.

2. Rank the products in a way that makes sense for your business — Many companies choose to order their products by popularity. This minimizes the amount of clicks people will typically make to get to the products they’re looking for. Consider also showing your highest margin products first, or the ones you have excess stock for.

You can separate the results into “items on special promotion” and “most popular items” for example, or show all items in the same results list, but with the top 5 items in excess stock first followed by the most popular items. We occasionally encounter websites that rank their products alphabetically by default. This is almost always a non-optimal way to rank your products, although it is sometimes a useful sort option.

For more tips, download the full ebook – Big Book of Navigation Tips.

Improve SEO with Simple Tweaks in Navigation

Posted by Terry CostaSeptember 12, 2011eCommerce, Navigation, Navigation Tips, Site Search

When approaching navigation it’s important to remember that search engine spiders are a key audience. Google, Bing and other search engines analyze site navigation structures as they crawl your site to understand what’s important. For example, if a product page is only two clicks away from the home page it will be considered more important than one that is four or five clicks away. Not only should the pages be able to be crawled, but in many cases they should also be indexed. So be sure to follow SEO best practices when designing navigation pages so they rank well in natural search results.

Below are some tips to help you in this regard. You can find the complete set of SEO tips by downloading the complete “Big Book of Navigation Tips,” available from our website. Next week we’ll provide some tips related to online merchandising in navigation so be sure to check back.

1. Ensure your navigation pages can be crawled by Internet search engines. To ensure your navigation pages can be crawled by Internet search engines, use short URLs that include useful keywords to your navigation pages (e.g., category or subcategories) with very little parameters. Avoid using javascript-produced links because the spiders may have trouble interpreting these. Also ensure that navigation pages are not excluded in your robots.txt file.

2. Include title and <h1> tags on your navigation pages. Customize your title and <h1> tags to include the category title of each category page. These are both located at the top of category pages and are factors that search engines consider when ranking a page. The text in the title tag appears in the search engine results – so it should be accurate, unique and compelling. You may also want to include subcategories within the title tag to help rank for those more specific keywords.

3. When making any changes to your navigation, consider what to do with your old navigation links. The main issue is the old navigation links may have generated great SEO results. You will likely want your new navigation pages to benefit from your old navigation pages’ popularity. The recommended way of handling this is to use a 301 redirect. This will redirect the old navigation links to any equivalent new navigation link. By doing this, the value of the old page will be linked to the new page, minimizing the negative impact on your SEO.

Refinement Display: Narrow Down Broad Categories in an Easily Digestible Way

Posted by Terry CostaAugust 29, 2011eCommerce, Navigation, Navigation Tips, Site Search

Refinements are an important part of navigation, as they help narrow a broad category so visitors get to items they’re looking for more quickly – and also help them get to particular items to suit their needs such as size, brand, style, or price faster. There is no shortage of options for how to present navigation refinements, which means some retailers offer too many choices or they present refinements in a way that confuses the visitors. Below are a couple of tips to guide you in this area. You can find a whole slew of refinement tips by downloading the complete “Big Book of Navigation Tips,” now available from our website.

Next week we’ll cover SEO, so stay tuned.

1. Consider using sliders for continuous refinements Test the placement of refinements – Using sliders for refinements like price or size range take up less space and are a nice tool to use along with AJAX to build smooth transitions from one information display to the next. Some visitors may find them more complicated than the alternatives – links or drop downs with fixed ranges, or text boxes allowing you to specify an upper and lower limit. So test and make sure your visitors do understand how they work and consider offering alternatives. Make sure your sliders work well on a touch screen device, and if they don’t you can  provide alternative way of displaying them.

2. Make sure navigational images can’t be confused as products – Navigation usability tests were conducted by showing participants a retail site with three product subcategories represented by an image and the associated text description. Many participants misunderstood that  the images were representations and took them to be three product images and assumed there were only three products. You should try to avoid these types of misunderstandings as much as possible. You can minimize confusion on navigation pages by showing products as well as subcategories. You can show other cues that will help differentiate between subcategories and products – such as showing the number of results they’ll see if they click on the subcategory images, label the subcategory images clearly and make sure there’s a clear distinction between the layout of your products and subcategories.

Download our ‘Big Book of Navigation Tips’ for Design and Usability Tips

Posted by Terry CostaAugust 9, 2011eCommerce, Navigation Tips

Our latest e-book – “The Big Book of Navigation Tips” – is now available for download from our website. We crafted the tips, taken from our many years of experience in guiding clients in search and navigation best practices, to help others in the industry understand how simple tweaks in navigation can significantly improve site usability. Similar to the “Big Book of Site Search Tips” we offered last year (and which is still available on our site), we wanted to shed light on the challenges site owners face in presenting content and information in a visually appealing way, while also guiding visitors to the items they’re most interested in. As we discuss in the book, good navigation is an art rather than a science – and while there are no black and white answers to how to approach particular elements, there are guidelines you can follow to understand what might work best on your site. Ultimately, as we discuss in the book, whatever approach you take, it’s important to do some testing to see if you’re really getting most value or if something else might work better.

Over the next several weeks we’ll post a couple tips from the book here on our blog, so be sure to check back frequently. To get us started, below are the first tips from the “Site Navigation Design” category. If you’re interested in seeing all the tips at once, just go to our download page.

Make site search and site navigation consistent

Visitors should only have to learn one interface, so keep the feel of the site search and site navigation similar to ensure a seamless browsing experience across your site. Too many retailers use different practices for site search and site navigation pages, resulting in different designs visitors have to learn to find the information they’re looking for.

Provide different ways of ranking products on navigation pages

You should offer your visitors a way to easily reorder the products they see on a navigation page. Even though they might choose to rank by least expensive, best rated, or most recent, you should propose a default display that is most advantageous to your business – for example, the most used default options are “Most Relevant” or “Most Popular.” You should then allow visitors to reorder by options they prefer, such as best sellers, most expensive, most clicked on, newest, or highest rated. These options should be featured at the top of the navigation page. Once visitors pick a new order, you should remember their preference, to avoid frustrating them, and cause potential site abandonment.

3. Allow visitors to navigate throughout your site from
any page.
This may sound obvious, but visitors may enter your site
in different ways: from an Internet search engine, directly
from your homepage, from special offers or ads on another
website or from a link on a blog. It’s important to show
visitors where they have landed on your site, and allow
them to navigate to other pages without having to start on
your homepage, no matter which page they land on. Once
they’re on your site, provide a navigation bar and include
it on all the pages so visitors can easily browse from page
to page.

Allow visitors to navigate throughout your site from any page.

This may sound obvious, but visitors may enter your site in different ways: from an Internet search engine, directly from your homepage, from special offers or ads on another website or from a link on a blog. It’s important to show visitors where they have landed on your site, and allow them to navigate to other pages without having to start on your homepage, no matter which page they land on. Once they’re on your site, provide a navigation bar and include it on all the pages so visitors can easily browse from page to page.

Helpful Hints for Better Site Search & Navigation During the Holidays

Posted by geoffbDecember 3, 2009eCommerce, Navigation, Navigation Tips, Site Search, Site Search Tips

The busy holiday shopping season is already underway – but it’s not too late to make small improvements that will make it easier for shoppers to find their way around on your site, as well as see critical shipping and promotional messages that can impact their purchasing decisions. Below are some tips for ways you can help visitors find the items they seek more quickly and easily on your site – whether through your search box or by navigating their way around. With some minor tweaks here and there, and showing necessary information in site search results, you can capture higher conversions during the holidays and beyond.

  • Offer a gift finder – a gift finder is really a fancy way to provide a refinement option and helps customers shop for people on their lists by inputting various criteria (gender, price range, brand preferences, etc.) to narrow results to fit those specifications. Creating a gift finder on your home page – or on site search results pages – is fairly easy to do, as long as you know what refinement options you want to offer. Contact us if you need any guidance with this.
  • Be sure to include pricing and inventory levels in site search results (along with “add to cart”, video icons, reviews, etc.) – when people find an item they want to buy, it can be frustrating to put it in their shopping cart only to find out later in the purchasing process that the item is not available. Likewise, including the price in the site search results saves shoppers an extra click if the cost is not in their range. Offer as much detail in the site search results as possible – like an “add to cart” button (which can save shoppers an extra click), as well as icons to show the availability of a product video, and customer ratings and reviews. You can also offer ratings as a search results refinement option if people only want to see items with four stars or more, for example.
  • Make sure you don’t return “no results” pages – even if there are zero results for a particular term, showing “no results” can frustrate customers. Instead, offer alternate search terms, popular sellers or items that you’re promoting. They may not find exactly what they’re looking for but they may just find something else they’re equally interested in.
  • Show information about purchasing a gift card online in the search results – many retailers overlook this option but it’s a great way to give visitors another way to purchase from your site if they don’t see exactly what they seek. People don’t always think of purchasing a gift card online – and gift cards can actually be preferable to potentially duplicate gifts, items in the wrong size or gifts the recipient simply doesn’t want. Showing gift cards as an option in the site search results makes it really easy for people to make a purchase.
  • Got products that won’t ship/arrive to the recipient by Dec. 25? Be sure to make that clear in search results – Again, provide as much detail in search results as possible, without requiring customers to click through to the product page. Most likely if it’s not going to arrive by Dec. 25 they won’t be interested, so save them a step and let them know that important detail right away. Chances are they’ll appreciate the information and make a repeat visit to your site.

These are just a few fairly easy steps you can take to provide a better experience for your customers on your web site. If you have any questions about these or other recommendations, please email us at info@sli-systems.com.

Learning Navigation

Posted by Shaun RyanOctober 19, 2006eCommerce, Navigation, Navigation Tips, Press

This week we launched our Learning Navigation service. This is a natural extension to our Learning Search service. Learning Navigation makes it easier for your visitors to find what they’re looking for while they’re navigating your site because it brings the popular products to the top at all stages of the navigation.

We’ve designed the Learning Navigation with search engine optimization in mind:

  • The navigation pages have search engine friendly links – i.e. not too many parameters and there are useful keywords in the links themselves.
  • The navigational pages are easily crawlable – every valid combination of facets can be found by the spiders.
  • The navigation pages have meaningful titles that accurately describe the contents of the page.

    These are all fairly simple techniques which for some reason a lot of sites don’t follow. For example look at this URL from home depot (an Endeca customer):
    http://www.homedepot.com/prel80/HDUS/EN_US/diy_main/pg_diy.jsp?BV_SessionID=@@@@0696099881.1161203966@@@@&BV_EngineID=cccdaddjeejdfhdcgelceffdfgidglm.0&CNTTYPE=PROD_META&CNTKEY=misc/searchResults.jsp&MID=9876&N=2984+6633&pos=n10

    It’s frighteningly ugly and the page contains frames which makes it even more difficult for search engines. Home depot have had to create pages such as this so the search engines can index their content. This is a very bland page and should a person happen to find it when searching on Google I’m sure the conversion rate will be lower than it would be if this was their standard “Kids room” page (which is impossible to link to but here is an image). By making your navigation pages crawlable and search engine friendly you can eliminate the need to devise other schemes for getting your content indexed and the navigation pages themselves can rank well and serve as great landing pages.

  • Load More

    Stay up to date with SLI

    Featured Posts

    • Maximize Revenue with Enhanced Product Impact Testing
    • Top Five Ways to Prepare for Peak Season
    • Facets, Facets, Who’s Got the Facets?
    • Personalization: It’s Kind of a Big Deal
    • M is the New E: Mobile Commerce Trends and Predictions

    Categories

    About SLI Systems

    • What We Do
    • Who We Are
    • Why SLI

    Learn

    • Webinars
    • News Room
    • Events

    Connect

    © Copyright SLI Systems, 2018. All Rights Reserved | US: (866) 240-2812 | Legal