How to Redesign Your Website Redesign

Welcome back to Conversion Rate Optimism, Jeff Blettner,  a web designer and conversion optimization specialist at Formstack. Having just completed a complete redesign of formstack.com, Jeff spoke with me about the role AB testing tools played in the process.

Formstack_old-v-new-crop

Optimizely: How big of a role did A/B testing – actually doing it, or knowing you were going to do it – play in this redesign for Formstack?

Jeff: Very large role. Everyone has an opinion on what a website should say or include, and sometimes those strong opinions lead to disagreements in planning or design. When we reached those spots, resolution was a lot easier when we knew that post-launch, we could A/B test our different hypotheses to see what is the better approach.

Continue reading

A/B Testing All-Star: John from IXL Learning

Name: John Barth
Company: IXL Learning 
Role: Senior Marketing Analyst
What’s the average age of students who use IXL Learning? Our most popular grade is 2nd grade, so, most of our students are around 8 years old.

John says, “Every problem I had with Google Website Optimizer (GWO) had been thought through and solved by Optimizely.  The difference between the two is like night and day.”

Optimizely: When did you start testing and why do you test?

John: We started testing about a year ago.  I had ideas for several different things I wanted to test for awhile, but without an A/B test framework, you can’t properly see the differences between the original page and the test variation, other than taking the plunge and implementing the changes.

We started out with Google Website Optimizer (GWO), but I was disappointed with its limited functionality and difficulty in test deployment, especially that it required the engineers to code the different variations and then put them under different URLs.  We were just starting to look at different A/B testing solutions when Julio reached out to us, and the rest is history!  Every problem I had with GWO had been thought through and solved by Optimizely.  The difference between the two is like night and day.

What is the testing culture and process like at IXL Learning?

Everyone on the marketing and development teams are encouraged to come up with ideas for tests.  When we all like the idea, we have our UI designer to come up with a few different variations.  Then I create the variations in the Optimizely editor (or get help from an engineer when there are larger UI changes), get approval from the product management team and the VP, and deploy the test.  On the long side, it can take a couple of weeks to get everything set up and approved for our more complicated tests.  On the short side, I’ve taken an idea from a concept to an actual running test in under an hour.

Where do your testing ideas come from?

I follow some blogs and read about tests other people have run for ideas.  I also try to think like a user and try to figure out what I can improve on our pages to improve engagement or continue through our subscription flows.

Tell us about a test that has yielded actionable results.

The membership area on our site directs users between our school subscriptions and our family subscriptions.  It’s also the first page in all of our subscription flows, so it’s critical that this page be easy to understand and navigate.  The original page had all the calls to action on the right side of the page, including some below the fold, and one column of text across the page.  Moving the calls to action above the text, and breaking the text into two columns saw gains across the board for all of our conversion types!

Before

 After

What’s your favorite Optimizely feature to use in your tests and what new feature would you like to see?

There are so many it’s hard to pick.  My absolute favorite is multiple goal tracking.  We have several different types of conversions on our site, so when I run tests, it’s critical for me to see the impact to all of them.  Sometimes the best variation will see some decline in one of the conversions at a larger gain in another.

One thing I would like to see that is more of a new product than a feature would be adding A/B testing for e-mails.

Share some best practices you’ve developed with testing.

  • Don’t make assumptions about what users will like or not like. Sometimes they’ll surprise you.
  • Some of the biggest gains can come from the smallest tests.  A lot of the higher impact tests I’ve run have been simple changes in button colors and text.

Judy’s Book Sees 198% Increase in Engagement with Simple Code Edit

Background

Judy’s Book is a reviews website that caters to a family audience. After reading an article in WIRED about Optimizely, Ali Alami, GM and Acting CEO of Judy’s Book got started with the tool because it allowed his small team to maximize their resources.

“At board meetings, there are many ideas on strategy and features like, ‘so and so is doing this, let’s try it,’” Ali says. “Rather than going off hunches and just doing it, our leadership understands the need to validate. We can quickly test ideas and let the numbers speak for themselves.”

Challenge and Goal

Paid business listings are a primary way Judy’s Book makes money. Businesses get better search positioning, more robust profiles with photos if they pay a monthly fee. While they also offer a free listing, Judy’s Book wanted to increase the number of businesses who sign up for paid listings. The form to sign up for a free listing was a bit hidden due to the thought that if people saw a free listing, they wouldn’t want to pay for one.

Ali and his team wanted to optimize the pricing page to drive more businesses to sign up for paid listings.

Hypothesis

Ali thought that positioning a column highlighting the features included with a free listing alongside the paid listings might lead more people to sign up for paid listings. Since the features included with a free listing are very limited, Ali had a feeling that visually showing the comparison of features that come with a free versus a paid listing would convince visitors to sign up for the paid listings.

Solution

One of the engineers at Judy’s Book appended the original code with a simple change to add space for a new column. Ali copied and pasted the new code into the “edit code” section in Optimizely’s editorand it immediately deployed the new version of the listing breakdowns.

For them, success meant increasing the overall engagement on the pricing page. Optimizely by default tracks engagement, or the number of clicks each variation page receives. By easily setting up click goals on every sign up button on the page, Judy’s Book measured engagement specifically on each button. They ran the experiment through Optimizely for a month to ensure statistically significant results.

Original

Variation

Results

Showing a free listing column increased clicks on the sign up button for the basic paid listing by a whopping 198.6%.

Conclusion

When in doubt, test. “People have lots of ideas, hunches and feelings. A best practice is to continue to A/B test and just see what happens,” says Ali.

With Optimizely, Judy’s Book was able to quickly deploy a simple code change and test the impact it had on sign-ups for paid listings before implementing this change on their live site. Ali validated a hunch he had about the pricing page through A/B testing that led to significant gains for the company.

A/B Testing All-Star: Jason from Avalara

_dsc8902

Name: Jason Burt
Company: Avalara
Role: Web Marketing Analyst
Fun fact about sales tax: Even if I came up with one, the law changes so much that it would probably be different tomorrow.

Jason says, “testing has dramatically changed our company culture as far as decision making goes. The conversation used to be, ‘this is the way the site is going to be.’ Now the conversation goes, ‘here are some ideas to test.’”

Optimizely: What’s your testing process like? 

Jason: Since we started testing in December, I feel like our process has been about the same. My background is in physics and economics so I’m really used to the scientific method and working with statistical sample sizes. We try to test everything as much as possible. We’ll run tests on pages that receive the most traffic. If we find any UI improvements, we’ll implement them across all the pages that don’t get as much traffic. Likewise, if we see certain photos or elements that have high conversions on our site, we’ll test them again in an email. Testing has dramatically changed our company culture as far as decision making goes. The conversation used to be, “this is the way the site is going to be.” Now the conversation goes, “here are some ideas to test.”

How often do you run experiments?

Every few weeks we start a new test, we aim for two weeks minimum. We try to test everything and it starts when we come together and have idea for something we want to test. I’m a purist, I only do 50/50, A or B, not multivariate. Testing is a continual process. There are a lot of cool things going on in behavioral economics and UI right now. So it’s a great time to be getting into testing.

What were some of the initial tests you ran on avalara.com? 

Our site is orange, we love orange, but at the same time we want to balance it properly with other colors to create contrast to make the user experience better. Working within our color palette, we ran A/B tests with a number of color combinations on call to action buttons. We tested reactions to red, green, orange, and blue. We ended up going with a blue button because it significantly improved conversions by 20%. At year end, just that button being blue is going to probably be a couple thousand more dollars in revenue.

Which tools have been most effective for your A/B testing? 

The cross browser feature makes our lives much easier. I can see how our pages load across all different browsers and immediately make changes if there’s something loading incorrectly.

In Optimizely’s experiment dashboard, select “Cross-Browser Test” to see how the experiment looks across multiple browsers.

Then, you can see preview thumbnails of your site in each browser, including mobile and tablet browsers.

Most companies still browse with IE. One week, something on our site was loading improperly in certain versions of IE and it played into our conversion rates. Though it might appear to be minor, by year end that could be a 2-5% drop in business – that’s very significant. That’s one of the reasons why Optimizely is awesome. We are constantly testing our loads and can quickly see if something is testing correctly; you can do it all in one spot.

Case Study: Minute surprises in requesting “business email” versus “email”

Background: An external firm had mentioned changing an input field form prompt from “Email” to “Business Email.” The thought was, that this change would increase the number of domain specific registrations that we receive.

Goal: We wanted to test whether or not there was a higher return of domain specific emails, like a business email. If you get that domain specific email you get more information back, like the company name, industry and such.

Hypothesis: I didn’t think that the “business email” variation would have that large of an impact. Maybe a CTA would, but just changing the type of email, that was bizarre to me. It’s so minute.

Solution: With Optimizely I changed the text on the placeholder in an input form field and tested the new variation against the original.

Original:

Variant:

Results:

When we examined the results, we saw that the conversion rate with “business email” dropped 0.6%.

Conclusions: Just this one word in an input field could be a couple hundred thousand dollars at the end of the year. We’re a SaaS company so we know while conversions are nice for lead generation, deals are what matter at the end of the day. It turns out that receiving the extra data with a business email gave no improvement to email quality. Ultimately it was not worth it to make this change. With testing we are able to check which recommendations from outside firms are helping or hurting our business.

 

Analytics Integration: Better Testing in One Click

We are midway through a webinar series (recordings down below) about harnessing the power of integrating your analytics platform with Optimizely. Syncing with MixPanel, KISSmetrics, Google Analytics or Omniture SiteCatalyst is incredibly easy. It’s also a very effective way to leverage the insights from your analytics with the dynamic features of testing with Optimizely. If you have not integrated your platform(s) already, here’s a refresher on how to do it:

1. Click the Options tab on the visual editor dashboard.

2. Select Analytics Integration from the menu.

3. Select Enable for the analytics platform of your choice from the pop-up window.

So far, we’ve teamed up with MixPanel and KISSmetrics for webinars about the advantages of integrating and how analytics propel the biggest A/B testing wins. The webinars are a wealth of information for best testing practices and squeezing the most power out of Optimizely with analytics. Check them out here or on our YouTube channel.

MixPanel Integration Webinar

KISSmetrics Integration Webinar

 

If you aren’t integrating already, we suggest trying it. Your improved site is the only outcome.