Top Banner
The Quest for Awesome Mobile Landing Pages by Scott Brinker @chiefmartec
83

The Quest for Awesome Mobile Landing Pages - SMX West 2013

Oct 17, 2014

Download

Technology

The pros and cons of responsive design. Plus, the case for native mobile landing experiences. Lots of awesome examples!
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: The Quest for Awesome Mobile Landing Pages - SMX West 2013

The Quest for Awesome Mobile Landing Pages

by Scott Brinker@chiefmartec

Page 2: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Responsive design is wonderful.

Page 3: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 4: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 5: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 6: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Responsive design is wonderful.

But are mobile native landing pages better in some cases?

Page 7: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Heresy!

Page 8: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Responsive web design is great when wedon’t know if the respondent is mobile.

Page 9: The Quest for Awesome Mobile Landing Pages - SMX West 2013

But what about scenarios where we do know the user is mobile?

Page 10: The Quest for Awesome Mobile Landing Pages - SMX West 2013

For instance, when they click on a mobile ad

Page 11: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://services.google.com/fh/files/blogs/our_mobile_planet_us_en.pdf

Page 12: The Quest for Awesome Mobile Landing Pages - SMX West 2013

But why should we craftmobile-specific pages for them?

So we know that the user is on a mobile device.

Page 13: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Why do we do landing pages?

Page 14: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Why do we do landing pages?

To give visitors exactly what they want in context.

Page 15: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Why responsive design landing pages aren’t necessarily best in a mobile context:

• Large assets loaded behind the scenes

• (In)visible content hard to conceptualize

• Different copy may be preferred

• Different CTAs may be preferred

• Conditional code complicated to manage

Page 16: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Mobile users are a different segment than desktop users.

If you’re not optimizing mobile and desktop/tablet users independently, you’re almost certainly confounding your test results.

Page 17: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Advantages of native mobile landing pages:

• Super lightweight pages for speed

• Targeted copy and CTAs

• Thumb-friendly interface

• Mobile-specific features (geolocation)

• WYSIWYG design of user experience

• Independent testing of mobile segment

Page 18: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Taps, vertical scrolling, click-to-call, swipes, and app installs are easy.

Pinch/zoom, horizontal scrolling, and forms aren’t.

Page 19: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 20: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 21: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Marketing > Content

Page 22: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Heresy!

Page 23: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Marketing > ContentGood content is important — but there ismore to marketing than good content.

Marketing is not (just) publishing.

Page 24: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Put another way: don’t forget the marketing in content marketing.

Page 25: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 26: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Good: mobile website.

Page 27: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 28: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 29: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Better: targeted mobile landing pages for specific high-value searches.

Page 30: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 31: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 32: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 33: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Serves: e-commerce optimization, store location, and brand building.

Page 34: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 35: The Quest for Awesome Mobile Landing Pages - SMX West 2013

“Judge me by my size, do you? Hmm?”

Page 36: The Quest for Awesome Mobile Landing Pages - SMX West 2013

“Judge me by my size, do you? Hmm?”

Um, yes.

Page 37: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 38: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 39: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://tools.pingdom.com/fpt/

What’s weighing your pages down? ?

Page 40: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Yoda was wicked fast.

Page 41: The Quest for Awesome Mobile Landing Pages - SMX West 2013

But won’t 4G make all these speed concerns irrelevant?

Page 42: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 43: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://www.gomez.com/wp-content/downloads/19986_WhatMobileUsersWant_Wp.pdf

Page 44: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://www.gomez.com/wp-content/downloads/19986_WhatMobileUsersWant_Wp.pdf

Page 45: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Mobile landing pages can be small and fast… but still make a visceral impact.

Page 46: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 47: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 48: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 49: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 50: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Even interactive content such as a — gasp! — rotator can be mobilized. *

* (Super lightweight and without Flash, of course.)

Page 51: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 52: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 53: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 54: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 55: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 56: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 57: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 58: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 59: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 60: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 61: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 62: The Quest for Awesome Mobile Landing Pages - SMX West 2013

What’s the best way to determine location?

Page 63: The Quest for Awesome Mobile Landing Pages - SMX West 2013

HTML5 Geolocation IP Geolocation

+ Highly accurate

+ Privacy polite

– Prompt required

+ No prompting

– Not very accurate

– Can be spooky

Mitigate downside by using cookies, delayed interaction, and explicit geo-feature actions.

Mitigate downsides by using as “default” in location form fields in less accurate settings.

Page 64: The Quest for Awesome Mobile Landing Pages - SMX West 2013

IP geolocation accurate to within 25 miles but only 81% of the time in the U.S.

Page 65: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 66: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 67: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 68: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 69: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 70: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Why accurate geo-location matters.

Page 71: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://services.google.com/fh/files/blogs/our_mobile_planet_us_en.pdf

Page 72: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://services.google.com/fh/files/blogs/our_mobile_planet_us_en.pdf

Page 73: The Quest for Awesome Mobile Landing Pages - SMX West 2013

http://services.google.com/fh/files/blogs/our_mobile_planet_us_en.pdf

Page 74: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 75: The Quest for Awesome Mobile Landing Pages - SMX West 2013

You should test more thanmobile vs. non-mobile segments.

A/B test mobile-specific ideas.

Page 76: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Source: Marketing Leadership Council of Corporate Executive Board 2012

Page 77: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 78: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 79: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 80: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 81: The Quest for Awesome Mobile Landing Pages - SMX West 2013
Page 82: The Quest for Awesome Mobile Landing Pages - SMX West 2013

Constraints inspire creativity.

Page 83: The Quest for Awesome Mobile Landing Pages - SMX West 2013