Mobile Web 1.0: Party Like It’s

1999Brian Massey

Conversion Sciences LLC @bmassey

@bmassey #CXLLive

@bmassey #CXLLive

1998

International SpeakerFounder of Conversion Sciences LLCAuthor Your Customer Creation EquationLab Wear Fashion Model

The Conversion Scientist BlogConversionScientist.comContact:brian@conversionsciences.com888.961.6604

Brian Massey, Conversion Scientist

Our Goal: Design Your Mobile Web 2.0 SitesQuick overview of broad mobile marketplace.Dismiss data from broad mobile marketplace.Understanding your mobile websites.Responsive site issues.What our tests are telling us about Mobile Web 2.0.

@bmassey

Mobile Web Marketplace

@bmassey

@bmassey

@bmassey

“Mobile Websites Will Always Have Lower Conversion Rates.”

@bmassey

The Best Mobile Web 2.0 Businesses will Enjoy Conversion Rates as Good or Better Than Desktop.

@bmassey

It will not take 10 years.

@bmassey

Golden Age of Tools

@bmassey

Your Mobile Web 2.0 will be Different from Mine

@bmassey

High School Students

Mobile

Desktop

@bmassey

High Price Ecommerce

@bmassey

Consumer Community

@bmassey

Addiction Treatment

@bmassey

Understand Your Mobile WebsitesIgnore the rest of the market.

@bmassey

We don’t have one mobile website, we have 10 or 20 or 30.

@bmassey

Google Analytics Technology Reports

@bmasseyhttp://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

@bmassey

Y O U R

SITE IS

BROKEN ON ONE OF

TH E S E

SCREENS

@bmassey

@bmassey

iPad, iOS 5

iPad, iOS 7.1

Windows Vista

Android 4.3

iPhones: iOS4, 5, 7 Android:

2.3.6, 4.0.4,

Windows 8, no

updates

OS X 10.6 Windows 8, regular updates +

VM’s

OS X 10.8

OS X 10.9

OS X 10.7 + VM’s

Windows XP

Windows 7

@bmassey

Test on 3G and 4G connections.

Mobile Web 2.0 Will Look Like Apps

@bmassey

Designing Mobile Web 2.0

Dedicated Mobile WebsitesMobile is Screen OneMobile-specific Calls to ActionApp-like InteractionsDifferent Experiences for iOS and Android

@bmassey

Responsive vs. Dedicated Mobile

m.

@bmassey

Responsive Templates make decisions for you.Not all of these decisions are good.

@bmassey

@bmassey

Loss of Trust

@bmassey #CXLLive

WebsiteShrink Ray

@bmassey

Slow MotionEmitter Ray

CollectorEmitter

It took a staggering 18.24 seconds on average for responsive home pages to

load on smartphones over a combination of 3G and 4G connections

@bmasseyhttps://www.internetretailer.com/trends/mobile-commerce/keynote-mobile-commerce-performance-index/

@bmassey

https://www.internetretailer.com/2014/06/02/ugly-truth-about-responsive-design-and-how-fix-it?p=1

“The first-generation responsive design sites in retail today simply do not perform well on smartphones when looking at a blend of the common 4G LTE, 4G and 3G wireless carrier connections.”

@bmassey

Mobile Visitors Want Something, well, Mobile

@bmassey

Remove Filler Images

Custom Mobile Experience

@bmassey

Responsive mobile sites require a redesign of the desktop site.

@bmassey

@bmassey

“The redesign that was two years in the making started badly leading to an 8% decrease in online sales not to mention countless frustrated and irate customers.”http://www.digital-tonic.co.uk/digital-tonic-blog/went-wrong-marks-spencer-website-redesign-made-lose-sales/

£150 million redesign took two years.

December

January

March

April

July

August

November

September

The Typical Redesign

@bmassey

Mobile Conversion Rate

@bmassey

Responsive Mobile Site

Significant decrease in Mobile load times

@bmassey

Definite Improvement

@bmassey

Disresponsive

@bmassey

App-like Features

@bmassey

Persistent Calls to Action

drugaddictionsite.com

###-###-####

drugaddictionsite.com

###-###-####

###-###-####

drugaddictionsite.com

###-###-####

drugaddictionsite.com

###-###-####

@bmassey

“Parachutes”

@bmassey

Persistent CTA###-####

drugaddictionsite.com

1-800-###-####

drugaddictionsite.com###-#### 1-800-###-####

1-800-###-####

drugaddictionsite.com

On Scroll

+9%

@bmassey

Mobile Devices Have PhonesRemember?

@bmassey

Write Tel Links Explicitly

+20%

@bmassey

For businesses that are trying to generate phone calls from their websites, mobile conversions are significantly higher than desktop conversions.

@bmassey

Persistent Calls to Action

@bmassey #CXLLive

The Mother of All Mobile Audiences

Photo Credit: https://www.flickr.com/photos/38134298@N00/6179186448/ Difei Li (cc)

@bmassey #CXLLive

Sticky Header vs. Sticky FooterSchoolfinder.comSchoolfinder.com

Schoolfinder.com

@bmassey

ResultsHeader

Treatments

FooterTreatments

+20%

Schoolfinder.com

Schoolfinder.com

Hypotheses

Ad Blindness

@bmassey

@bmassey

+45%

Footers can Work

@bmassey

Calls to Action

MenuSearchNavigateAdd to CartClick to CallSubscribeSocial Subscriptions

@bmassey

Mobile is Screen OneNot Desktop

@bmassey

More and more conversations will begin on the mobile screen.

@bmassey

Screenhoppers

@bmassey

Mobile Traffic Performs Horrendously

@bmassey

Desktop Design Tool

@bmassey

Mobile Dead End

69

@bmassey

Mobile Email Capture

70

5.3% Form Completion Rate (VWO)

@bmassey

The Visitor is Sent an Email with a specially-coded Link.

http://esigns.com/design?ref=mobileemail

26% Email Click-Through Rate (Google Analytics)

@bmassey

Results?

@bmassey

Not a Revenue Game Changer

@bmassey

Mobile Visitors Don’t Change Their Stripes

@bmassey

But Wait! What is the Value of an Email Address?

@bmassey

Email Does Deliver the Goods

5.3% = 1,370 new email addresses each month1,370 x 12 x $11 yearly revenue per recipient =

$181,000

@bmassey

Android is not like iOSThere are two “mobile” visitors today.

@bmassey

Sticky Headers

Android: +78.83% iPhone: +25.7%

Android: +3.9% iPhone: -21%

@bmassey

Navigation Menu

Preferred by Android Users

Preferred by iOS Users

@bmassey

Our Hypotheses are Coming from Apps

@bmassey

Mobile Design Patterns UX Patterns for Smartphone AppsbyTheresa Neil

@bmassey

Be Curious

@bmassey

Launch Pad Menus

@bmassey

Wizards, Quizzes, Questionnaires

@bmassey

Then There’s This

@bmassey

Mobilegeddon

@bmassey #CXLLive

It’s not time to go back in time, no matter how attractive it may be.

@bmassey

There are no best practices in Mobile. Your visitors are unique.

@bmassey

We are going to test our way out of Mobile Web 1.0 because we have awesome tools.

@bmassey

Web 2.0 is looking a lot like Mobile Apps.

@bmassey

Disresponsive mobile sites don’t look like Apps.

@bmassey

Mobile Visitors Want a Mobile Experience

@bmassey

Android or iOS Users are Aliens

@bmassey

Whoever figures out mobile first wins.

@bmassey

Are You Ready for Something Special?