RIP Google Website Optimizer

This month we wrote a guest post on a local Edmonton Real Estate Blog on the recent announcement of Google retiring Google Website Optimizer. This will be happening on August 1st, 2012. Since we are avid Split Testers, we wanted to review the change to move GWO into Google Analytics under the name Google Content Experiments.

You can read our full guest post to see how Google Content Experiments stacks up against the soon to be gone Google Website Optimizer.

Here is a little teaser:

Earlier this month, Google announced that it is retiring Google Website Optimizer as of August 1st 2012. For avid split testers, this wasn’t a surprising move by Google. Google Website Optimizer hasn’t evolved quite the same way as google analytics, and was at times tricky to work with as it required a technical knowledge to run.

For myself, saying goodbye to Google Website Optimizer is like parting with an old friend.  Being a graphic designer who eventually worked his way into online marketing, I got my first taste into how powerful graphic design can be with Google Website Optimizer. I tested different identity systems against each other, and the results helped me to become who I am today.

All hope isn’t lost however. Google announced that it is replacing Google Website Optimizer with the launch of Content Experiments, a split-testing feature within Google Analytics. So what does this mean for marketers? How do the tools compare?

Read our full guest post: RIP Google Website Optimizer.

CRO Tips Part 2: 5 Ways to Gain Control of Your Eye path

Most graphic designers already have a working knowledge on how to control an eye path. It’s taught as foundational principle in many design schools. One problem however is that there are several schools of thought on organizing the eye path. I’ve read about some experts who think the best approach is to keep your eye path as straight as possible. Others tend to think that having a ‘z’ eye path (similar to how we read) is the more natural and eye friendly approach.

From my experience with graphic design optimization, I find that keeping it in a simple straight line is works, however it’s not always the best. An eyepath can be controlled using several elements, and if you focus intensity on an item, the eye will be drawn towards it. It’s all a matter of understanding your eye path and using elements to control it.

How to analyze your existing eye path

To begin optimizing a page’s eye path, treat the existing page as a subconscious map. Try replacing your copy with lorem ipsum. Without having to think or search, you should successfully be able to navigate through the page, without missing any key details or sections. Headlines, column headings, lists and even info graphics should be able to explain why a user should commit their time on the site or pay attention to a section of content. If you don’t see important selling points, you should re-evaluate your page.

5 Ways to gain control of your eye path

To gain control of your eye path, it’s key to understand the following 5 key principles to draw attention.

Size

In relation to other elements on the page, larger items dominate the eyepath compared to smaller items.

Color & Contrast

Increasing the amount of contrast of an element can raise the attention brought to that element.

Shape

Adjusting the shape of an object or a section can bring attention.

Position in relation to whitespace

By isolating an element or using whitespace you can transform it into a focal point.

Motion/Video

Adding motion is one the strongest way to grab your user’s attention. This can be done by incorporating a YouTube video, or possibly using jquery to building rotating images.

CRO Tips Part 1: Don’t over clutter the area Above the Fold

Graphic designers often have a bad reputation when it comes to conversions. One of my favourite quotes to demonstrate this point is from Tim Ash. Tim claims one of the easiest ways to improve conversions is to “Shoot your graphic designer in the head”.

As a graphic designer, this quote is the reason I lock my door at night. But as a web marketer, I completely understand this frustration. Graphic designers tend to consider themselves as creative, and tend to go overboard to make their work standout, and reflect who their personality. Plus, it’s more entertaining than just “production work” .

As a result, I’ve created a list of graphic design rules for conversions that I will be featuring. I will be posting them one at a time to give you time to adjust your page, and test out these rules one at a time to get a result.

It’s important to remember that like every other graphic design rule, take it with a grain of salt. Websites are delicate, and although these rules may work for some elements, it may conflict with others or may mess what’s working on your page right now. Keep in mind that you should always split test any changes to your site and that you’re only limited by your imagination.

Part 1: Don’t over clutter the area Above the Fold

As a graphic designer, we all have horror stories of bad clients. My horror story has to deal with a stubborn client who wanted to keep “everything above the fold”.

This included:

  • A money-back guarantee
  • Free shipping notice
  • Headline
  • Unique sales proposition
  • Video
  • 5 selling points
  • Savings calculator
  • Contact form
  • Warranty information
  • Incentive to buy
  • Navigation bar
  • and a live chat button

Despite my attempts to rationalize with the client, the amount of information they wanted above the fold started a competition for eye traffic. Some users saw the savings calculator, while others saw the video, but none grasped all the elements, or the complete story of the company. Even worse, the headline had to be shrunk so small, that nobody saw the unique value proposition.

Consider your above the fold as a 5 second movie trailer to your company. On a good landing page, your above the fold should clearly answer three things within 5 seconds:

  1. “where am I”
  2. “what can I do here”
  3. and “why should I do it?”

2 of these points (where am I, and why should I do) can be answered within a strong headline that states the value proposition. For Example “With over 32,000 international moves a year, XYZ moving company is your destination for large scale moves. Who being XYZ moving, and why, because of their experience.

The 3rd third point (what can I do here) I typically place on a call to action above the fold, as it typically solves what you can do on the site, and typically sums up the metric of a conversion. “Click here to book your move” or “Click here to download your ebook” as an example.

Summary

The website nightmare I faced could have been easily fixed by establishing an eyepath that encouraged the user down the page, where the rest of the information could have been placed. Although having a promising product, sadly the company’s online sales were less than expected.

  1. Contact us today to see how we can help with your next project or to get a free quote.