96
Mobile web vs. native: It’s not about technology, it’s about psychology @brian_donohue

Mobile web vs. native apps: It's not about technology, it's about psychology

Embed Size (px)

DESCRIPTION

[Presented April 2012 at UX Masterclass in South Africa] Cold logic makes a hard case for opting for mobile web apps over native ones. If you can build it in HTML, CSS, and javascript, then do, right? Except for the pesky little detail called the real world, where marketers demand apps, boardrooms pay for apps, and even worse, users seem to prefer them. Or do they? In this talk, Brian will try to reframe the web vs native vs hybrid debate into a conversation about what your customers really need, and what they’ll actually use. The technology you choose for your mobile approach is of strategic importance, but you need to be thinking about much more than just technology.

Citation preview

Page 1: Mobile web vs. native apps: It's not about technology, it's about psychology

Mobile web vs. native:It’s not about technology, it’s about psychology

@brian_donohue

Page 2: Mobile web vs. native apps: It's not about technology, it's about psychology

This debate has been around a while - sort of

Page 3: Mobile web vs. native apps: It's not about technology, it's about psychology

Remember when Virgin used to be cool?

Page 4: Mobile web vs. native apps: It's not about technology, it's about psychology

http://url.ie/a1wt

Execs just want an iPhone/Android app

Page 5: Mobile web vs. native apps: It's not about technology, it's about psychology

How many of them are just vanity apps?

Page 6: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 7: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 8: Mobile web vs. native apps: It's not about technology, it's about psychology

There have been some strong opinions

Page 9: Mobile web vs. native apps: It's not about technology, it's about psychology

“ Native apps are a remnant of the Jurassic period of computer history, a local maximum that is holding us back.

The combination of a discovery service and just-in-time interaction is a powerful interaction model that native apps can’t begin to offer.”

Page 10: Mobile web vs. native apps: It's not about technology, it's about psychology

Gilt CEO told him customers are moving from web to the app because it’s “faster, simpler, more immersive”

It’s all about the “App Internet”

Page 11: Mobile web vs. native apps: It's not about technology, it's about psychology

Apparently no one else in his company agrees

Page 12: Mobile web vs. native apps: It's not about technology, it's about psychology

Be wary -- this stuff changes fast

2011: “Platforms are risky places to put your

business...If you can do it with the Web -- do it with the Web. It’s faster, cheaper, and easier.”

Web app masters tour, 2011: http://www.lukew.com/ff/entry.asp?1281

2010:“(Website owners interested in developing an iPhone app might start by developing an iPhone-targeted website, where most of this book’s design principles also apply.)”

Page 13: Mobile web vs. native apps: It's not about technology, it's about psychology

Source: http://url.ie/evp2

%

And let’s not ignore the bigger context here

of mobile phone users in the world use their phone for SMS. SMS is the primary use for mobile phone users around the world.

85

Page 14: Mobile web vs. native apps: It's not about technology, it's about psychology

time it takes for the average SMS to be read after it’s sent

time it takes for the average email to be read after it’s sent

4Source: http://url.ie/f18t

hours48 minutes

Page 15: Mobile web vs. native apps: It's not about technology, it's about psychology

Coke’s 70:20:10 rule for mobile:• 70% to SMS and MMS• 20% mobile internet• 10% mobile apps

Page 16: Mobile web vs. native apps: It's not about technology, it's about psychology

Of course -- what does Coke need an app for?

Page 17: Mobile web vs. native apps: It's not about technology, it's about psychology

Data suggests it’s neck and neck

47.6% of mobile Internet customers use native mobile apps and 47.5% use the Web browser on their devices.

Page 18: Mobile web vs. native apps: It's not about technology, it's about psychology

But it varies a lot

Page 19: Mobile web vs. native apps: It's not about technology, it's about psychology

People are getting fed up with the debate

Page 20: Mobile web vs. native apps: It's not about technology, it's about psychology

“While many people try to argue for one side or the other, the truth is there are great reasons for doing both”

Page 21: Mobile web vs. native apps: It's not about technology, it's about psychology

OK - so it’s not a zero sum game

But we still have to choose an approach!

Page 22: Mobile web vs. native apps: It's not about technology, it's about psychology

The logic that makes this seem obvious

Page 23: Mobile web vs. native apps: It's not about technology, it's about psychology

Fragmentation

Page 24: Mobile web vs. native apps: It's not about technology, it's about psychology

Going native is a policy of exclusion...

http://url.ie/a1xc

Page 25: Mobile web vs. native apps: It's not about technology, it's about psychology

“We could probably save 70% of our development budget by switching to a single, cross-platform client

Phil Lebin, CEOhttp://url.ie/a1xl

supports 5 native mobile platforms

“...all of these users on all these devices using Facebook mobile in the wide rainbow of lovely different experiences across Android, iPhone, Windows, the Web. That was great from a user perspective. What sucks? The environment for my developers, essentially. You have the bad old days. You have four different platforms to build for something essentially. You want to build for all of those groups? You are going to have to build the sucker four times.

Dave Fetterman, Engineering Managerhttp://url.ie/dj68

supports 4 native mobile platforms

Page 26: Mobile web vs. native apps: It's not about technology, it's about psychology

Defining “native” vs. “mobile web”

Objective C HTML, CSS, JS

C ++

Javaworks best on webkit browsers

Page 27: Mobile web vs. native apps: It's not about technology, it's about psychology

Different platforms usually means different people

Objective CJava

Page 28: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 29: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 30: Mobile web vs. native apps: It's not about technology, it's about psychology

Native isn’t always better

Native app only Both Web app only

Gyroscope and Accelerometer

Accessing filesystems (e.g. address book, photos)

Fully-immersive experience (e.g. gaming)

Support in-app purchases (Apple takes 30% cut)

Camera Smoother and more

responsive

Store data offline Access GPS Have app-like UI and

transitions Accessible as app

from home screen

Much easier to test, prototype, and rollout

Can update immediately (no app store approval), customers don’t have to update the app

HTML 5 is continually adding hardware capabilities

Page 31: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 32: Mobile web vs. native apps: It's not about technology, it's about psychology

Who’s going with HTML 5?

Page 33: Mobile web vs. native apps: It's not about technology, it's about psychology

The magic bullet?

Page 34: Mobile web vs. native apps: It's not about technology, it's about psychology

So is this an easy one?

Page 35: Mobile web vs. native apps: It's not about technology, it's about psychology

1. Your app needs to use the hardware

So let’s look at these criteria a little closer

Page 36: Mobile web vs. native apps: It's not about technology, it's about psychology

Native app only Both Web app only

Gyroscope and Accelerometer

Accessing filesystems (e.g. address book, photos)

Fully-immersive experience (e.g. gaming)

Support in-app purchases (Apple takes 30% cut)

Camera Smoother and more

responsive

Store data offline Access GPS Have app-like UI and

transitions Accessible as app

from home screen

??Findability??

Much easier to test, prototype, and rollout

Can update immediately (no app store approval), customers don’t have to update the app

Can link to the app (e.g. SMS with link to your bill)

HTML 5 is continually adding hardware capabilities

Page 37: Mobile web vs. native apps: It's not about technology, it's about psychology

This was reason we went native with Tayto

Page 38: Mobile web vs. native apps: It's not about technology, it's about psychology

Gmail launched their native app in November

Page 39: Mobile web vs. native apps: It's not about technology, it's about psychology

It didn’t go down so well amongst technorati

Page 40: Mobile web vs. native apps: It's not about technology, it's about psychology

Panned in the reviews as well

Page 41: Mobile web vs. native apps: It's not about technology, it's about psychology

Lesson: app expectations are VERY HIGH

Page 42: Mobile web vs. native apps: It's not about technology, it's about psychology

2. Frequency of use

Page 43: Mobile web vs. native apps: It's not about technology, it's about psychology

Apps that people use the most - the habit forming ones

Page 44: Mobile web vs. native apps: It's not about technology, it's about psychology

“As this data shows, while smart phone clients are important, there are even more people who use the mobile Twitter web site and/or SMS."

Page 45: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 46: Mobile web vs. native apps: It's not about technology, it's about psychology

Out of 425 million mobile users:

Page 47: Mobile web vs. native apps: It's not about technology, it's about psychology

Just because you hope peoplewill use your app frequently, that doesn’t necessarily mean they need a native app

Page 48: Mobile web vs. native apps: It's not about technology, it's about psychology

3. Damn those links

Page 49: Mobile web vs. native apps: It's not about technology, it's about psychology

Do you send out emails or SMSs?

Cries out for links to their mobile app (if they had one)

Page 50: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 51: Mobile web vs. native apps: It's not about technology, it's about psychology

The big disconnect

Page 52: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 53: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 54: Mobile web vs. native apps: It's not about technology, it's about psychology

4. The experience is just better

Page 55: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 56: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 57: Mobile web vs. native apps: It's not about technology, it's about psychology

It’s about the animations, the speed, the feel, the experience of the whole thing

Page 58: Mobile web vs. native apps: It's not about technology, it's about psychology

A billion shared “moments”

Path

Instagram

Page 59: Mobile web vs. native apps: It's not about technology, it's about psychology

What about their desktop experience?

Page 60: Mobile web vs. native apps: It's not about technology, it's about psychology

Clear app/ The new cool?

Page 61: Mobile web vs. native apps: It's not about technology, it's about psychology

Oooh, I can do that in HTML 5

http://clear.youyuxi.com/

Page 62: Mobile web vs. native apps: It's not about technology, it's about psychology

Well, sorta / But not for any other phones

Page 63: Mobile web vs. native apps: It's not about technology, it's about psychology

“The Web app and native experiences are very similar. We had set out to mimic the native app and make the transition to the Web app seamless. Although it was tricky to achieve precisely the same quality (e.g., access to apis), we quickly got very close (say, 80-90% the same user experience). We have since stopped development of the native app and are aggressively developing the HTML5 version.”

http://url.ie/ew19

You can actually do a lot of this with HTML5

Page 64: Mobile web vs. native apps: It's not about technology, it's about psychology

But to (nearly) replicate the UI, you’re basically writing code totally tailored to one device. It’s like a native app, it’s just a different language.

And the experience will never be quite as good.

Page 65: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 66: Mobile web vs. native apps: It's not about technology, it's about psychology

“It doesn’t feel like a real app”

Page 67: Mobile web vs. native apps: It's not about technology, it's about psychology

Lesson: If the experience is part of your differentiator, you gotta make it native

Page 68: Mobile web vs. native apps: It's not about technology, it's about psychology

5. Findability

Page 69: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 70: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 71: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 72: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 73: Mobile web vs. native apps: It's not about technology, it's about psychology

Maybe this will take off?

Page 74: Mobile web vs. native apps: It's not about technology, it's about psychology

We still live in an app cultureThe cold reality:

Page 76: Mobile web vs. native apps: It's not about technology, it's about psychology

People expect you to have an app

Page 77: Mobile web vs. native apps: It's not about technology, it's about psychology

51Source: http://url.ie/f1sk

apps83 apps

Average iOS device owner downloads this many apps in a year

in 2011 in 2010

Page 78: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 79: Mobile web vs. native apps: It's not about technology, it's about psychology

But hold on a second...

Page 80: Mobile web vs. native apps: It's not about technology, it's about psychology

What that looks like

Page 81: Mobile web vs. native apps: It's not about technology, it's about psychology

Are you going to be a top 10 app?

Page 82: Mobile web vs. native apps: It's not about technology, it's about psychology

To download is not to keep, or use

iOS and Android users

Page 83: Mobile web vs. native apps: It's not about technology, it's about psychology

The disposable app culture: Download it, use it once,forget about it, bin it

Page 84: Mobile web vs. native apps: It's not about technology, it's about psychology

Why isn’t there a parallel debateabout whether to build for the Mac App store or the desktop browser?

Page 85: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 86: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 87: Mobile web vs. native apps: It's not about technology, it's about psychology

Why isn’t there a parallel debateabout whether to build for the Mac App store or the desktop browser?

Our app culture isn’t all that logical.

(What culture is?)

Page 88: Mobile web vs. native apps: It's not about technology, it's about psychology

You need to be brave to tell your boss that our customers won’t be able to download our app from the app store.

Page 89: Mobile web vs. native apps: It's not about technology, it's about psychology

Will we see our app culture disappear?

Brent Simmons - creator of NetNewsWirehttp://url.ie/f35r

Page 90: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 91: Mobile web vs. native apps: It's not about technology, it's about psychology
Page 92: Mobile web vs. native apps: It's not about technology, it's about psychology

The app culture:

Download it,

use it once,

forget about it,

bin it

Page 93: Mobile web vs. native apps: It's not about technology, it's about psychology

So....There are loads of reasons to go with the web• Cost/effort

• Reach

• Links

• Complete control

Page 94: Mobile web vs. native apps: It's not about technology, it's about psychology

But..There are good reasons to go native:• When you have to use the hardware

• When UX needs to be a differentiator

• When you won’t get found unless you’re in the app store

• (Many of us) live in app culture, albeit a disposable one

Page 95: Mobile web vs. native apps: It's not about technology, it's about psychology

Be realistic, be brave, don’t go native unless you know you really need to

Page 96: Mobile web vs. native apps: It's not about technology, it's about psychology

iQ Content Ltd, Clarendon House, 34-37 Clarendon Street, Dublin 2, Ireland. +353 (0)1 677 1140

Thanks for listening!