Using A/B Testing to Compare the Performance of Web Pages
- July 14, 2017
- Leave a comment
Looking at two versions of a web page in order to check which one performs better is known as A/B testing or split testing. You have to split the test into two parts for correlation. Using A/B testing technique, you can increase the revenue of your website. It is also known as multivariate testing. You can test several elements at a time in multivariate testing. Accordingly, you can get to know which elements work together on a page and play the biggest role in accomplishing the objective.
Using A/B testing, you can test everything at the front-end of your website that can affect the behavior of visitors such as:
- Color schemes (Test color scheme of different page elements)
- Headings (Test heading fonts, size and visibility)
- Paragraphs (Test paragraph text from UI perspective)
- Images (Test image quality, content, size, visibility and its placement for end users)
- Links (Test if the link is visible to visitors and check if clicks on it increases)
- Buttons (Test button style, color, size and text)
- Testimonials (Test the impact of testimonials on visitors)
- Page design (Test the design hierarchy and modern design qualities)
- Mobile (Test web page on mobile for increasing user interaction)
- Layout (Test Homepage, content pages and landing pages)
- Forms (Test the length, field types and text on the forms)
Example: Button Color Test
In this figure, there are two buttons i.e; green and yellow. Let’s suppose you are testing the behavior of these buttons in order to know which of them performs better.
A- Green Button
Green is an affirming color which signifies a positive action. But in this case, it has been used with white text which completely washes the button out. It’s hard to know the purpose of this button at a first glance.
B- Yellow Button
Version B’s yellow and black button may not look nice, but its visibility is clear. It led to an almost 14.5% increase in conversions.