Download - A Crash Course in A/B Testing on Mobile Websites

A Crash Course in A/B Testing on Mobile Websites

#optimizemobile | 20 November, 2014

Friday, November 22, 13


#optimizemobile

#optimizemobile


EXCLUSIVE WEBINAR GIVEAWAYWin a free signed copy of A/B Testing!

#optimizemobile

How to EnterTweet what you’ve learned today, and tag it with#optimizemobile


Agenda1. How the right mobile strategy can

accelerate your marketing ROI

2. A/B test ideas for mobile web design principles

3. How to use mobile A/B testing to drive conversions through the roof

4. Results from real mobile A/B tests

5. Q&A with Ben and Khattaab


How the right mobile strategy can accelerate your marketing ROI


#optimizemobile


What does it mean to be mobile?

•mobile website?•mobile app?•both?

#optimizemobile


Mobile websites matter. What’s the next step?

#optimizemobile


Deliver the mobile web experience that your users deserve.

Build Buy or

#optimizemobile


Separate mobile (and tablet) sitesYour visitor is redirected to the right version of your website, based on what device they’re using.

www.website.com

t.website.com

m.website.com

#optimizemobile


Responsive web design

Always at www.website.com

Your website automatically adapts its content and layout to fit your visitor’s screen size or device.

#optimizemobile


What content should your mobile website have? We have some (test) ideas...

#optimizemobile


Shop Search About Support Contact Q&A Links Gallery

Mobile users want to complete tasks and find information.

#optimizemobile

lhw.com


Device-Specific Presentation(not device-specific content)

#optimizemobile

youtube.com m.youtube.com


How do you define your mobile website goals?

#optimizemobile


Checkout Flows

Test | Exit routes, process flow, security messaging

Goal | More purchases or greater average order values

#optimizemobile

“Begin Checkout”bose.com

“Secure Checkout”ctshirts.com


Store Locators

Main Menulululemon.com

Top Navigationperfumania.com

Goal | Drive in-store purchases#optimizemobile


Layouts for Ad and Content Engagement

Fixed Banner Adm.huffpost.com

Banner Adwired.com

#optimizemobile


Cross-Channel Attribution

Image source: Google#optimizemobile


A/B test ideas for mobile web design principles


Is your mobile website fast to load and fast to respond to gestures?

#optimizemobile


Hitting the Mobile Navigation Sweet Spot

#optimizemobile


Test | Breadcrumb and CTA placement, zoom activation, collapsed or exposed detail

Goal | Drive engagement with content that compels CTA conversion

#optimizemobile

Above the Foldm.rei.com

Below the Foldm.rei.com


What gets more page views?•Buttons•Back button

What gets more clicks?•Sticky button•Above the fold

#optimizemobile

ideeli.comgarmin.com


Image source: ClickTale

Users scroll more on touch screens.

#optimizemobile


What compels you to scroll?•Lists•Grids•Text-heavy

blocks•Images

#optimizemobile

huffingtonpost.comnytimes.com


#optimizemobile


Test | Search functionality

Goal | Inform search prominence

#optimizemobile

bonobos.com


What leads to more searches?•Auto-complete•Form fields•Position on the

page

#optimizemobile

christies.com lhw.com


Simplification of Elements

#optimizemobile

youtube.com m.youtube.com


m.rei.com m.stubhub.com

Test | Simplify category page elements like filtering and sorting

Goal | Identify best presentation on initial page load

#optimizemobile


What makes it easier to find what you’re looking for?•Default order•Sorting options•Filtering

options

#optimizemobile

stelladot.com ideeli.com


Menu Location and Patterns

Fly-out menugarmin.com

#optimizemobile


Test | Menu location and patterns

Goal | Evaluate how integrated menu experience should feel (full screen vs. layered on content)

#optimizemobile

m.rei.com


Blocksideeli.com

Buttonsm.timhortons.com

Blindsamazon.com

Menu Location and Patterns

#optimizemobile


How to use A/B testing to drive conversions through the roof


Visual EditorToggle between <divs>HTML + CSS + JS edits

Code EditorManual inputs

#optimizemobile


• Clicks + Page Views + Custom Events (Specified with JS)

• Goals may/not directly impact end conversion#optimizemobile


• Positive/negative targeting conditions• Cookie, referral source, campaign id, custom tags,

location#optimizemobile


1. Test with a hypothesis.2. Sequence your testing.3. Test broad UX themes.4. Set goals with indirect impact.

Best Testing Practices


Results from a real mobile A/B test


Case Study |

Test | Add paid featured listings to mobile search results

Goal | Validate value of desktop functionality on mobile

Variation A Variation B

#optimizemobile


Case Study |

Result | +1.6% lift in new leads generated

Variation B Wins!

#optimizemobile


#optimizemobile

EXCLUSIVE WEBINAR GIVEAWAYWin a free signed copy of A/B Testing!

How to EnterTweet what you’ve learned today, and tag it with#optimizemobile


GET A FREE MOBILE ASSESSMENT

visit mobify.com/go/mobile-assessment for full details

#optimizemobile



#optimizemobile

Any Questions for Ben and Khattaab?


Download - A Crash Course in A/B Testing on Mobile Websites

Top Related