dml 13 jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

85

Upload: emerce

Post on 13-Jul-2015

458 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!
Page 2: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

@jeroentjepkema

Performance Usability Experience:: ::

Page 3: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Rules of Thumb5 reasons consumers abandon your mobile strategy

Digital Marketing Live, March 20-21, 2013

Page 4: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

@jeroentjepkema, MeasureWorks

speedI

Page 5: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0

Page 6: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0,3Instantaneous: I like it!

0

Page 7: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

1

0,3Instantaneous: I like it!

Interaction: Let’s conversate...

0

Page 8: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

1

3

0,3Instantaneous: I like it!

Interaction: Let’s conversate...

Mmm, shall I click away?

0

Page 9: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

10

1

3

0,3Instantaneous: I like it!

Interaction: Let’s conversate...

Mmm, shall I click away?

Only if the task/content is relevant

0

Page 10: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Which do you prefer?

Page 11: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Enter the “flow state”

Page 12: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Relevant content, to support

task completion

Page 13: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

With fast delivery, focus on interaction

Page 14: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Flow is an “optimal experience”

that is “intrinsically enjoyable”

“”

Page 15: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

Page 16: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

On the move

Page 17: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

On the move

(Often) one handed

Page 18: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

On the move

(Often) one handed

Under time pressure

Page 19: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

On the move

(Often) one handed

Under time pressure

Content

Page 20: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

On the move

(Often) one handed

Under time pressure

Content

Usability

Page 21: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

The mobile “FLOW”

On the move

(Often) one handed

Under time pressure

Content

Usability

Speed

Page 22: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Time for an experiment... ;-)

Page 23: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Survey 1:How do we respond to

mobile only?

Page 24: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Mobile Only research setup....

30 mobile savvy usersFor 5 days straight,

only use your smartphone to access

the internet3G only, no WiFi

Page 25: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Survey 2: How do we experience

mobile shopping?

Survey 1:How do we respond to

mobile only?

Page 26: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Mobile shopping experience setup....

100 mobile users Mobile browsers only via 3G, no WiFi

Perform 2 tasks:‣Buy a book‣Buy a T-shirt

Page 27: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Now, time for the details...

Page 28: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

1.“Always on?”

Page 29: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Day 1 Day 2 Day 3 Day 4 Day 5

175180200250256

Mobile Usage (Mb)

Mobile Only research:- Task: Only use smartphone to access internet and perform tasks, no WiFi- Test ran during 5 days straight, performed over android and iOS users- N = 30, all heavy users

Page 30: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0

25

50

75

100

Day 1 Day 2 Day 3 Day 4 Day 5

Native App vs Mobile Web usage (%)

Native App Mobile WebMobile Only research:- Task: How often do you use your native app or mobile web compared to a) day 1 and b) regular usage- Test ran during 5 days straight, performed over android and iOS users- N = 30, all heavy users

Page 31: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

What impacts mobile only behaviour?

Page 32: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

My mobile data subscription

Screen size vs. Content

There’s an app for that

Q: What changes impacts mobile behaviour?

Mobile browsers

Page 33: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

2.Mobile

readiness

Page 34: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0

25

50

75

100

Bol.com Selexyz Bruna Other

1. Buy a book 2. Review 3. Buy at a different store

161624

44

Design Speed Mobile Readiness Other

12

46

2616

Design Speed Mobile Readiness Other

Page 35: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Bol.com Selexyz De Boekerij ECI Bruna Cosmox

Page 36: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Target your audience!

0%

10%

20%

30%

40%

Speed Readiness

18%

40% 40%

25%

< 34 > 35

Mobile Web42%

Native58%

Mobile Web55%

Native45%

< 34 > 35

Page 37: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

3.Speed

Page 38: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!
Page 39: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0

12,5

25

37,5

50

Zalando HM V&D Tom Tailor3,97,7

15,4

42,1

1. Buy a T-shirt 2. Review

4

45

2420

Design Speed Mobile Readiness Other

0

10

20

30

40

Zalando HM V&D Tom Tailor

8

34

15,4126

18

54

21

Design Speed Mobile Readiness Other

Roun

d 1

Roun

d 2

Many issues reported with

Zalando?

Page 40: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Nexus - Android - 3GTested with webpagetest.org (3G traffic shaping, 2000Kbps Down, 1000 Kbps Up, 150ms latency)

Page 41: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Nexus - Android - 3G

Tested with webpagetest.org (3G traffic shaping, 2000Kbps Down, 1000 Kbps Up, 150ms latency)

Page 42: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Nexus - Android

Apple - iOS

Tested with webpagetest.org (3G traffic shaping, 2000Kbps Down, 1000 Kbps Up, 150ms latency)

Page 43: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0 8.04.8

Tested with webpagetest.org (3G traffic shaping, 2000Kbps Down, 1000 Kbps Up, 150ms latency)

Page 44: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!
Page 45: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

0

2

4

6

8

Zalando TomTailor HM VD

8

4,21

5,39

3,883,62

2,85

4,21

1,72

Wifi 3G

Tested with webpagetest.org (3G traffic shaping, 2000Kbps Down, 1000 Kbps Up, 150ms latency)

Page 46: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

4.Usability

Page 47: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Optimized vs Non-optimized

Page 48: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

- +Selecting items

Page 49: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

To login or not?

Page 50: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

try it yourself

RTLnieuws Telegraaf Nu.nl

Page 51: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

5.#fail

Page 52: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!
Page 53: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Source: Compuware, 2012, Engaging the tablet user; What to expect from web sites?

Why it matters? 76% of mobile consumers won’t retry more than twice

Page 54: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

What impacts mobile experience?

Page 55: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

#fail

What impacts mobile experience?

Page 56: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

#fail Usability

What impacts mobile experience?

Page 57: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

#fail Usability Speed

What impacts mobile experience?

Page 58: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

#fail Usability Speed Mobile readiness

What impacts mobile experience?

Page 59: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Always on?#fail Usability Speed Mobile readiness

What impacts mobile experience?

Page 60: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Recipe for experience

Page 61: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

1.Eco-System

of me

Page 62: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

You

1.Eco-System

of me

Page 63: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Deliver the same experience to all your (mobile) users

Page 64: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Regular website

Deliver the same experience to all your (mobile) users

Page 65: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Regular website Native Application

Deliver the same experience to all your (mobile) users

Page 66: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Regular website Native ApplicationOptimized Mobile Web

Deliver the same experience to all your (mobile) users

Page 67: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Responsiveweb design?

Page 68: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

2. Build mobile

use cases

Page 69: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Focus on task completion

Page 70: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

With mobile

conditions in mind

Page 71: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Optimized for the right screen

Page 72: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!
Page 73: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Native app

Mobile Web - Landscape

Mobile Web - Portrait

Page 74: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

3.Real users,

Real devices

Page 75: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

@jeroentjepkema, MeasureWorks

INTERNET CUSTOMERS

Third-party/ Cloud Services

Content Delivery Networks

Local ISP

Mobile Carriers

Major ISP

INTERNAL USERS (CLOUD) DATA CENTER

Storage DB Servers Web Servers

App Servers

Middleware Servers Mainframe

Load Balancers

Network This is what you control... What you’re blamed for..

Page 76: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Measure User Experience?

Page 77: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Measure User Experience? Outside-in, from the browser perspective...

Page 78: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Use real devices and/or users

Page 79: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

With both 3G and WiFi

connections

Page 80: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Based on Real usage scenario’s

Page 81: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!
Page 82: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

If anything else...

Page 83: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Don’t just copy your web

content

Create a (mobile)

experience

Page 84: Dml 13   jeroen tjepkema - measureworks - wat comsumenten vooral niet doen op hun mobiel!

Questions?

Questions? Or visit the demo alley