Maximize Your M-Commerce Strategy

34
Maximize Your M-Commerce Strategy Imad Mouline CTO APM Solutions, Compuware @imadmouline Presented at MeasureWorks Mobile Performance Meet-up March 16, 2011

Transcript of Maximize Your M-Commerce Strategy

Page 1: Maximize Your M-Commerce Strategy

Maximize Your M-Commerce Strategy

Imad Mouline – CTO APM Solutions, Compuware

@imadmouline

Presented at MeasureWorksMobile Performance Meet-upMarch 16, 2011

Page 2: Maximize Your M-Commerce Strategy

Agenda

The big question: Native App or Mobile Site?

The typical evolution of a mobile strategy

Mobile performance: whose problem is it?

Best Practices and Recommendations

Page 3: Maximize Your M-Commerce Strategy

How Do We Engage Mobile Users?

Regular websiteOptimized mobile

websiteMobile native

application

Page 4: Maximize Your M-Commerce Strategy

Should We Just Go With Our Website?

Most smart and feature phones and tablets do not support complex, high bandwidth Flash & Ajax applications

Common problems include usability hindrances, navigation paradigm clashes and screen real estate management issues

T-Mobile G1Blackberry BoldiPhone 4

Page 5: Maximize Your M-Commerce Strategy

Should We Just Go With Our Website?

iPad 3.2 - 18.7 sec.

Firefox 3.6.3 - 6.5 sec.

Internet Explorer 7.0 - 9.8 sec. iPhone - 43.0 sec.

“Full website” performance tested on mobile browsers using WiFi

Page 6: Maximize Your M-Commerce Strategy

We Need A Mobile Strategy – Should We Focus On A Mobile Site, Or A Mobile App, Or SMS?

App

Mobile site

SMS

ADDRESSABLE AUDIENCE

App

Mobile site

SMS

RICHNESS OF EXPERIENCE/ DEVELOPMENT COST

Smart-phones

Smart & mid-end phones

Smart, mid-end & feature phones

DEVICE FOCUS

What is the profile of our end-users and what are they trying to achieve using our mobile initiative?

Page 7: Maximize Your M-Commerce Strategy

What Are The Pros And Cons Of A Mobile Website?

Pros Latest browsers increasingly

support - access to local resources - latest performance

optimization approaches

Short time to market Higher level of device

compatibility

Cons No access to certain native

resources – e.g. camera Sophisticated performance

optimization techniques difficult to master

Page 8: Maximize Your M-Commerce Strategy

What Are The Pros And Cons Of A Mobile Application?

Pros Device-specific look and feel Access to local/native

resources One touch startup Opportunities for improved

perceived performance

Cons Friction Need to maintain backwards

compatibility/fragmentation Long time to launch/approval

process

Page 9: Maximize Your M-Commerce Strategy

0% 10% 20% 30% 40% 50% 60% 70% 80% 90%

S

m

a

r

t

p

h

o

n

e

Q

M

D

F

e

a

t

u

r

e

p

h

o

n

e

Daily Weekly Monthly

What Types Of Devices Should We Support?

Source: Forrester Research North American Technographics® Benchmark Surveys, Q2 2010

Research shows smartphone owners are by far the most active users of the mobile web

Page 10: Maximize Your M-Commerce Strategy

The Typical Evolution of a Company’s Mobile Strategy

Denial – Don’t do anything “Mobile Phone Users? Do we have any?”

“Just have them go to our regular website”

(Reluctant) Acceptance – Create a minimal mobile site “Let’s create a simple version of our website that works across all devices”

Lowest common denominator approach

Panic – Get an app store presence as quickly as possible “We have to have a native app. Everyone else is doing it”

Create a thin native wrapper around the browser object. Low effort. Questionable value.

Contemplation – Fix the native app “Wow! These phones can do that?”

Iteratively replace browser object with native calls, add device-specific capabilities

Maturity – Optimize the mobile site “Wow! I can do that in a browser? Really?”

Use the mobile-specific browser capabilities to enhance mobile site

Limitation

Opportunity

Page 11: Maximize Your M-Commerce Strategy

The Typical Evolution of a Company’s Mobile Strategy

Page 12: Maximize Your M-Commerce Strategy

Smartphones Have Redefined Mobile End-Users’ Experience Expectations

By end of 2011 Nielsen expects more smartphones in U.S. than feature phones

As of November 2010 31 percent of U.S. mobile

subscribers own smartphones

45 percent of recent acquirers chose a smartphoneover a feature phone

Mobile users expect rich,engaging mobile website and application end-user experiences

Page 13: Maximize Your M-Commerce Strategy

End-Users’ Mobile Experience Expectations Are Increasing

Page 14: Maximize Your M-Commerce Strategy

Not Meeting Your Customers’ Mobile Web Experience Expectations Negatively Impacts Brand Equity And Revenue

Media company has no insight

into performance or availability of

outsourced mobile website

Social media allows users to voice and record their frustration in real-time, negatively

impacting revenue and brand equity

Research shows 60% of mobile Web users had a problem in the past year when accessing a Website on their phone

Page 15: Maximize Your M-Commerce Strategy

Not Meeting Your Customers’ Mobile App Experience Expectations Negatively Impacts Brand Equity And Revenue

Mobile app stores feature built-in end-user feedback mechanisms that directly

impact app uptake

Page 16: Maximize Your M-Commerce Strategy

Mobile Service Performance Impacts Business Results

0

5

10

15

20

25

30

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Ab

and

on

me

nt

Rat

e (%

)

Page Load Time Band (sec.)

Abandonment Rate -All Browsers

Source: Gomez real user monitoring

Abandonment Rate Across 200+ Sites / 177+ Million Page Views Over 2 weeks / All Browsers

Page 17: Maximize Your M-Commerce Strategy

Mobile Service Performance Impacts Business Results

0

5

10

15

20

25

30

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Ab

and

on

me

nt

Rat

e (%

)

Page Load Time Band (sec.)

Abandonment Rate -All Browsers

Abandonment Rate -iPhone Safari

Source: Gomez real user monitoring

Abandonment Rate Across 200+ Sites / 177+ Million Page Views Over 2 weeks / All Browsers vs. iPhone Safari

Page 18: Maximize Your M-Commerce Strategy

BANKING TRAVEL NEWS RETAIL SPORTS

Fastest Fastest Fastest Fastest Fastest

3.138 sec 4.086 sec 6.301 sec 8.602 sec 15.837 sec

Slowest Slowest Slowest Slowest Slowest

Mobile Website And Application Performance Is Not Somebody Else’s Problem

Your competitors’ mobile services are delivered over the same wireless networks as your own

Differences in mobile web page response times across verticals3 US locations, AT&T/iPhone, 27 Dec 2010 to 24 Jan 2011

Page 19: Maximize Your M-Commerce Strategy

iPhone Performance in the Netherlands – February 2011

-

2

4

6

8

10

12

14

16

18

20

Load Time Perceived Render Time

Page 20: Maximize Your M-Commerce Strategy

Employees

Mainframe

Storage

Data Center

Web Services

Mobile Components

Web Servers

App Servers

DB Servers

Load Balancers

WANOptimization

Virtual/Physical Environment

LocalISP

Mobile Carrier

Browsers

Devices

MajorISP

Content Delivery Networks

3rd Party/Cloud Services

Customers

Employees (via WAN)

Cloud

Private Public

Network

Is it my data

center?

Is it anISP or the Internet?

Is it a 3rd party

provider?

Is it a browser

or device?

Delivering Quality Mobile Web And App Experiences Is Difficult

1. What is the business impact?

2. Where is the root cause?

Page 21: Maximize Your M-Commerce Strategy

Know Your End-Users And Their Context

Can end-users complete key transactions in the mobile context? Under time pressure While on the move Often one-handed With intermittent network connections & GPS signals

What devices do they use?

What networks are they on?

What are their usage patterns?

What is their location?

What else are they doing?

Page 22: Maximize Your M-Commerce Strategy

Know Your Application

Inside the firewall

Outside the firewall User’s device

SessionInformation

Search

CMS content

Shoppingcart

Ads fromAdserver

CDNcontent

Video frommedia server

Web analytics

Page 23: Maximize Your M-Commerce Strategy

Know Your Browsers: Browsers Are Evolving

HTML5 support

Application cache canvas, audio, video, local storage, geo-location, web workers etc.

CSS3 Support

Webfonts, animations, gradients, shadows, etc.

Performance improvements

Faster JavaScript processing

Parallel download of JS scripts

More parallel connections

Resource pre-fetching

Multi-threading in JS

Key Trend - more and more client-side processing

Page 24: Maximize Your M-Commerce Strategy

Browsers Are Evolving Fast

Google and Apple driving HTML5 support for web & mobile browsers “We're betting big on HTML 5.” - Vic Gundotra, Google “The world is moving to HTML5.” - Steve Jobs, Apple

HTML5 Test is an indicator of browser support for HTML5 features Safari, Chrome and mobile browsers lead the way

iPad 3.2 Safari 5.0

IE 7

Android 2.2

IE 9 betaIE 8

Chrome 6iPhone 4.2

FF 3.6

HTML5 Test (max 300 points ) - http://html5test.com/

Page 25: Maximize Your M-Commerce Strategy

Leverage HTML 5 Support For Improved Performance And Better Experiences Across A Wide Range Of Devices

Page 26: Maximize Your M-Commerce Strategy

Simplify And Think End-User Goals

Fewer steps to complete an end-user goal equals better perceived performance from an end-users’ perspective

Page 27: Maximize Your M-Commerce Strategy

Know If Your Mobile Site’s Performance Compares Favorably To The Competition

Your competitors’ mobile site and app performance

contributes to shaping your customers’ expectations

Page 28: Maximize Your M-Commerce Strategy

Validate Your Mobile Site Renders As Expected For All End-Users

iOS 4.1 – iPhone 3GSBlackBerry OS 5 – Storm 2Android 2.2 – Nexus One

Page 29: Maximize Your M-Commerce Strategy

Make Sure Your Mobile Service Performs As Expected For All End-Users

Page 30: Maximize Your M-Commerce Strategy

Prepare For Success

Mobile site & app traffic exceeded expectations& overwhelmed mobile delivery infrastructure

leading to slow load times & outages

Page 31: Maximize Your M-Commerce Strategy

Adopt A “One Web” Application Performance Management Philosophy

What constitutes mobile?

Web & mobile sites & applications often share infrastructure & web services

Important to leverage established and common best practices, metrics and technologies for both mobile and web channels Garner operational efficiencies

Identify mobile specific problems, web specific problems or both across the entire web application delivery chain – from device to datacenter

iPhone App

iPad & Safari

Windows 7 & ChromeiPhone & Safari

Page 32: Maximize Your M-Commerce Strategy

How To Assure The Customer Mobile Web Experience

Stop thinking of mobile as a channel with limitations

Know your end-users and their context

Simplify and think end-user goals

Make sure your mobile service meets end-users’ experience & performance expectations

Know if your mobile site’s performance compares favorably to the competition

Prepare for success

Adopt a “One Web” application performance management philosophy

Page 33: Maximize Your M-Commerce Strategy

Ensure Your Mobile Initiatives Perform

Deliver quality mobile Website, application and SMS experiences

Benchmark mobile service performance against the competition

Identify, diagnose & resolve performance issues before customers are impacted

Ensure mobile sites & apps perform optimally under peak traffic conditions

Page 34: Maximize Your M-Commerce Strategy

Questions

Reduced downtime 45%

Reduced seven-step transaction time by 50%

Increased conversions 10%

Validated decision to consolidate three data centers

Achieved under 3 second response time and 99%+ availability

Reduced homepage load time from 11.3 seconds to 3.4 seconds

Improved page load times 23%

Saved 50%+ in staff and fees

Gomez Customers Enjoy Measurable Benefits

For more information visit Gomez.com or contact us at +1 781.778.2700