{"id":7248,"date":"2022-08-11T14:04:57","date_gmt":"2022-08-11T14:04:57","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=7248"},"modified":"2024-01-16T11:36:26","modified_gmt":"2024-01-16T11:36:26","slug":"benefits-of-a-b-testing","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/benefits-of-a-b-testing\/","title":{"rendered":"The benefits of A\/B testing"},"content":{"rendered":"<p>A\/B testing is your ticket to understanding what works and what doesn\u2019t. It allows you to get into your users\u2019 heads in a quantifiable way. As a UX designer, there\u2019s nothing more valuable than that.<\/p>\n<p>A\/B testing is a standard method used to understand user preferences quantifiably. Designers can also use it to solve a debate within the design team. When it comes to user experience, relying on data and not intuition is an important part of the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-process\/\">design process<\/a>.<\/p>\n<p>Testing in the design phase and during the rollout of new features helps you create the best possible product.\u00a0 In doing so, you may realise that a feature is unnecessary or not beneficial after testing it. Or, you could find that you\u2019ve completely missed a feature your users really need.<\/p>\n<p>In this guide, you\u2019ll find out what A\/B testing is, how to conduct one and why you should A\/B test.<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&utm_medium=blog_panel_pdux&utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>What is A\/B testing?<\/h2>\n<p>A\/B testing compares two versions of a product, web page, app or concept against each other to determine which performs better. It\u2019s a quantitative way of finding the best possible version of your work.<\/p>\n<p>Also known as split testing or <a href=\"https:\/\/blog.twitter.com\/engineering\/en_us\/a\/2015\/detecting-and-avoiding-bucket-imbalance-in-ab-tests\" target=\"_blank\" rel=\"noopener\">bucket testing<\/a>, A\/B testing is basically an experiment where two options are shown to users at random. Then, marketers, developers, designers or analysts use statistical analysis to determine which variation works better for their outcome goals. A\/B testing is all about finding out what the user prefers.<\/p>\n<h3>What are the benefits of A\/B testing?<\/h3>\n<p>A\/B testing removes the guesswork from user experience (UX), user interface (UI) design, as well as many other professions like marketing and data analytics. A\/B testing directly measures the impact of any changes you make so that you can ensure you\u2019re actually creating an optimal result.<\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/why-ux-testing-is-so-important\/\">Testing your designs<\/a> helps you improve your product and ensure it\u2019s what people want. In the long run, A\/B testing also saves companies money \u2013 especially if they conduct it in the design phase. Testing often prevents mistakes or subpar designs before they\u2019ve invested in development.<\/p>\n<h3>Why A\/B test?<\/h3>\n<p>A\/B testing isn\u2019t just for the initial design phase of a project. Even after a product has been launched and developed, you can still conduct A\/B testing. It helps designers find out what users want, optimise and iterate.<\/p>\n<p>Here are some reasons you might want to conduct an A\/B test:<\/p>\n<ul>\n<li>To settle a design team conflict<\/li>\n<li>Get quantitative data about your designs<\/li>\n<li>Make informed, user-focused decisions<\/li>\n<li>Confirm the validity of a design change<\/li>\n<li>Determine which copy or UI elements work best<\/li>\n<li>Iteration<\/li>\n<li>Find out how a small change influences user behaviour<\/li>\n<li>Improve user experience<\/li>\n<li>Optimise conversion rates<\/li>\n<\/ul>\n<h3>What to A\/B test<\/h3>\n<p>It\u2019s essential to conduct targeted A\/B testing. That means changing only one aspect of your design per test. This will be the \u201cvariable\u201d. You\u2019ll have to determine what you actually want to test.<\/p>\n<p>For example, you might change the size of one button, the colour of one button, the location of one submission box, the CTA copy on one button&#8230; You get the idea \u2013 test only one variable.<\/p>\n<p>You may want to consider testing things that will have a big impact on user experience or that you don\u2019t have enough data to understand. Look for high bounce rates, low conversion rates, high traffic areas, abandon points or common error points.<\/p>\n<p>Here are some variables you might want to test:<\/p>\n<p>&#8211; Layout<span style=\"text-decoration: underline;\"><br \/>\n<\/span>&#8211; Copywriting, which includes:<\/p>\n<ul>\n<li>Voice and tone<\/li>\n<li>Calls to Action (CTAs)<\/li>\n<li>Statements vs. questions<\/li>\n<li>Positive vs. negative<\/li>\n<\/ul>\n<p>&#8211; Content<br \/>\n&#8211; Icons<br \/>\n&#8211; Buttons, which includes:<\/p>\n<ul>\n<li>Size<\/li>\n<li>Colour<\/li>\n<li>Shape<\/li>\n<li>Location<\/li>\n<li>Hyperlinks vs. buttons<\/li>\n<\/ul>\n<p>&#8211; Fonts, which includes:<\/p>\n<ul>\n<li>Size<\/li>\n<li>Weight<\/li>\n<li>Serif vs. Sans Serif<\/li>\n<\/ul>\n<p>&#8211; Colours, which includes:<\/p>\n<ul>\n<li>Buttons<\/li>\n<li>Background<\/li>\n<li>Typography<\/li>\n<\/ul>\n<p>Images, including:<\/p>\n<ul>\n<li>Background Images<\/li>\n<li>Illustrations vs. Real Images<\/li>\n<li>People featured in images: race, gender, age, groups of people, one person<\/li>\n<\/ul>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-user-researchp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/user-research?utm_source=blog&amp;utm_medium=%20blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN USER RESEARCH]<\/p>\n                    <span>Take our Professional Certificate in User Research<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>How to conduct A\/B testing<\/h2>\n<p>To determine which version of a design is better, two versions are created at the same time. Then, version A will be shown to one half of the target audience, while the other version will be shown to the other half of the audience. The option that prompts users to take the desired action is the winner of the test and usually the design that gets implemented.<\/p>\n<p>Let\u2019s learn how to conduct an A\/B test step-by-step with examples.<\/p>\n<h4>1. Set a goal<\/h4>\n<p>Before conducting your test, you need to know why you\u2019re running the test. Set a goal that you want to achieve. That way, you can determine which version to continue using or testing. Be sure to gather any data you can before your test so that you can quantifiably see changes.<\/p>\n<p>Examples:<\/p>\n<ul>\n<li>Improve conversion rates for newsletter sign-ups<\/li>\n<li>Get more form responses<\/li>\n<li>Get more shares<\/li>\n<\/ul>\n<h4>2. Determine what to test<\/h4>\n<p>Think about the goal you want to achieve. Consider what single aspect of your design you could change to get closer to that goal. For a list of ideas, scroll back up to \u201cWhat to A\/B Test.\u201d<\/p>\n<p>Examples:<\/p>\n<ul>\n<li>Move the newsletter signup box to the middle of blog posts<\/li>\n<li>Reduce the number of questions in the form<\/li>\n<li>Increase the size of the social media share buttons<\/li>\n<\/ul>\n<h4>3. Hypothesise<\/h4>\n<p>Make an assumption on which version do you think will perform better. This will help you solidify why you\u2019re conducting the test and critically consider your designs. What could be preventing the result you\u2019re trying to accomplish? Try writing out your hypothesis as a single sentence.<\/p>\n<p>Examples:<\/p>\n<ul>\n<li>I think that moving the newsletter signup box to the middle of blog posts will result in more newsletter sign-ups<\/li>\n<li>I think reducing the number of questions on the form will increase the number of completed forms<\/li>\n<li>I think increasing the button size will increase shares because they\u2019ll be more accessible and visible<\/li>\n<\/ul>\n<h4>3. Conduct test<\/h4>\n<p>Create two versions of your design to test: A and B. This could be a prototype of almost any fidelity. Then, determine your sample audience size to get statistically significant responses. Then, randomly expose half of the target audience to version A and the other half of the target audience to version B.<\/p>\n<h4>4. Wait<\/h4>\n<p>Monitor the test to make sure it\u2019s working properly but don\u2019t look at the results. You\u2019ll need to wait for the test to be complete before looking at the results. It\u2019s tempting to watch the results and assume a winner early on but you need to give it time.<\/p>\n<p>The test must run long enough to produce a statistically significant, meaningful result. Wait until you\u2019ve reached the minimum sample size you determined in the last step before looking at the data. Meaningful results can take anywhere from 48 hours up to two months, depending on your chosen sample size.<\/p>\n<h4>5. Analyse results<\/h4>\n<p>Once the results are in, crown the clear winner by implementing the results.<\/p>\n<p>Examples:<\/p>\n<ul>\n<li>Moving the newsletter signup box to the middle of blog posts resulted in 15% more signups. We\u2019ll move the newsletter up to the middle of all blog posts going forward.<\/li>\n<li>We reduced the number of questions in the form but it only resulted in 2% more completions. The data was not meaningful enough to determine our hypothesised solution as the clear winner so we will rerun the test with a different variable.<\/li>\n<li>We increased the size of the social media share buttons and our shares increased by 20%. We will implement the larger social buttons sitewide.<\/li>\n<\/ul>\n<h2>How to analyse A\/B testing results<\/h2>\n<p>When you\u2019re analysing your test results, you first need to make sure they\u2019re statistically significant. Statistical significance is a threshold that determines the level of certainty that the results of a test are not due to a sampling error. It accounts for the uncertainty that comes along with randomised tests.<\/p>\n<p>You\u2019ll rely on the number of users and the number of conversions for each of your variations to determine statistical significance. The goal is to reach 90% or more statistical significance before assuming meaning from an A\/B test.<\/p>\n<p>Once you determine whether your results are statistically significant, you can decide how you\u2019ll use your data. Maybe version B performed better and you implement it. Maybe your original design performed marginally better, so you choose to test it again. You could notice that your test was statistically significant but it still didn\u2019t achieve your goal. In that case, you may decide to conduct another test.<\/p>\n<h4>Whatever you do, don\u2019t guess<\/h4>\n<p>The number one rule of A\/B testing is not to guess. The whole point of testing is using quantifiable data to inform your design decisions. A\/B tests are a waste of time, energy and money if you don\u2019t wait for the test to play out or ignore the results.<\/p>\n<p>The amount you\u2019ll use A\/B testing in your UX design career will depend on where you\u2019re employed. Some companies use A\/B testing most of the time, while others rely primarily on usability testing. Regardless, it\u2019s one of the most useful <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-skills-do-you-need-to-be-a-ux-designer\/\">skills<\/a> to have as a UX designer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this guide, you\u2019ll find out what A\/B testing is, how to conduct one and why UX designers should always A\/B test.\u00a0<\/p>\n","protected":false},"author":24,"featured_media":7249,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[278],"tags":[],"class_list":["post-7248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/7248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=7248"}],"version-history":[{"count":5,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/7248\/revisions"}],"predecessor-version":[{"id":9694,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/7248\/revisions\/9694"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/7249"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=7248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=7248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=7248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}