{"id":22663,"date":"2022-04-06T15:00:00","date_gmt":"2022-04-06T20:00:00","guid":{"rendered":"https:\/\/getflywheel.com\/?p=22663"},"modified":"2023-05-09T15:49:20","modified_gmt":"2023-05-09T20:49:20","slug":"ab-tests-web-designer-build-into-process","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/","title":{"rendered":"5 A\/B Tests Every Web Designer Should Build Into Their Process"},"content":{"rendered":"\n

A new motto I\u2019ve adopted as a freelance service provider is to give my clients \u201cthe Disney experience.\u201d I\u2019m all about delivering great results in ways that make my clients exceedingly happy. Happy clients pave the way for a healthy business, and it often doesn\u2019t take a whole lot to make your client experience a fantastic one.<\/p>\n\n\n\n

If this is something you want to do for your clients, too, then you need to consider adding some basic A\/B testing to your web design process. Some simple optimization tests that you conduct before fully handing over the reins can go a long way toward ensuring your design is functional as well as beautiful. It\u2019s also an easy value-add to execute, and it will significantly improve the experience for your clients.<\/p>\n\n\n\n

\"two<\/figure>\n\n\n\n

Why Split Tests are Important<\/h2>\n\n\n\n

Split tests tell you what works and what doesn\u2019t in your design. By testing different design variables, you\u2019ll find out what types of things will convert better. Conversion is a big factor in determining how effective your design is, so it\u2019s critical to do some testing and optimize as much as possible. Not doing so is leaving money on the table, and no one wants that\u2026least of all your clients.<\/p>\n\n\n\n

Plus, many designers won\u2019t test at all. By making split tests part of your process, you\u2019re going above and beyond your competitors. Tested design is proven design, and your clients will be thrilled. You\u2019ll also have data to back up your design choices. Everybody has thoughts and opinions about what should happen in a design, but being able to say \u201cactually, we tested the white background against the black background and white performed significantly better\u201d can take care of the opinionators without giving anybody headaches.<\/p>\n\n\n\n

So what should you test? These five elements are a good place to start:<\/p>\n\n\n\n

1. The Headline<\/h2>\n\n\n\n

The headline on a website is one of the most critical elements of any design\u2014just ask any copywriter. Placement, typography, and copy all factor into creating an effective headline, and these are all elements that are relatively easy to test.<\/p>\n\n\n\n

\"a<\/figure>\n\n\n\n

2. Any and All CTAs<\/h2>\n\n\n\n

The call to action on any particular page or site is where the magic happens. It\u2019s where site visitors will do what you want them to do, or not. Conversions are a key metric to track, and CTAs are what drive conversions. It\u2019s absolutely critical to test CTAs.<\/p>\n\n\n\n

You can test for placement, colors and typography, copy, and even test for the specific action you want taken (for example, entering an email address vs. visiting a specific page). Sub-tests can also be helpful. What types of opt-ins capture the most information, a coupon or a tip sheet?<\/p>\n\n\n\n

One thing to keep in mind is that you need to be careful when you\u2019re testing multiple CTAs at once. Be sure you can keep track of which CTA is leading to the conversion. If you\u2019re just beginning to test, you may want to test only one CTA at a time, at least on any particular page. That way you\u2019ll have clearer insight into what could be causing the conversion rates to be what they are.<\/p>\n\n\n\n

So for example, you may want to test a pop-up offer and compare how well a coupon does against a tip sheet. Once you have a good sense of which gets more opt-ins, you can test for placement of that particular opt-in on the page. Testing for all variations at once may lead to ambiguous results, so start with one element at a time.<\/p>\n\n\n\n

3. Page Layouts<\/h2>\n\n\n\n

Think about how a page layout can guide a user through a particular process. If you\u2019re dealing with an eCommerce site, test different ways to present the products. What happens when you add or remove elements? Do suggested items do anything to affect sales? You may even want to test the product descriptions themselves to see what garners the highest purchase response.<\/p>\n\n\n\n

For other types of sites, you may want to experiment with a homepage that includes key information above the fold and see how it does against something with a powerful hero image or video that has minimal text. Will people really scroll? (This goes back to testing your headline, too!)<\/p>\n\n\n\n

\"Two<\/figure>\n\n\n\n

4. Navigation Menus<\/h2>\n\n\n\n

Not all nav bars are made equal. What types of navigation do this site\u2019s visitors use the most? How does a secondary nav bar or nesting additional buttons affect the user journey? What about a robust footer\u2014how do users respond to that?<\/p>\n\n\n\n

5. The 404 Page<\/h2>\n\n\n\n

It seems like an odd thing to test, but this could be an interesting experiment to run in the background. Come up with a couple of different 404 pages to test, and see which one increases conversions, time on site, page views, or anything else. You could even try a funny or creative 404<\/a> page to see if your users react more favorably. To get started, try one 404 page with suggested links and another one with a search bar.<\/p>\n\n\n\n

Some Pointers for Split-Testing Your Designs<\/h2>\n\n\n\n

There are split tests, and then there are multivariate tests. Generally speaking, I (personally) will stick with split tests. I might have more than two variations of something that I\u2019m testing at any given time, but I\u2019ll just be testing a single element (like a headline or a CTA). <\/p>\n\n\n\n

It\u2019s certainly possible to test two different elements on one page (for example, testing the headline AND the CTA simultaneously) but that goes to a level of complexity that I don\u2019t necessarily want to take on.<\/p>\n\n\n\n

I\u2019ve had good experiences split testing two completely different tests simultaneously, however. This can look like a test for a headline on the homepage and another test for a content upgrade within a blog post, or testing a blog post welcome mat and a 404 page simultaneously. The two tests are in universes that are far enough apart that their results aren\u2019t going to interfere with one other very much.<\/p>\n\n\n\n

What new split test are you going to run today?<\/p>\n","protected":false},"excerpt":{"rendered":"

A new motto I\u2019ve adopted as a freelance service provider is to give my clients \u201cthe Disney experience.\u201d I\u2019m all about delivering great results in ways that make my clients exceedingly happy. Happy clients pave the way for a healthy business, and it often doesn\u2019t take a whole lot to make your client experience a…<\/span><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","resource-topic":[1396],"resource-role":[1397],"resource-type":[916],"class_list":["post-22663","resource","type-resource","status-publish","hentry"],"yoast_head":"\n5 A\/B Tests Every Web Designer Should Build Into Their Process<\/title>\n<meta name=\"description\" content=\"Creative design is great, but at the end of the day, it has to convert. Running an A\/B split test will help you learn what works!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 A\/B Tests Every Web Designer Should Build Into Their Process\" \/>\n<meta property=\"og:description\" content=\"Creative design is great, but at the end of the day, it has to convert. Running an A\/B split test will help you learn what works!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-09T20:49:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/05\/a-b-splittesting-experience.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/\",\"name\":\"5 A\/B Tests Every Web Designer Should Build Into Their Process\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-04-06T20:00:00+00:00\",\"dateModified\":\"2023-05-09T20:49:20+00:00\",\"description\":\"Creative design is great, but at the end of the day, it has to convert. Running an A\/B split test will help you learn what works!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"5 A\/B Tests Every Web Designer Should Build Into Their Process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 A\/B Tests Every Web Designer Should Build Into Their Process","description":"Creative design is great, but at the end of the day, it has to convert. Running an A\/B split test will help you learn what works!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"5 A\/B Tests Every Web Designer Should Build Into Their Process","og_description":"Creative design is great, but at the end of the day, it has to convert. Running an A\/B split test will help you learn what works!","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-05-09T20:49:20+00:00","og_image":[{"url":"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/05\/a-b-splittesting-experience.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/","name":"5 A\/B Tests Every Web Designer Should Build Into Their Process","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-04-06T20:00:00+00:00","dateModified":"2023-05-09T20:49:20+00:00","description":"Creative design is great, but at the end of the day, it has to convert. Running an A\/B split test will help you learn what works!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/ab-tests-web-designer-build-into-process\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"5 A\/B Tests Every Web Designer Should Build Into Their Process"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/22663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=22663"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=22663"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=22663"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=22663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}