Homepage > UX Research > A/B testing – how to perform AB tests?
Journal

A/B testing – how to perform AB tests?

How you like that:

What are A/B tests? According to a popular definition, A/B testing is a method of comparing two design variants (of a contact form, for example) used to achieve the same goal.

The goal can be any desired action – from the point of view of a business owner operating on the Internet – of a website user.

AB testing is a kind of experiment that allows you to check and decide which variant is more effective than other elements and enables you to achieve your goals more efficiently.

A/B tests, although they have a very long tradition, gained their full potential and usefulness with the development of the Internet and research tools that make it less of an organizational and budgetary challenge to conduct them.

Today it's hard to imagine optimizing digital products without this method.

While it's widely used and, at first glance, appears accessible even to laypeople and those without research experience and training, you shouldn't be led astray by the illusion of its ease.

The popular opinion is that even worse than lack of testing is testing conducted in an unreliable, methodologically questionable, and unplanned manner.

It's worth keeping it in mind when deciding to perform an A/B test.

How to perform A/B tests? What are the types of A/B tests? What problems does conducting them create?

What should you pay attention to when performing such experiments?

I will answer the above questions in a moment.

I invite you to read the article!

How to perform an A/B test?

Let's go back to our questions for a moment, what is website AB testing, and what does UX AB testing consist of?

Did You Know...

Nowadays, A/B testing is a widespread method, mainly in the field of online marketing, but it's no less popular when you want to test the usability of a website.

Or when we want to see which variant provides users with a better User Experience.

A/B testing, as one of the most accessible testing methods, should become a permanent tool for any organization that wants to compete effectively and grow dynamically.

It should be important to any organization that cares about offering users, customers digital products that meet their expectations.

An image of maze software for ab testing

Expectations, like experiences, evolve and change over time.

That's why A/B testing should also be a method used on a planned, regular basis, driven by the adopted optimization strategy and the development of a digital product.

The iterative approach to A/B testing is considered standard today.

A/B testing is often associated with another equally popular term, namely Conversion Rate Optimization (CRO).

Conversion is any action a website user performs that is valuable from the business owner's point of view.

It can be subscribing to a newsletter, sending an inquiry, downloading a file, or clicking on an ad.

A/B testing allows you to achieve your business goals more effectively and positively impacts user experience.

Best of all, they enable you to replace assumptions, ideas, intuitions, and beliefs with hard data that clearly show which solution works more effectively and brings more significant benefits.

Did You Know...

Thanks to A/B testing, business decisions are much more sensible. They are based on data as well as measurable and comparable premises. Optimizing the experience with A/B testing also allows you to see the scale of the difference.

The results of A/B testing make it possible to provide much more accurate answers to crucial business questions.

They help you get much better sales results, improve conversion rate results, and use website traffic more effectively.

conversion rate

For example, regarding key changes to a home page, which should increase the number of conversions and avoid the negative impact of misguided design solutions.

Moreover, instead of saying, "I think I know," A/B testing allows you to state, "I'm pretty sure about this, and I have evidence for it."

Of course, absolute certainty is impossible to achieve, as in all UX research.

Nevertheless, testing provides a sufficient level of certainty to make beneficial – from the point of view of goals and business processes – decisions.

As I've already mentioned, A/B testing may seem like a straightforward method that doesn't require experience and knowledge.

That's a very harmful myth because the reliability, methodological correctness, and how the UX study, usability test is carried out influence the value of the results you will obtain with its help.

Did You Know...

Even worse than a lack of research is a poorly, incorrectly done study because it introduces certainty, a strong belief in the rightness of decisions based on faulty, false premises.

What are the types of A/B tests?

Before we perform a study, we must check the tool with which we will test variants within a website.

comparison of two variants of a website

For this, you will need A/A tests which involve comparing two identical designs.

A/A Tests

No statistically significant difference in results should appear as an outcome of the comparison.

A/A tests aren't designed to identify the more effective variant but to ensure maximum reliability of the obtained results.

The A/A tests and the results obtained through them also provide a specific reference point against which you will compare the results of the actual tests.

So, if you care about the quality of a study, its reliability, and its usefulness, it is necessary to check the research tool in terms of accuracy.

A/B/n Tests

The name A/B tests can be a bit misleading. It suggests that only two variants can be compared, which isn't true, as A/B/n tests are often performed.

It's possible to compare any number of variants with them.

In A/B/n testing, variant A is the control value, and the other versions are variations of it. The advantage of this method is, of course, convenience and the ability to compare more designs.

Its limitation is time. An extended period is usually required to achieve statistical significance of the results.

Multivariate Testing – MVT

Multivariate testing can be viewed as an extended version of A/B testing. While the latter is used to compare a single variable (e.g., headline, color of a button), with MVT, it is possible to compare multiple variables simultaneously.

Thanks to multivariate testing, it is possible to experiment with multiple combinations (e.g., user interface, text).

That helps decide which variable configuration is the most efficient and which meets users' interests.

Multivariate testing allows you to check, for example, how an addition, deletion, or edit affects the conversion rate.

ab testing multivariate testing

With that being said, it's important to remember that in multivariate testing, you are comparing, at a minimum, two items, and each item must be in two versions. Therefore in multivariate testing, you test a total of four versions.

Multivariate testing also poses a significant organizational challenge. Another limitation of this test is the lack of certainty about the reasons for a design's popularity or lack thereof.

It's hard to conclusively and confidently say why a particular combination won.

That is why you should carefully approach the results of multivariate tests, which of course, doesn't mean that their cognitive value is low.

Split URL Testing

Split URL testing is often used synonymously with A/B testing, but they're, in fact, two different methods. In A/B tests, two variations of a given website element are compared.

In the Split URL test, two variants of an entire website are compared.

So this is a much more extensive method and allows you to compare, for example, a new website design (version A) with its old version (version B).

Unfortunately, multivariate testing needs a high level of traffic.

On top of that, the more variables that constitute combinations, the more variants need to be tested, making it difficult for even high-traffic sites to generate adequate traffic.

The most common elements tested with A/B testing include:

  • headlines
  • the content of a website
  • the layout of a page
  • color schemes a website
  • navigation
  • forms
  • Call To Action (CTA)
  • Social Proof
  • rating systems.

Headlines are among the most noticeable elements of a website and fulfill an essential function in information structure.

They're responsible for the effect of the first impression, so their length, communicativeness, comprehensibility, concreteness, and unambiguity are a priority.

In addition, headlines should be factual and catchy.

hero section, cta, content

A/B tests make it possible to implement changes and test variants in a stylistic, linguistic, and visual sense (for example, by changing the size, type, color, or typeface).

Did You Know...

A site's content can also be tested in terms of its readability and user-friendliness of content formatting.

color scheme and typography

The content of a website not only has an informative function but also has an impact on conversion. Therefore the appropriate style of the content and the way it is presented (the layout of headlines, subheadlines, paragraphs, the typography used, bolding, and all caps) is of great importance.

content formatting

Testing content variants allows you to choose the most beneficial configuration for users and business owners.

Page layout and navigation are other essential elements (responsible for satisfying User Experience), which can be optimized with the help of A/B testing.

navigation and layout

Challenging and disliked page elements, such as forms, can be effectively optimized through comparative testing.

You can test the number of fields in a form, its comprehensibility, validation methods, error handling, and many other issues with form design in terms of their attractiveness and performance, thanks to A/B tests.

form testing

Statistics and validity of A/B testing

When performing A/B tests, two statistical approaches are used:

  • Frequentist Approach
  • Bayesian Approach.

The Frequentist Approach determines the probability of an event according to how often the event occurs in a large number of trials.

an image of hubspot kit

In other words, to draw binding, accurate conclusions based on the results, it's necessary to perform tests over a more extended period and on a larger number of users utilizing the given variants.

In this approach, only data from the current experiment is used.

In the Bayesian Approach, the probability is defined as the degree of confidence in the possibility that a given event (such as using a contact form) will occur.

The prediction process is determined by the information's scope, depth, diversity, and knowledge formed on it.

Simply put, the more we know about a given event, the more accurately and quickly we can predict the outcome.

The probability in this approach isn't a constant value but a variable that is shaped by the growth of information and knowledge.

Frequentist Approach and Bayesian Approach.

Moreover, the Bayesian Approach makes it possible to:

  • use past data (e.g., results obtained in earlier tests)
  • obtain results faster without the risk of unreliability or inaccuracy
  • conduct research in a more time-flexible manner.

When analyzing the results of A/B tests, it's useful to be aware of several statistical regularities, rules, and relationships.

For example:

  • the larger the sample size, the more accurate the average is
  • the higher the variability, the less accurate the average will be in predicting a single data point
  • the lower the level of statistical significance, the greater the probability that the winning variant may actually not be one
  • the more extreme the results in the first measurement, the more likely the results will be closer to the average in the second measurement.

statistical regularities

The methodology of conducting the AB test

Meticulous adherence to the procedures recommended for A/B tests is not so much advisable but simply necessary to obtain results that are reliable and useful in terms of design and business.

Let's look at an example. Suppose we want to study the effectiveness of a button, for example, the "Add to cart" button, which current results are unsatisfactory.

button performance

Precisely identifying the research problem and defining what we want to study with what metrics is crucial.

In this example, we will measure the button's performance by manipulating only one variable, for example, the color scheme, font size, or content of the call to action.

It isn't a matter of generating ideas for a study but posing a specific hypothesis that can be falsified or confirmed.

ab testing optimizely

For instance: changing the color from red to yellow increases the conversion rate.

In formulating hypotheses, the template proposed by Craig Sullivan in his article Hypothesis Kit 3 is very helpful.

It looks like this:

  • Because we observe the Data/we have Feedback
  • We can expect the Change to cause an Impact
  • Which we can measure with Data Metrics.

ab testing hypothesis

The number of button clicks in a given variant will be a performance indicator and will be your metric.

The more people click on the button in a given time frame, the higher the button's performance will be compared to the other variants.
In the next step, you need to specify how long you want the test to last. Its length should be determined based on past website performance and expected traffic.

It's worth remembering that the traffic will be divided into two variants, so you should consider this in the made assumptions.

Did You Know...

An issue that cannot be ignored is the problem of external factors, abnormal situations, or situations that deviate from the common norm, which can affect performance.

abnormal situations

It's about the moment in which traffic is increased compared to the norm, for example, during:

  • promotional period (e.g., Black Friday, Cyber Monday).
  • advertising activities
  • different seasons – especially relevant in industries where seasonality is a significant variable.

In a statistical sense, the above situations are an anomaly and may result in faulty results. A variant that is more effective during special periods at other times may be less effective.

It's also essential to consider the traffic source (Mobile vs. Desktop), as the channel in which the interaction occurs is a variable that conditions the results.

mobile vs desktop

The tests must be performed in identical conditions and contexts to be reliable and comparable.

On the grounds of statistical theory for designing experiments, such a practice is called Blocking.

Blocking reduces unexplained variability and helps produce more precise results.

an image of google optimize

Depending on the needs and research objectives adopted hypotheses, it is possible to segment users in more detail, also in terms of other variables (e.g., location).

When you've prepared the test and the variants created based on the accepted hypothesis or hypotheses and which will be compared with the control version, you can run the test on one of the numerous tools available for conducting A/B tests.

Google Optimize is one of the most popular tools for that. Google Optimize in the basic version allows you to run tests at no cost.

Common mistakes made during A/B testing

One of the most common mistakes made when performing A/B tests (e.g., when testing a landing page) is to end them prematurely.

an image of vwo testing tool

The temptation to do so stems from the results that support the research hypothesis. The hypothesis seems correct, and further testing looks like a waste of valuable time.

In the subject literature, this kind of error is called P-hacking or Questionable Research Practices (QRP).

They're committed by researchers who, in order to confirm their research hypotheses, violate the assumptions of statistical inference.

Did You Know...

An equally common mistake is choosing not to repeat studies. The risk of a false result can never be ignored; thus, repeat testing is simply necessary and highly advisable.

It's important to remember that user preferences evolve and change over time, so diagnosing them is highly recommended.

The length of the tests and the sample size should be adjusted each time according to the research problem, the hypothesis, the volume of traffic, and the period in which the study is to be conducted.

common mistakes in a/b testing

The number of variants, general hypotheses, and detailed hypotheses also translates into study duration and sample size, which helps to achieve statistical significance.

The quality of the traffic itself and its balance significantly impact the quality of test results.

How to perform A/B tests? Summary

  1. What are A/B tests? A/B testing is a method of two design variants used to achieve the same goal.
  2. With the help of the AB test, you will determine which variant is more effective and allows you to achieve your goals more efficiently.
  3. A/B UX testing is a method used to test the usability of a website.
  4. It's recommended to use A/B testing on a regular and recurring basis.
  5. It's a research method that increases the effectiveness, attractiveness, friendliness, and usability of a website as such and individual elements on a page, such as ads.
  6. AB UX tests enable you to improve your conversion rate (CRO – Conversion Rate Optimization).
  7. When you optimize a website, A/B teats allow you to replace assumptions, ideas, intuitions, and beliefs with hard data, providing much more accurate answers to crucial business questions (e.g., how to increase the conversion rate, how to get a higher CTR?).
  8. They also help achieve much better sales results and make more effective use of website traffic.
  9. The reliability, methodological correctness of testing, and the way the whole process is carried out influence the value of the results that will be obtained with their help.
  10. A/A tests are designed to ensure maximum reliability of the obtained results.
  11. A/B/n tests make it possible to compare any number of variants.
  12. Multivariate tests enable you to compare elements of a page, different versions simultaneously, and possible combinations (for example, they allow you to compare variants of a product card, which is especially important if you run an online store).
  13. In the Split URL test, two variants of an entire website are compared.
  14. With the help of A/B testing, headlines, content, page layout, color schemes, and navigation are most often tested. They're often used to optimize conversions and landing pages and implement more effective functionalities to a website.
  15. When conducting an A/B test, two statistical approaches are used Frequentist Approach and Bayesian Approach.
  16. To obtain reliable and useful results in design and business, supporting landing pages and their development, methodological guidelines must be followed.
  17. You should adjust the length of the tests and the sample size each time according to the research problem, the hypothesis, the volume of traffic, and the period (they shouldn't be performed during a period of high anomaly).
How you like that:
Journal / Redaktor
Author: Radek
UX Writer and researcher by education + experience. Collects The Story's knowledge and shares it on the Journal.
Reviewer: Dymitr Romanowski

Are you interested in working with us? Take a look at our Portfolio