Why Exciting Sucks for e-Commerce Conversions

Posted by Martin Greif | Comments

Tags: ,


why exciting sucks for ecommerce conversions

As mobile devices became popular, so too did responsive web design and mobile versions of web sites.

And that’s a great thing - people shouldn’t have to choose between laptops and smart phones when consuming content.

You should absolutely try to get good at both - after all, people will decide to consume your content however they see fit.

That said, responsive web design and mobile versions of web sites aren’t the only design offshoots of the mobile age - pointless pizzazz seems to be back in vogue. Now, we have the rise of ghost buttons, video landing pages, centered logos, masonry layout for e-Commerce sites, and a whole range of other poor design choices that snuck in on the back of mobile-ready sites.

The idea is that they make web sites “exciting again.”

Here’s the thing - when web sites were starting out, people tried to make them exciting.

  • We had “splash” landing pages, the page that we forced the user to visit before the actual home page, wasting a ton of time
  • We basically massacred readability by doing weird things with text - scrolling text, blinking text, and text superimposed against images where you can barely see them

Somewhere down the line, we stopped doing those macabre things, and instead of trying to be “exciting,” we tried to be “effective.” As a result, people got more done on the web.

Now, however, “exciting” is a thing again, a Trojan horse powered in large part by executives who like things shiny.

Let’s go through the reasons making e-Commerce web sites “exciting” is a bad idea.

1. The first thing users do is get oriented

Consult almost any eye-tracking study, and you’ll see very similar patterns emerge. Things usually happen in this order:

  • People attempt to get the lay of the land
  • People scan a particular “type” of element that supports their given task
  • People click on what they need, or move into “focused reading” mode

Your job here is to make it quick and painless for them to transition into the mode they need to get into to get the job done.

On a “predictable” site, that transition is seamless:

  • If they landed from a search engine, they can quickly glance at the logo at the upper left to verify they are in the right place
  • When they need to scan the categories, the main categories are taking up most of the real estate

Now, on an “exciting” site, that transition can be … painful:

  • If they landed from a search engine, they can quickly glance at the logo at the upper left and find a big wad of nothing, because your logo is centered
  • When they need to scan the categories, the main categories are hidden, because a video is playing on repeat, with a ghost button on top of it

centered logo example hellomerch

The company logo missing from the upper-left corner is just one of usability issues on Hello Merch's home page. Top-level navigation options, despite the large real estate, are hidden under the hamburger icon, which is also placed in an unconventional location. 

2. Users should be able to operate your site on auto-pilot

Think about most of the activities you do daily - eating breakfast, brushing your teeth, heading to work. A significant chunk of your daily routine, you can probably do with minimal thought, right? In web parlance, that’s low cognitive load.

Now, without using any device, try and divide 437 by 19. Very different, right? You get a jolt, and you know you should switch from auto-pilot to manual controls. You can do it, but you’re now very actively thinking about what you’re doing. That’s high cognitive load.

When you’re selling something online, high cognitive load is death:

  • People will only process whether your offer is good enough, not how to get to your offer
  • You want users to get to the thing they need easily, without thinking about it, because that means getting a higher number of visitors you can convert
  • Every distraction is a chance to lose people

Now, think about what being “exciting” can entail:

  • Your video takes time to mentally process, and visitors can leave in the process
  • Your ghost button has low readability, and some users will not know how to pick up the information scent to get to the product they need

If people can’t use your web site easily, they can’t use it, period. Being fancy is too much of a trade-off against being usable.

pdp breaking convention example herschel

Users might have a hard time locating the 'Add to Cart' button on Herschel Supply Co.'s product detail page, as it breaks predictability. Web visitors expect the product image to be on the right and the call-to-action block to be on the left side of the page.

3. Users spend a ton of time on other web sites

When users attempt to get oriented on your web site, they don’t do that in a vacuum. They’re taking years of experience with them using other web sites. Those years teach them things like conventions, which are essentially shortcuts to getting to some place, efficiently.

Your logo at the top left that leads back to the home page, the primary navigation near the top of the web site, the grid categories built for easy scanning, the quick links to other places at the web site footer - they are not discovering that from your web site, they have learned that from years of seeing conventions.

Now, think about what happens to e-Commerce sites that use minor things like a masonry layout on category pages, a video on repeat at the home page:

  • Conventions have taught users to scan the home page to get where they need to next, only to find that they need to process the information at your speed instead of theirs, with some of them leaving rather than going to a primary navigation element - but your site might be slightly more impressive at first glance
  • Years of web navigation have taught users to scan for similar information on a grid, and your uneven layout is going to get them to struggle to get to the page they need - but they might be slightly impressed that you have one impressive large image surrounded by an army of smaller ones

masonry layout example plyroom

The mansory layout on Plyroom.com.au makes it difficult to compare navigation elements. 

Putting It All Together

There’s room for some pizzazz on the web. If people aren’t on a focused, task-based path, the masonry layout might be a good way to randomly scan interesting things. If people are just looking at sites for inspiration, the video on repeat might just be worth sitting through.

For task-based places like eCommerce sites, though, it’s usually best to stay away from pizzazz built for the sake of pizzazz. If you help users get oriented on your site, follow conventions, and allow people to navigate on auto-pilot, your executive team’s excitement will likely come not from the pages themselves, but from your conversion figures.

'Want to optimize your conversion funnel but don't know where to start? Find out how we can help you with conversion rate optimization

 

Recent Blog Posts:

Using Cialdini’s Persuasion Principles to Test Your Page

Posted by Robyn Benensohn | Comments

When a lot of people think of split tests, they usually think about changing the headline of a page or the color of the call-to-action (CTA). There’s room for those tests in the overall scheme of things, but testing is so much broader than that.

comments | Read the full post

Catch Tim Ash at Content Marketing Conference 2017

Posted by Alexander Svensson | Comments

If you’re attending the 3rd Annual Content Marketing Conference and Expo, be sure to catch SiteTuners CEO Tim Ash as he conducts a crash course on CRO and keynotes on ending the rift between marketing departments.

comments | Read the full post

10 Techniques to Make Pricing More Appealing

Posted by Tim Ash | Comments

The human brain hasn’t evolved in about 50,000 years. We still use the same brain hardware our ancestors used as hunter gatherers with finite resources, so we feel loss acutely.

comments | Read the full post

Tim Ash to Keynote LeadsCon Las Vegas 2017

Posted by Alexander Svensson | Comments

SiteTuners CEO Tim Ash will deliver the closing keynote at LeadsCon Las Vegas, where he’ll also be conducting a half-day CRO workshop and talking about mobile conversion in one of the sessions.

comments | Read the full post

How to Design Web Pages for Conversion

Posted by Alexander Svensson | Comments

Not every page is designed to convert. Your home page is basically a sign post to other locations. Your category page is the crossroad on a path somewhere. Your product detail pages and your ad landing pages, however, are there to convince people you’re worth closing the deal with.

comments | Read the full post

5 Web Navigation Mistakes That Are Costing You Conversions

Posted by Martin Greif | Comments

If visitors can’t find it, then it doesn’t exist.

comments | Read the full post

3 Essential Usability Tips for 2017

Posted by Robyn Benensohn | Comments

Early in the year is a good time to step back from the crazy rush of quarterly reports, hitting all the required conversion metrics for the year, and just … SEEING if the web site works.

comments | Read the full post

9 Things Online Marketers Need to Know About the Brain

Posted by Tim Ash | Comments

People like to think they’re rational creatures. But they’re really not.

comments | Read the full post

FREE Webinar -The 3 Most Important Questions Every Landing Page Must Answer to Get More Conversions

Posted by Alexander Svensson | Comments

Raise your landing page optimization game before the year ends.

comments | Read the full post