Limited Time Offer! Try TruConversion FREE for 14 Days


We Guarantee 100% privacy.

Step by Step Guide to A/B Testing (Infographic)


How do you know if you’re not leaving money on the table due to an element on your landing page turning visitors down? And how practical is your website to those customers?

That’s where A/B testing comes into play!

I’ve created this Infographic hoping that it would not only  walk you through the complete process of A/B testing, but also provide valuable suggestions for which elements you should test as well as the Dos and Don’ts of A/B testing.

Download the Printable Version of this Infographic


Share this Image On Your Site

Data for A/b Testing Infographic

What is A/B TESTING?

A/B testing (sometimes called split testing) is comparing two versions of a web page to see which one performs better. You compare two web pages by showing the two variants (let’s call them A and B) to similar visitors at the same time. The one that gives a better conversion rate, wins!

Multivariate testing allows you to test many changes simultaneously. It allows you to compare a higher number of variables and determine which combination of variations performs the best out of all of the possible combinations.

Why Should Be A/B Testing?

Only 17% of Fortune 500 companies are using A/b testing. A/B testing allows you to make more out of your existing traffic.

Constantly testing and optimizing your page can increase

  1. Revenue
  2. Registration
  4. User Generated Content
  5. Donations

15 Steps to a successful A/B Testing campaign

  1. Have a clear A/B Testing plan.
  2. Have well-defined and measurable conversion criteria for A/B Testing
  3. Prioritize pages for test on the basis of potential for improvement, Importance and Ease.
  4. Identify elements to A/B test.
  5. Create variations of different testing elements.
  6. Determine whether A/B testing or multivariate testing is appropriate.
  7. Measure current traffic and conversion rates.
  8. Define KPI.
  9. Determine target and conversion goals.
  10. Determine the no. of scenarios to a/b test.
  11. Determine the time span to run the a/b testing.
  12. Install and deploy different a/b testing scenarios.
  13. Measure results and findings of you’re a/b test.
  14. Perform updates on findings.
  15. Conduct follow-up a/b tests.
  16. Track Improvements.

Important page elements to A/B Test

A/B Test Page Headlines

  1. When you have written your headline, you have spent eighty cents out of your dollar.
  2. According to Fospha 90% of visitors who read your headline will also read your CTA cop.

A/B Test CTA buttons

  1.  experienced 10.56% decrease in conversion by making the “Create My Account” button bigger.
  2.  B2C landing page variant with the CTA below the fold generated a conversion lift of 304%

A/B Test Images 

  1. Test various size of the same image.
  2. CZ Czech Republic’s second largest eCommerce retailer experienced straight 9.46% increase in sales by increasing the size of the product images.
  3. Dell tested two images and discovered the larger image outperformed the smaller image.
    • 27% decrease in bounce rate.
    • 36% increase in conversation rate.

A/B Test USP

  1. The Long USP v/s the short USP.
  2. Evernote’s (Remember everything) vs Microsoft OneNote’s (All your Notes on all on your devices)
  3.  Drawing a comparison like KiSSmetrics ” Google Analytics tells you what happened, KISSmetrics tells you who did it.

A/B Test Copywriting

  1. Content Verve conversion decreased by 24.91% by changing possessive determiner “Your” to “My” in the CTA copy on a forum payment page.
  2.  – a subscription-based education website achieved 31.03% increase in conversion on a payment page by tweaking the button copy from “create my account” to “Create Account & Get Started”

A/B Test Text Font and Style 

  1. According to a study Verdana, Arial, and Comic Sans were the most preferred fonts at 10, 12, and 14 point sizes, respectively.
  2. Study by Click Laboratory stated that By increasing the font to 13 pt and giving the lines some breathing room, surprisingly, all metrics improved. This one change resulted in:
    • decrease in bounce rate by 10%
    • A decrease in site exit rate by 19%
    • An increase in pages per visit by 24%
    • A 133% (yes, you read that right) increase in form conversion rate

A/B Test Form Length

  1.  Split Test how prospects respond to a shorter form.
  2. The average survey contains 22 form fields.

A/B Test Color

  1. Unfortunately, there isn’t a magic formula for choosing the right color, but given the right context and messaging; the color of your CTA can greatly impact the success of your form.
    • Yellow grabs attention and creates a sense of low anxiety.
    • Green creates sense of relaxation.
    • Blue builds trust and creates a sense of security.
    • Orange encourages immediate action.
    • Red creates a sense of urgency and increased energy.

A/B Testing mistakes you should avoid

  1. Not having effective a/b testing plan.
  2. Using very low traffic to run a/b tests.
  3. A/B Testing too many elements at once.
  4. Failing to establish KPIs and targets.
  5. Not monitoring a/b tests whey they’re in progress.
  6. Not tracking external factor effecting a/b test results.
  7. Running a/b tests for too long.
  8. A/B Testing small changes while ignoring big concepts.
  9. Not measuring the entire conversion funnel.
  10. Not conducting follow-up experiments.
  11. Split testing something you can’t actually deliver.
  12. Split testing something insignificant, that’s hard to quantify.
  13. Ignoring small gains.






Picture of truconversion