An Expensive E-Commerce Game: Product Page Roulette

Like so many online shoppers, we sometimes have trouble making buying decisions here at Conversion Sciences. However, most online shoppers don’t have access to the special tools we have here in the lab. This is a story about how we used our optimization tools to tell us which website we should buy from.

There are some important lessons here for you if you work on an e-commerce site.

Roulette is a game of chance. Your product pages shouldn’t be a game of chance. Product Page Roulette is a geeky game we invented to tell us which sites are gambling and which are changing the odds by testing.

Let me give you some background. We are the Crime Scene Investigators of e-commerce websites. We have access to a variety of cool decision-making tools in our lab. As in an episode of CSI, these tools help us find evidence of visitor dissatisfaction, extract the key insights, and test for opportunities to increase revenue.

Our newest Conversion-Scientist-in-Training prefers to work at a standing desk, and this sounded like something we all should consider doing. (We need to fit into our lab coats.) So, she went on the hunt for standing desks.

She summarized her findings in a to-the-point email. That’s the way we roll here.

Option 1: $298, 42"

Option 2: $607.92, 47.60" x 23.50" x 50.6"

Option 3: $379.99, 42"

 

The links took us to these product pages:

Product Page Roulette National Business Furniture Product Page Roulette Rakuten Product Page Roulette World Market
These are the product pages of the desks we liked best. Click to enlarge.

Now, none of us in the conversion lab are experts in the selection of stand up desks, and so we found ourselves with a paralysis of choice.

Finance liked Option 1 for obvious reasons. It had the lowest price.

HR liked Option 2 because of its flexibility.

Design liked Option 3 because it was “kind of Steam Punk.”

The developers were happy with their chairs and ignored the discussion.

Eye-Tracking Simulators

Choice is often an e-commerce conversion killer. When the marketplace offers a spectrum of prices and a spectrum of features for a product, visitors (and scientists) can become paralyzed. This is where the less logical aspects of the purchase decision will gain influence. The site that is easiest to understand, that presents key information most clearly, or that simply feels more friendly, will win the business.

Instead of giving in to our emotions, we decided to collect some data. We wanted to know which site was most likely to be picked by a typical human. We clearly aren’t typical humans.

To estimate which page is most likely to be a visitors’ choice, we used one of the tools we keep in our digital lab, an eye-tracking simulator.

Eye-tracking studies use special hardware and software to track where on a page their test subjects are looking. The process is time-consuming, and the equipment can be expensive.

Eye-tracking simulators estimate what an eye-tracking study would tell us without all of the time and expense. These tools look for features that tend to get the attention of the human eye. Contrast, images and white space are just some of the things taken into consideration.

We had some credits due to expire at Feng-GUI (are these credits really perishable?!). We decided that the page that Feng-GUI predicted would perform the best would be the winner of our dollars. Your visitors are voting on your website with their dollars, and so will we.

Product Page Roulette was invented.

Product Page Roulette

Product pages are the pages that generate a key e-commerce action: Add to Cart. Clearly, product pages are very important to the success of such sites.

We captured the top 687 pixels of each product page and put the images through the eye-tracking simulator. We chose 687 pixels because this is the amount of the page that a typical visitor might see in their browser. Some will see less, others will see more.

Here are the results:

National Business Furniture Heatmap Rakuten Heat Map World Market Heatmap
Eye-tracking simulators tell us which parts of a page get the visitors’ attention in the first few seconds of a visit. Click to enlarge.

It looks like there are storms moving across these pages, but the red, yellow and green areas are estimating attention, not rain. The red and yellow areas show where a visitor’s eyes would spend the most time in the first few seconds of their visit. Green defines lighter areas of attention. Parts of the page with no color are probably not being seen in these crucial early seconds.

This doesn’t tell us who the winner is. However, when we combine these reports with what we know about effective product pages, we can discern our winner.

What To Look For In A Product Page

The job of the product page is to provide everything the visitor needs to make the decision to “Add to Cart.”

Product Images

The page should draw their eye to the product image.

Video gets the attention in this product image Lots of attention on this image. Light attention on this image
Product images work best when they draw the eye.

Images are usually magnetic to the eye, and all three got some attention to the image. National Business Furniture made good use of badging (“Take 10% off”). However, the “Watch Video” logo on the site competed with their product image. It had better be a good video.

Pricing & Relative Pricing

The page needs to provide pricing clearly. If the product is discounted, it should be clear.

National product page pricing block Rakuten product page pricing block World Market product page pricing block
The pricing block of a product page gives the details of the purchase.

None of the pages got much attention paid to their price blocks. National and Rakuten included a crossed-out list price to highlight their discounted price. World Market goes for simplicity.

Shipping, Tax & Specials For This Product

The pages must answer questions of final cost. When product pages don’t, they generate high abandonment rates in the cart. People will add something to the cart and start the checkout process just to find out what the final bill will be.

National Furniture product page shipping block Rakuten Shipping Block World Market Shipping Block
The details of shipping and specials should be addressed before the cart.

Rakuten got a great deal of attention to their Free Shipping icon. It’s done in a unique color. However, above that it says, “12 new from $607.92.” So, what’s the real price?

Attention fell on World Market’s “Save 25% on all furniture” banner. They disclose their $35 delivery surcharge right next to the Add to Cart button. This may be a negative for some visitors, but this is probably reducing their cart abandonment rates. If something is material to the purchase, even if it’s “bad news,” don’t hide it.

Trust & Proof

The page should communicate that the business is safe to buy from. Logos, guarantees, return policies, ratings and reviews communicate safety.

National Trust and Proof block Rakuten trust and proof World Market Trust and Proof
Credibility comes from your brand, from other brands and from the opinion of others.

National nails it with bright-red stars and a link to reviews. However, the red-on-tan stars clearly don’t draw much attention. Rakuten does little to highlight their return policy, so it is probably missed by visitors.

World Market plays on the brand recognition they get from their retail stores to establish trust. Their logo is the only red thing on the page and clearly draws attention of visitors. Do you have a competitor with a familiar brand? It is an advantage.

The Add To Cart Button

The call-to-action plants the idea in the visitor’s mind that they should do something. Thus, pages with high conversion rates make this one of the most visible items on their pages.

National Add to Cart Button Rakuten Add to Cart Button World Market Add to Cart Button
Visitors should never have to search for the Add to Cart button.

The Add to Cart button on the World Market product page sucked attention to it. It’s raining hard on that button. Their use of white space made their call-to-action button jump off the page.

Rakuten places their Add to Cart button on a gray background, ensuring it fades into the digital woodwork. National buries the button at the bottom of the page (and below the fold for many viewers).

And The Winner Is….

In our analysis, World Market did the best job of getting attention to the key parts of their product page: the product image, trust symbols, and the all-important Add to Cart button. The placement of a sale banner in the middle of the page is unusual, in our experience, but seems to be working for them in the attention department.

Most of the attention on National’s page went to a button featuring a product video and the image of a related product. Video may indeed be an advantage for them, but they missed on almost all of the fundamentals.

Rakuten may have scored better if they didn’t have such a distracting left sidebar. Their product image definitely gets noticed, but their call to action does not.

Why World Market Is Winning

With a little detective work (which is what we do) we found a clue to World Market’s apparent success.

They optimize their pages for conversion.

Using some Spy Equipment from our lab, an extension called Ghostery, we found that World Market had Crazy Egg and Optimizely installed on their site. These are great optimization tools.

(You really should go check on your competitors’ sites with Ghostery. Like, now.)

Crazy Egg tracks where people are clicking on any page, and also reports how far visitors are scrolling down a page.

Optimizely is a split testing tool. It allows World Market to try out changes on visitors and see which changes generate the most revenue.

If we assume World Market is actively using these tools, we might infer that the elements of their winning page were identified during their optimization efforts. We would also expect them to have a higher conversion rate and to be earning more revenue-per-visitor than their competitors.

What’s on your website?

A Word About Eye-Tracking Simulators

In fairness, the eye-tracking simulator we used simulates what your visitors find in the first few seconds of their visit. While it has proven to be a valid measure of page effectiveness, it does not predict conversion rate.

It is entirely possible that World Market has the lowest revenue-per-visit (RPV) of all of these choices. If that’s true, it won’t be for long if they are using their testing software.

If you’re not testing your e-commerce product pages, you’re playing Product Page Roulette with your competitors. It can be an expensive game. There are tools available that can predict how visitors will behave when they visit your e-commerce product pages. If you can win at the game, your e-commerce business will win the revenue game.

Opinions expressed in the article are those of the guest author and not necessarily Marketing Land.

Related Topics: Analytics | Analytics & Marketing Column | Channel: Analytics | Conversion Rate Optimization | E-Commerce

Sponsored


About The Author: is the Conversion Scientist at Conversion Sciences and author of Your Customer Creation Equation: Unexpected Website Forumulas of The Conversion Scientist. Follow Brian at The Conversion Scientist blog and on Twitter @bmassey



Sign Up To Get This Newsletter Via Email:  


Share

Other ways to share:

Read before commenting! We welcome constructive comments and allow any that meet our common sense criteria. This means being respectful and polite to others. It means providing helpful information that contributes to a story or discussion. It means leaving links only that substantially add further to a discussion. Comments using foul language, being disrespectful to others or otherwise violating what we believe are common sense standards of discussion will be deleted. You can read more about our comments policy here.
  • Joe Preston

    Surely the designers liked option 3 – that’s the steampunk one.

  • http://conversionscientist.com Brian Massey

    Listen to the audio version of Product Page Roulette: http://conversci.com/5et5

  • http://conversionscientist.com Brian Massey

    Yes indeed. Should be fixed shortly.

  • http://www.websiteoptimizers.com/ Tom Bowen

    Glad you’re encouraging Revenue Per Visitor over things like plain old conversion rate, but not totally discounting conversion rate (still an important metric, just not AS important in my book). And what’s the deal with expiring credits? I agree with you there. They got our money. Why do they care if we use them now or later? UserTesting.com is the same way–the only negative thing I know of with them.

    Good article as usual Brian.

  • http://www.altaresources.com/ Cory Grassell

    Great article. And now for my pet peeve, relative to your “Pricing and Relative Pricing” point: I hate when e-retailers slash their prices but include “View Price in Cart.” This is tedious and means I have to click “Add to Cart,” just to see what the pricing is. More often than not, I remove the item from my cart anyway because I was just curious about the price. Still too often, I leave the site because I don’t want to have to “work” for pricing.

  • http://conversionscientist.com Brian Massey

    Revenue per Visitor (and revenue per click and revenue per recipient) are hard to calculate, so too many marketers punt on these metrics. There’s just too much evidence that CR and CTR aren’t good predictors of success. As marketers become more analytics-savvy, this will change. (http://marketingland.com/marketing-power-processes-tracking-email-to-the-dollars-64604) Until then, hire a scientist.

    The expiring credits seem to be an industry starndard. AttentionWizard (http://attentionwizard.com), a Feng-GUI competitor also has expiring credits. It’s not milk.

  • http://conversionscientist.com Brian Massey

    Psychologically speaking, the view-in-cart action may increase purchase rates. It’s a clear way to move forward for the visitor and may count as a win in their lizard brain. Clearly not for you.

    The call to action text can make all the difference. “View price in cart” is different from “Add to Cart”. Both result in the same outcome, but viewing a price is a lower level of commitment than adding a product to the cart for purchase. Lower commitment may lead to higher abandonment rates. I wouldn’t know which to bet on, but I’d love to test this.

    Can you recall any specific URLs that use this technique?

 

Get Our News, Everywhere!

Daily Email:

Follow Marketing Land on Twitter @marketingland Like Marketing Land on Facebook Follow Marketing Land on Google+ Subscribe to Our Feed! Join our LinkedIn Group Check out our Tumblr! See us on Pinterest

 
 

Click to watch SMX conference video

Join us at one of our SMX or MarTech events:

United States

Europe

Australia & China

Learn more about: SMX | MarTech


Free Daily Marketing News!

Marketing Day is a once-per-day newsletter update - sign up below and get the news delivered to you!