The Art of A/B Testing for Web Design
In this Web Design tutorial, we'll learn how to utilize A/B testing. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
What you'll learn
In this Web Design tutorial, we'll learn how to utilize A/B testing. Split testing allows you to maximize the performance of a web page to increase visitor engagement. Follow along as we design and build a responsive landing page, integrate a free split testing tool, and then analyze results based on a traffic campaign. By the end of the Web Design training you'll be able to test your creations to maximize usability and engagement. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
Table of contents
- Creating a Custom Background Pattern 11m
- Designing the Headline and Copy 6m
- Building the Form 7m
- Adding a Features Section 10m
- Designing an A/B Testing Variation 6m
- Exporting the Graphics 10m
- Writing the HTML for the Top Section 8m
- Adding the HTML for the Bottom Section 5m
- Writing the CSS for the Top Section 6m
- Finishing the CSS 8m
- Coding PHP to Capture the Emails 11m
- Integrating an A/B Testing Service 8m
- Analyzing the Results 4m