A/B testing works… sometimes.
But more often than not, you’re simply “moving deck chairs around the Titanic” as Larry Kim puts it (making small changes that only generate small returns).
Instead, the ‘unicorns’ – or the A/B tests regularly topping 10% conversions – are focused on overhauling their offers and restructuring the flows and funnels through their website.
Here’s the step-by-step process my company used to optimize a website’s user flow to deliver 166% increase in leads after three months.
Why A/B Testing Isn’t Always That Great
A/B tests are awesome in theory.
You barely have to lift a mental muscle in deciding whether a green button sounds better than an orange one.
Early results look promising? Awesome. Brag to your boss and cue case study article for Inbound.org.
Unfortunately, there are a few problems with A/B tests.
First is that “tiny changes” often lead to “tiny results” (if any), and more commonly regress back to the mean, according to Larry Kim’s data of over $3 billion in annual ad spend.
Then you’ve got an issue with volume.
Half of the people reading this have probably been ruled out just based on those requirements alone.
But there’s still one more thing…
A/B tests fail to deliver significant results most of the time.
They habitually over-prioritize surface level changes, without the research and analysis behind it that inform what should be tested in the first place.
You end up obsessing over a tiny piece of the overall conversion process, while neglecting the broader context of what happens before and after people see that little button color variation.
Instead of obsessing over which minuscule test to run next, the ‘unicorns’ topping 10% conversion rates are playing a different game.
Rather than chasing the one elusive change (out of a hundred) that will move the needle, they’re focused more on improving the entire user flow or journey.
How User Flow Optimization Works
One of the first steps when sitting down to brainstorm a new site design is determining how user flows, paths, or funnels will work.
This critical step will influence interactions and use; as opposed to just designing pretty pictures in a vacuum.
It will dictate your information architecture, or reorganize the current one once you figure out the different paths people will use to buy things on your site.
Function, after all, is what you pay the big bucks for on custom design and development.
What’s commonly lost though (or glossed over) is the thought-process behind how those aesthetically-pleasing pages fit together.
User flows already exist on your website. They just might be inadvertent (and ineffective) ones.
They’re there; haphazardly forcing people from one step to the next in a jumbled mess. And they’re often sabotaging your conversion rates as a result.
In an ideal world, you want to streamline a visitor’s experience to help them find what they’re looking for on your site faster and easier.
It’s a delicate balancing act though, where sometimes the best customers are repeat visitors (and not the ones who convert immediately).
So you want to build out a series of connected offers, campaigns, pages, and sequences for visitors who’ll come back over time, tying them in with where a session starts from (like the page and channel).
For example, the homepage is ground zero in most companies, where every department and director wants their own piece of the pie. That’s why everyone settles on a nice carousel slider (that your competitor no doubt also has), despite the fact that they suck for both experience and conversions.
But many times, when you start looking at user flows, you’ll notice that many people don’t even use the homepage. They’re going from a PPC campaign direct to a landing page. Or they’re Googling some commercial keyword and ending up on a product page.
Whatever the case, you have different visitors using different ways to (hopefully) end up at the same place: your Checkout, Sign Up, or Quote Request page.
Here’s How to Analyze Your Own Website’s User Flow
Improving your message match is one of the best ways to increase conversions on an ad campaign. It links together what people are looking for, with the ad they see, and the content on the landing page they hit.
Optimizing user flow is the same, except you’re extending this process into every step someone takes through your website, linking one page or follow-up email to the one that preceded it.
Here is an abbreviated, cliff-notes style outline that focuses on the high points.
Step #1. Determine Where Users Are Coming From (to Understand What They’re Looking For)
Multi-event, multi-device journeys are becoming the norm.
People bounce around using different channels along their customer journey, increasing awareness and evaluating their options prior to purchase.
Google’s Customer Journey to Online Purchase tool visually depicts this, showing how people will use different online promotional channels at different points in time.
That means, the specific method someone is using to arrive at your site can tell you a lot about who they are and what they’re looking for.
The easiest place to start is inside your own Google Analytics with the Sources / Mediums sending you traffic. Here’s what one client’s data looked like.
So far we can see that a large percentage of their visits are coming from Organic Google searches, Direct, and some Paid Searches as well.
You can then cross-reference this with looking at which pages these people are going to (or how they’re flowing through the site) to get a better understanding of what they’re doing (e.g. what they’re typing into Google) to reach your site for the first time.
We’ve barely scratched the surface, and yet we’ve already been able to uncover a bunch about this website. Specifically, we can identify two primary segments of traffic:
- Most of the visitors are already ‘brand aware’; visiting directly or doing branded searches as evidenced by the majority of people going straight to the homepage, about page, and product/service pages. (Whereas one of the main benefits of creating a blog, for example, is to talk about ‘unbranded’ topics that bring in new people who haven’t heard of you yet.)
- The second group of people are coming through a paid search campaign and going directly to a landing page. This one’s easy and straightforward.
Great. Now what?
Let’s see what people do once they’re on the site.
Step #2. Analyze What’s Working (or Not) With Current Pages
Now that you know where people are coming from, what they’re looking for, and where they’re going, you can start to re-create what each segment’s current user flow might look like on your website.
This includes all the ‘micro-conversions’ or small interactions and follow-ups that people see when jumping from one page or opt-in to the next.
Seeing this laid out visually helps you spot the obvious problem areas or bottlenecks that might happen from one transition to the next.
For example, lead nurturing is a common missing component.
When instead, you’d be better off creating a follow-up drip campaign that educates and nurtures these new leads.
But now you can quickly spot an issue like this and take action, coming up with possible solutions like using a Facebook ads CRM sync that will automatically add news leads to a workflow in MailChimp, Infusionsoft, HubSpot, etc.
After compiling these user flow steps, you can start to dive deep into each individual one within the process to analyze how users are interacting with each page, what’s working well, and what’s not.
This is where CrazyEgg is worth its weight in gold. Literally. Being armed with compelling visuals helps make your case to clients and bosses better than any boring research report.
Here’s a few examples.
That long homepage jammed-pack with every department’s feedback? No one’s reading it.
How do you know? The Scrollmap tells you so.
White hot is good, while deep ocean blue is not — illustrating that in this example no one goes below the fold.
One possible reason? There are too many options and distractions!
The Overlay feature can show you how people are interacting with a page, and where the majority of clicks are happening. This example below shows the abundance of places people are on the homepage.
While your homepage can get by resembling an air-traffic controller, directing people from one stop to the next, that’s definitely not a good sign for internal product or service pages.
Step 3. Analyze Conversion Opt-In & Follow-Up Sequence
If design is how something works, your landing page design depends on if people are clicking on your CTAs.
Landing pages should have a specific goal or objective in mind. Sometimes that’s adding it to the cart, while others it’s to begin filling out a form.
What you don’t want here, is chaos.
The heatmap example above shows page interaction and clicks all over the screen. There’s no focus, and it leads you to believe that this page’s design is unclear and incoherent. Users aren’t sure what they’re supposed to do next. So the vast majority of them go back up to the Nav bar and go somewhere else.
Contrast that now with the click distribution of another landing page. Where the previous example would show too much parity between elements, on conversion-focused pages you want one or two CTA-elements to have a monopoly of interaction.
The overwhelming majority of people are clicking on your page’s primary CTA?
You’re on the right path.
The key though is to make sure you’ve done all the previous work up to this point, because that’s what influences your decisions.
For example, sometimes you want the form on a landing page to be nice and short, so you generate as many ‘top of the funnel’ leads as possible. However other times you want it to be long and detailed, so only the most qualified ‘bottom of the funnel’ leads get through. This example below is the former.
The context for making this call comes from knowing where these people are coming from (step 1 above), and where this page is showing up in the overall funnel (step 2 above).
From there, you can continue scrutinizing each additional interaction or ‘touch’ someone has with your brand, down to the follow-up email notifications and ‘thank you’ confirmation pages, to make sure that you’re aligning not just design but the entire customer experience.
Landing page optimization techniques like A/B testing get all the headlines.
But it’s only a small component of the overall conversion optimization process or practice.
They’re also relatively high-risk, low-reward too.
They take a ton of time, they require a ton of volume, and they commonly deliver only minuscule results that can eventually go back to being just ‘average’.
In reality, conversion optimization is about improving the entire customer flow, optimizing each step and micro-conversion along the way.
These user flows are already playing out on your website, whether they were deliberately set-up or not.
Focusing the bulk of your conversion efforts here can not only deliver ‘big wins’ in comparison, but they can also deliver more consistent and predictable wins too.
About The Author:
*Featured Image Source
Latest posts by Today's Eggspert (see all)
- A 4-Point CRO Checklist to Give to Your Web Designers - January 4, 2019
- Differences Between Lead Gen, eCommerce, & SaaS Landing Pages - November 23, 2018
- B2C Tips For Turning One-Time Holiday Shoppers Into Lifetime Customers - November 15, 2018