The Quick View window (a.k.a. Quick Look) is still a relatively rare feature of retail websites although it is rapidly gaining in popularity.  It basically works like this.  Quick View buttons appear as shoppers hover over product images on search or category pages.  When they click, a pop-up windows appears that displays more details about that product.  For some, the usability of this approach can be a bit cumbersome since the user must hover over an image to get the button to appear and then they must click on the button and not just the product photo which many often do.  To overcome these challenges, some retailers have placed their Quick View button below the product image so that it is always visible.

The Quick View window is designed to improve the online shopping experience by making it faster for customers to shop.  Anything to reduce the number of clicks to get an item into the cart is generally a good thing.  If a Quick View window can satisfy a curious shopper, it will save them a full page load of the product detail page and the click of a back button and another page load to return to their search results.  This can save a bunch of time and actually foster more curiosity in customers.

The simplest and perhaps earliest implementation of a Quick View window was likely designed to provide the shopper with a larger image of the product.  This is currently the experience that you find at Century Novelty in the example below.  The hover-over button that appears reads, “Larger view” and when clicked that’s exactly what you get.

>>>>

The next level of Quick View introduces a full product description.  In this example from Snow and Rock, you see a much larger product image and an embedded frame of product detail that you can scroll through.

In both of the examples above you are also presented with a link that will take you to the full product detail page.  However, what if your  curiosity was satisfied enough at this point to make a purchase decision?  Wouldn’t you want the ability to add the item to the cart right there?  Well, if you were shopping at Harry and David, you would be able to do just that.  You would also be able to select more than one if you like.

Now, if we hit the fast forward on functionality button we arrive at the Australia’s #1 site for surf and fashion, SurfStitch.  The Quick View window you see below is one of the most advanced I have seen.  In addition to all of the above, it gives shoppers the ability to see multiple views of a product, zoom in, see the available sizes, share on Facebook or Twitter, and look at related items.  There is so much content that they had to place the full product details behind a separate tab.

At this point, you may be wondering how else Quick View windows can satisfy a shopper’s curiosity.  Some of the other content you might want to include would be product ratings and reviews, views of available colors, and videos.  I have even seen “print this page” functionality and upsell promotions.  In this last example from Dr. David Williams, shoppers are presented with the options to increase their quantity to get a discount.

With everything you can do now in a Quick View window, is there really any reason to visit a product detail page?  What do you think?  Share your thoughts and ideas in the comments below.

If you’ve come across any others that you found to be helpful and informative, please feel free to post a link in the Comments.

Websites

Internet Retailer:  http://www.internetretailer.com/

Shop.org: http://www.shop.org/

Practical Ecommerce: http://www.practicalecommerce.com/

GetElastic Ecommerce Blog: http://www.getelastic.com

Multichannel Merchant: http://multichannelmerchant.com/

Search Engine Land: http://searchengineland.com/

Search Engine Watch: http://searchenginewatch.com/

Specific Articles:

“Retailers must cater to the time-harried shopper”  http://www.internetretailer.com/2012/02/21/retailers-must-cater-time-harried-shopper (Feb. 2012)

“Demystifying the Myths of SEO”  http://multichannelmerchant.com/seo/seo-myths-1115tpp9/index.html (Nov. 2011)

“Are You Losing Money With Poor Internal Site Search?”  http://searchengineland.com/are-you-losing-money-with-poor-internal-site-search-67345 (May 2011)

“Search Marketing Is A Game Of Resources”  http://searchengineland.com/search-marketing-is-a-game-of-resources-64260 (Feb. 2011)

“15 Things to Ask Your Site Search Vendor” http://www.getelastic.com/site-search-vendor-checklist/ (May 2010)

Various site search articles: http://search.practicalecommerce.com/search/keywords-site_search

“How To Choose The Right Site Search Solution”  http://searchengineland.com/how-to-choose-the-right-site-search-solution-41375 (May 2010)

For some retailers, the answer to these questions has been to let their customers decide.  Most retailers currently provide the option to view search results in a grid view or list view with the default generally being the grid view.  But now, some are expanding their grid view with choices for the number of columns.  In the example below from clothing retailer Boden, searchers are provided with four icons representing their view options.

The default is a five-column layout that includes product names, prices, and color swatches.

For those who want to see more items, Boden provides a six-column layout without any product information.  This works especially well for a clothing shoppers who want to browse lots of styles first.

For customers who want to browse even larger images, Boden provides a four-column layout with the product name, price, and color swatches.

The final option is a list view that includes a product description along with related searches.

From a usability perspective, I liked how Boden went with graphic icons to represent the different views instead of the typical “list view | grid view” text that most sites currently use.

This graphic icon approach can also be seen on the True Religion brand jeans store that uses icons represent either a three or four column layout.

If you like this idea but are not yet ready to abandon text labels, here is a hybrid approach from Kiddicare.com site that includes both text and graphic icons for search view controls.

One of the key takeaways I get from these examples is that site search can be an integral part of your strategies to provide a more personalized experience and one that is more empowering for customers. And being in control over every aspect of the shopping experience is exactly the sort of thing that today’s online shoppers crave.

If you have other ideas for how site search can put customers in charge, please post them in the comments below.

The simple question of if a product is in stock or not can be a handy bit of information to know when you serve up the results to a search query.  When someone asks to see what sort of handbags, drills or televisions you have, it makes good sense to show them your most popular items.  But, what if some of those items are sold out?  It’s going to be awfully hard to sell something you don’t have in stock.  With the knowledge of a product’s stock status, your search engine can be instructed to only display items in stock or give a higher rank to those that are in stock.  You can also give the shopper more control by making stock status a filter.

Knowing the stock status can also be used to inform shoppers on the search results page and spare them the disappointment of clicking through to a product detail page only to find that an item is out of stock.  A common way to reveal this information is by including the additional text of “In Stock” or “Out of Stock” somewhere in each product result.  In the example below, Folica places the stock status text next to their “Buy Now” button.  When an item is out of stock, they change the button to read “Out of Stock” and change the color to grey.  They even go a step further to indicate that an item has been discontinued.

Some retailers make it even easier to see what items are out of stock with bolder and more prominent messaging.  In this example from Wolferman’s they have gone with the phrase “SOLD OUT” and placed that directly over the product with an image overlay. One benefit to showing your out of stock items in this way is that can give buyers confidence that your products are of high quality and in demand.  It can also drive future demand of these items and create urgency to buy for those regular customers who see an hot item return to stock.

Another way to create urgency to buy would be to display a “Low Stock” message when items pass below a certain threshold. If the exact number of items is included in the data feed, a message such as “Hurry Only 7 Left” could be used.

For other retailers, the idea of showing any out of stock is completely unacceptable.  These retailers may turn their inventory quickly and know that most out of stock items are likely in transit or in the building waiting to be checked in.  They could also have the type of customer who has an immediate and specific need to fill that will simply look elsewhere when an item is out of stock.  For these retailers, the answer may be to display a “Please Call” message rather than an out of stock. This way, when the potential customer calls, they can check to see when the item is due to arrive or suggest an alternate product. This is the approach that SuperWarehouse takes in the example below and even conveniently displays their phone number to make it easy for customers to pick up the phone.

The question of stock status can get a bit more complicated for apparel retailers who stock multiple sizes of an item.  One of the best examples of this is with shoes.  To solve the problem of how to display the stock status on an item like this, outdoor gear retailer Snow and Rock presents the stock info in an small window that appears when shoppers hover over the “view” link.  The technology then uses AJAX to retrieve the stock status of each size of that item.  Loading this stock status on demand helps improve the load time of the initial search results.

Have you found other ways to use a products stock status or stock level to improve the customer experience and drive sales? If so, please share your thoughts in the comments section below.

A hybrid search / category landing page can feel more like a store within your store.  It can combine elements you would typically find on a category page like a large header graphic, copy that introduces the brand or category, related promotions, and featured sections.  It can also include more prominent filters to help shoppers quickly begin to narrow their results.

In the example below from sporting goods retailer Sports Unlimited, they have created a hybrid search / category page for the brand Under Armour.  Anyone who searches for “under armor” and sees this page will immediately know they have found the brand they were looking for.  They will also be able to quickly begin shopping by men, women or youth or shop by the type of gear they are looking for.  Seeing familiar Under Armour graphics for their heat gear along with a related image of those products is going to make getting there much easier than beginning to hunt through the refinement options in the navigation pane to the left.

For shoppers that don’t see what they are looking for in this top section or simply want to browse, the bottom half of the page will be filled with the most popular products from that brand or a selection of items that the merchandiser has decided to promote.  And, shoppers will still have all of the typical search refinements to explore and narrow down their selection.

To customize the format of the results further, the merchandiser could create a hybrid of a list view and grid view results page.  In the Under Armour example, that search result page would look like this.

With a hybrid search / category landing page, merchandisers can also quickly create a special selection of products to support a promotional idea or seasonal campaign without having to involve their web engineering or production team.  Once the initial hybrid template is created, all sorts of experiences can be built with just a few new graphics and copy. For example, when Abe’s of Maine wanted to create a gift guide that featured a special selection of products at different price points, they decided to create the hybrid search / category page below.

This gift guide includes prominent buttons for gift price points at the top of the page.  Once a shopper arrives at the gift guide, all they need to do is select the dollar amount they want to spend and they’ll be presented with ideas that were hand-selected by an Abe’s of Maine expert merchandiser. To include any product in a group, all the merchandiser had to do was tag those products with a keyword like “great_gifts_50″ and then pass that keyword in with the link to their site search engine.

As you can see, the design and layout of the pages that you can create with a hybrid search / category template is unlimited.  This gives merchandisers a great deal of flexibility to improve how they present products in order to improve the sales of their categories.

These pages can even help merchandisers improve the conversion rate from their paid advertising campaigns or email promotions.  For example, many paid search terms with good traffic are not ideally suited for a category page nor do they make sense for a specific product page.  This is where a hybrid page could provide the ideal balance between a branded experience and a search result page. The result being reduced bounce rates and improved sales conversion rates.

If you have more ideas for how a merchandiser can utilize a hybrid search / category landing page, please post them in the comments below.

In order to super charge your site search experience, you’ve got to get beyond the basics of tagging your products.  By basics I’m referring to those attributes which all products have in common such as a name, description, brand, and price.  Going beyond this means tagging your products with specific attributes that are unique to each type of product.  For instance, shirts are going to have different attributes than televisions.  Shirts will have attributes like gender, age group, material, style, and so on.  Then, any given style of shirt is going to come in different sizes and perhaps colors.

Another type of tag that can be extremely helpful for shoppers is one that describes the use of a product.  A downhill ski for example might be tagged as beginner, intermediate or advanced to identify the appropriate level of skier it is best suited for.  A bouquet of flowers could be tagged with phrases like mothers day or get well.  These product use tags can enable you to support a wide range of merchandising initiatives with landing pages built automatically by your search engine.

Examples of search filters based on product use:

Tags to indicate the status of a product can be a powerful tool for driving sales.  A tag that indicates if a product is new, on sale, or qualifies for free shipping can be used to power the display of graphic overlay flags or other graphic tags in your search results that will attract attention to those items.  Tags like top seller, staff pick or star ratings will help you merchandise products based on popularity.  An example of this type of tagging can be seen in the search results from sporting goods retailer Sports Unlimited.

Some retailers have even invited their customers to assist with tagging by providing the ability to add a tag on the product detail page or within the process of writing a product review.  This crowd-sourced tagging approach can be an extremely efficient way to supplement your product information with descriptive words that you might never have thought of to describe a product.  These terms can then be fed to your site search engine so it can return results based on the opinions of other customers.

When you combine this detailed product information with a powerful search engine, shoppers get an incredible tool for helping them compare products and narrow down what they ultimately want to buy.  Helping shoppers move more quickly through the consideration and preference stages of the customer buying cycles will drastically increase the chances of converting them into sales.

Stories like these certainly are great news for those retailers who have made the effort to produce videos and now have a growing library of video content to show their customers.  For those who have not made that investment yet, you now have plenty of evidence to make a strong business case for it.

For most retailers, their focus has been on producing quality videos and figuring out how to incorporate these videos into their product landing pages.  However, few of them have picked up on a little idea to get even more value from their video.  And that idea is to merchandise their video through their site search.

It’s been over two years since Shaun Ryan blogged about “Incorporating video into site search” where he showed an example from etrailer.com that included a tiny “TV” icon next to the caption of products that included video.  For many SLI Systems customers, this may have been the spark that got them to think creatively about how to merchandise their videos. As a result, we now have many more examples of the creative ways retailers can incorporate video into their site search results.

The evolution of the example from etrailer.com has been to include a video thumbnail into the search listing that includes video. In the example below from Cruiser Customizing, you can see a video thumbnail directly below the product image.

To enable customers to see this video quickly, Cruiser Customizing made this thumbnail an active link that starts playing the video over the search results when clicked.

A simpler and elegant way to show that a product contains a video can be seen in this example from Motorcycle Superstore.  They have included a field in their data feed to indicate the presence of a video.  Then, based on that information, SLI displays a graphic overlay above the product image with blue “Video” flag.

To make video an integral part of the search experience, some now show videos related to the search results is a separate section on the results page as well as behind a video tab.  In the example below from 24 Hour Fitness, this video results section appears below their page results.

An example of showing videos behind a tab can be seen below from the bead and jewelry supply retailer Artbeads.com.  These videos which show up in a search for “earring” are designed to help teach customers how to make jewelry.

If the thought of incorporating video into your site search results raises concerns about the time and technical resources you will need, you may be surprised to find out how easily it can be done.  For retailers like Artbeads.com who have created a large video library on YouTube, getting this content integrated into their site search was as simple as making a call to their SLI Client Services Manager and sharing the link to their YouTube page.  SLI is then able to crawl their YouTube page to gather all of the video content and ensure that new videos find their way into the search results automatically.

It’s exciting to see all of the creative ways retailers are now putting video to work in their site search and it will be interesting to see how this evolves in the coming years.  With the mass adoption of tablets, whose users have an even greater appetite for video, I’m sure we will begin to see an even greater penetration of video shown in the search results of tablet optimized e-commerce sites.

If you’ve seen a creative use of video in site search results, please share that with us in the comments below.

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.

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.

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.

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.

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.

Some products can be shown at a reduced size in search and still look fantastic.  However, there are plenty of times when we end up with a product image that simply doesn’t display well in our site search results.  This could be due to an poor image from the manufacturer or it could simply the nature of the product.  In this example below from Wooden Toddler Toys, we see a number of product images of block toys that contain many parts that are difficult to see. One image even includes some text that is almost impossible to read.

At this point, if the customer wants to get a better look, they would typically have to click through to the product page. However, thanks to having a hover-over capability, Wooden Toddler Toys customers can simply hold their mouse pointer over these images to display a larger version and get a better feel for the product.

In another example from ACandyStore.com, the first product you see in a search for chocolate includes an image of a product that contains multiple pieces that make it difficult to see exactly what you are getting.

Thanks to their hover-over capability, ACandyStore.com is able to show a larger product image along with a full description. This gives them the ability to see the product much better and learn more about it.

At this point, many customers would be ready to buy.  Fortunately, this hover window includes the capability for customers to select the type of chocolate, choose a quantity, and add the item into their shopping basket.  As you can see, a simple mouse-over hover window can do wonders for speeding up the identification and selection of products.

In addition to giving customers a closer look at your products, hover over windows can be a great way to display other important information that will help your customers make a buying decision.   If you have other important information about your products that you don’t want to display up front in your site search results for design reasons or lack of space, consider placing this information in a hover-over window.

Do you have a story about how a hover-over window improved your shopping experience or thoughts about the product information you would like to see in a hover-over window? If so, please let us know by posting a comment.

Dynamic search refinements go beyond basic filter criteria such as price or brand. They are comprised of specific product features and specifications. And, they only appear in the product categories where they are relevant. In this example from Wholesale Tool, when a customer begins his search for a drill, he is presented with a relatively small list of refinements including category, origin and price range. Then, as he narrows the selection down to the “Air Tools” category, he is presented with many more refinements that are specific to the available air tools. This includes product specifications like the type of air inlet, average air consumption, RPM, and net weight.

Refinements for “Drill”	Refinements After Selecting “Air Tools”

These search refinements change dynamically based on the product category that is selected. If the customer decides he wants to look at bits for his new drill, the refinements change to include things like size, type, flute length, diameter, and more. And, with over 200 types of drill bits to choose from, you can see how helpful this would be for a customer who was only interested in drill bits that had a flute length of 1-3/4 inches. Selecting that would quickly narrow the list of choices down to just five.

Another helpful feature is that the refinement groups are sticky. Thus, the customer can select one brand of drill bits and then narrow the selection further to a specific size of drill bit from that brand. Using dynamic search refinements also helps you improve usability by minimizing the filter options early in the search and ensuring that they only expand with options that are relevant to the product category of interest.

When your product catalog includes items that have features and specifications that are important buying criteria for your customers, consider implementing dynamic search refinements to improve their site search experience.