the quest for awesome mobile landing pages

104
The Quest for Awesome Mobile Landing Pages by Sco’ Brinker @chiefmartec

Post on 15-Sep-2014

20 views

Category:

Documents


1 download

DESCRIPTION

Scott Brinker's Presentation from SMX East Conference.

TRANSCRIPT

Page 1: The Quest for Awesome Mobile Landing Pages

The  Quest  for  Awesome  Mobile  Landing  Pages  

by  Sco'  Brinker  @chiefmartec  

Page 2: The Quest for Awesome Mobile Landing Pages

Responsive  design  is  wonderful.  

Page 3: The Quest for Awesome Mobile Landing Pages

Responsive  design  is  wonderful.  

But  are  mobile  na9ve  landing  pages  be'er  in  some  cases?    

Page 4: The Quest for Awesome Mobile Landing Pages

Heresy!  

Page 5: The Quest for Awesome Mobile Landing Pages

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

Page 6: The Quest for Awesome Mobile Landing Pages

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

Page 7: The Quest for Awesome Mobile Landing Pages

Scenario  #1:  Mobile  ads  

Page 8: The Quest for Awesome Mobile Landing Pages

h'p://services.google.com/A/files/blogs/our_mobile_planet_us_en.pdf  

Page 9: The Quest for Awesome Mobile Landing Pages
Page 10: The Quest for Awesome Mobile Landing Pages

11.5%  increase  in  CTR  

Page 11: The Quest for Awesome Mobile Landing Pages
Page 12: The Quest for Awesome Mobile Landing Pages

•  Bid  differently  •  Define  a  separate  mobile  budget  

•  Test  different  keywords  • Write  mobile-­‐specific  ad  text  

•  Use  mobile-­‐specific  landing  pages  

Page 13: The Quest for Awesome Mobile Landing Pages

Scenario  #2:  QR  codes  

Page 14: The Quest for Awesome Mobile Landing Pages
Page 15: The Quest for Awesome Mobile Landing Pages
Page 16: The Quest for Awesome Mobile Landing Pages

Something  be'er  may  replace  QR  codes,  but  will  sLll  be  a  mobile  context.    

Page 17: The Quest for Awesome Mobile Landing Pages
Page 18: The Quest for Awesome Mobile Landing Pages

These  are  scenarios  where  we  know  the  user  is  on  a  mobile  device.  

Page 19: The Quest for Awesome Mobile Landing Pages

But  why  should  we  craM  mobile-­‐specific  pages  for  them?  

These  are  scenarios  where  we  know  the  user  is  on  a  mobile  device.  

Page 20: The Quest for Awesome Mobile Landing Pages

Why  do  we  do  landing  pages?  

Page 21: The Quest for Awesome Mobile Landing Pages

Why  do  we  do  landing  pages?  

To  give  visitors  exactly  what  they  want  in  context.  

Page 22: The Quest for Awesome Mobile Landing Pages

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  

•  CondiLonal  code  complicated  to  manage  

Page 23: The Quest for Awesome Mobile Landing Pages

Mobile  users  are  a  different  segment  than  desktop  users.  

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

Page 24: The Quest for Awesome Mobile Landing Pages

Advantages  of  na9ve  mobile  landing  pages:  

•  Super  lightweight  pages  for  speed  •  Targeted  copy  and  CTAs  •  Thumb-­‐friendly  interface  

•  Mobile-­‐specific  features  (geolocaLon)  

•  WYSIWYG  design  of  user  experience  

•  Independent  tesLng  of  mobile  segment  

Page 25: The Quest for Awesome Mobile Landing Pages

Taps,  verLcal  scrolling,  click-­‐to-­‐call,  and  app  installs  are  easy.  

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

Page 26: The Quest for Awesome Mobile Landing Pages

Marke9ng    >    Content  

Page 27: The Quest for Awesome Mobile Landing Pages

Heresy!  

Page 28: The Quest for Awesome Mobile Landing Pages

Marke9ng    >    Content  

Good  content  is  important  —  but  there  is  more  to  marke9ng  than  good  content.  

Page 29: The Quest for Awesome Mobile Landing Pages

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

Page 30: The Quest for Awesome Mobile Landing Pages
Page 31: The Quest for Awesome Mobile Landing Pages

Good:  mobile  website.  

Page 32: The Quest for Awesome Mobile Landing Pages
Page 33: The Quest for Awesome Mobile Landing Pages
Page 34: The Quest for Awesome Mobile Landing Pages

Be'er:  targeted  mobile  landing  pages  for  specific  high-­‐value  searches.  

Page 35: The Quest for Awesome Mobile Landing Pages
Page 36: The Quest for Awesome Mobile Landing Pages
Page 37: The Quest for Awesome Mobile Landing Pages
Page 38: The Quest for Awesome Mobile Landing Pages

Serves:  e-­‐commerce  opLmizaLon,  store  locaLon,  and  brand  building.  

Page 39: The Quest for Awesome Mobile Landing Pages
Page 40: The Quest for Awesome Mobile Landing Pages

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

Page 41: The Quest for Awesome Mobile Landing Pages

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

Um,  yes.  

Page 42: The Quest for Awesome Mobile Landing Pages
Page 43: The Quest for Awesome Mobile Landing Pages
Page 44: The Quest for Awesome Mobile Landing Pages

Assessment:  blazing  fast.  

Page 45: The Quest for Awesome Mobile Landing Pages
Page 46: The Quest for Awesome Mobile Landing Pages
Page 47: The Quest for Awesome Mobile Landing Pages

h'p://tools.pingdom.com/fpt/  

What’s  weighing  your  pages  down?   ?  

Page 48: The Quest for Awesome Mobile Landing Pages

Yoda  was  wicked  fast.  

Page 49: The Quest for Awesome Mobile Landing Pages

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

Page 50: The Quest for Awesome Mobile Landing Pages
Page 51: The Quest for Awesome Mobile Landing Pages

h'p://www.mobilespeedtest.com  

Page 52: The Quest for Awesome Mobile Landing Pages

h'p://www.gomez.com/wp-­‐content/downloads/19986_WhatMobileUsersWant_Wp.pdf  

Page 53: The Quest for Awesome Mobile Landing Pages

h'p://www.gomez.com/wp-­‐content/downloads/19986_WhatMobileUsersWant_Wp.pdf  

Page 54: The Quest for Awesome Mobile Landing Pages

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

Page 55: The Quest for Awesome Mobile Landing Pages
Page 56: The Quest for Awesome Mobile Landing Pages
Page 57: The Quest for Awesome Mobile Landing Pages
Page 58: The Quest for Awesome Mobile Landing Pages
Page 59: The Quest for Awesome Mobile Landing Pages
Page 60: The Quest for Awesome Mobile Landing Pages

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

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

Page 61: The Quest for Awesome Mobile Landing Pages
Page 62: The Quest for Awesome Mobile Landing Pages
Page 63: The Quest for Awesome Mobile Landing Pages
Page 64: The Quest for Awesome Mobile Landing Pages
Page 65: The Quest for Awesome Mobile Landing Pages
Page 66: The Quest for Awesome Mobile Landing Pages
Page 67: The Quest for Awesome Mobile Landing Pages
Page 68: The Quest for Awesome Mobile Landing Pages
Page 69: The Quest for Awesome Mobile Landing Pages
Page 70: The Quest for Awesome Mobile Landing Pages
Page 71: The Quest for Awesome Mobile Landing Pages
Page 72: The Quest for Awesome Mobile Landing Pages

What’s  the  best  way  to  determine  locaLon?  

Page 73: The Quest for Awesome Mobile Landing Pages

HTML5  Geoloca9on   IP  Geoloca9on  

+    Highly  accurate  

+    Privacy  polite  

–    Prompt  required  

+    No  promp9ng  

–    Not  very  accurate  

–    Can  be  spooky  

MiLgate  downside  by  using  cookies,  delayed  interacLon,  and  explicit  geo-­‐feature  acLons.  

MiLgate  downsides  by  using  as  “default”  in  locaLon  form  fields  in  less  accurate  sefngs.  

Page 74: The Quest for Awesome Mobile Landing Pages

IP  geolocaLon  accurate  to  within  25  miles  but  only  81%  of  the  9me  in  the  U.S.  

Page 75: The Quest for Awesome Mobile Landing Pages
Page 76: The Quest for Awesome Mobile Landing Pages
Page 77: The Quest for Awesome Mobile Landing Pages
Page 78: The Quest for Awesome Mobile Landing Pages
Page 79: The Quest for Awesome Mobile Landing Pages
Page 80: The Quest for Awesome Mobile Landing Pages
Page 81: The Quest for Awesome Mobile Landing Pages

Why  accurate  geo-­‐locaLon  ma'ers.  

Page 82: The Quest for Awesome Mobile Landing Pages

h'p://services.google.com/A/files/blogs/our_mobile_planet_us_en.pdf  

Page 83: The Quest for Awesome Mobile Landing Pages

h'p://services.google.com/A/files/blogs/our_mobile_planet_us_en.pdf  

Page 84: The Quest for Awesome Mobile Landing Pages

h'p://services.google.com/A/files/blogs/our_mobile_planet_us_en.pdf  

Page 85: The Quest for Awesome Mobile Landing Pages
Page 86: The Quest for Awesome Mobile Landing Pages
Page 87: The Quest for Awesome Mobile Landing Pages
Page 88: The Quest for Awesome Mobile Landing Pages
Page 89: The Quest for Awesome Mobile Landing Pages
Page 90: The Quest for Awesome Mobile Landing Pages

Haversine  formula  

Page 91: The Quest for Awesome Mobile Landing Pages
Page 92: The Quest for Awesome Mobile Landing Pages

You  should  do  test  more  than  mobile  vs.  non-­‐mobile  segments.  

A/B  test  mobile-­‐specific  ideas.  

Page 93: The Quest for Awesome Mobile Landing Pages

Source:  MarkeLng  Leadership  Council  of  Corporate  ExecuLve  Board  2012  

Page 94: The Quest for Awesome Mobile Landing Pages

Source:  MarkeLng  Leadership  Council  of  Corporate  ExecuLve  Board  2012  

Page 95: The Quest for Awesome Mobile Landing Pages
Page 96: The Quest for Awesome Mobile Landing Pages
Page 97: The Quest for Awesome Mobile Landing Pages
Page 98: The Quest for Awesome Mobile Landing Pages
Page 99: The Quest for Awesome Mobile Landing Pages
Page 100: The Quest for Awesome Mobile Landing Pages

Constraints  inspire  crea9vity.  

Page 101: The Quest for Awesome Mobile Landing Pages
Page 102: The Quest for Awesome Mobile Landing Pages
Page 103: The Quest for Awesome Mobile Landing Pages
Page 104: The Quest for Awesome Mobile Landing Pages