Mobile: more than just an app

81
Topic for the next few slides ‘Name of referenced work’, Author/source/URL, date.

description

This is a talk Jonny Schneider and I gave as part of the Thoughtworks Quarterly Technology Briefing, on various aspects of mobile strategy and delivery.

Transcript of Mobile: more than just an app

Page 1: Mobile: more than just an app

Topic for the next few slides

‘Name of referenced work’, Author/source/URL, date.

Page 2: Mobile: more than just an app

Technology has changed

We behave differently

Creating better mobile products

Building mobile apps

›❯

›❯

›❯

›❯

Page 3: Mobile: more than just an app

Technology has changed

We behave differently

Creating better mobile products

Building mobile apps

›❯

›❯

›❯

›❯

Page 4: Mobile: more than just an app

http://www.flickr.com/photos/avlxyz/308574017

US market and mobile trends are similar to Australia

We’re using local research wherever possible

First, a note about stats.

Page 5: Mobile: more than just an app

http://www.nytimes.com/imagepages/2008/02/10/opinion/10op.graphic.ready.html

REFRIGERATOR

100%

80%

90%

60%

40%

20%

0

1900 1915 1930 1945 1960 1975 1990 2005

AIR-CONDITIONING

AUTOMOBILE

TELEPHONE

COLOR TV

INTERNET

ELECTRICITY

COMPUTER

MOBILE PHONE

Technology, people and time

Page 6: Mobile: more than just an app

http://www.nytimes.com/imagepages/2008/02/10/opinion/10op.graphic.ready.html

REFRIGERATOR

100%

80%

90%

60%

40%

20%

0

1900 1915 1930 1945 1960 1975 1990 2005

80 YEARS

50 YEARS

70 YEARS

AIR-CONDITIONING

AUTOMOBILE

TELEPHONE

COLOR TV

INTERNET

ELECTRICITY

MOBILE PHONE

COMPUTER

Technology, people and time

Page 7: Mobile: more than just an app

http://www.nytimes.com/imagepages/2008/02/10/opinion/10op.graphic.ready.html

REFRIGERATOR

100%

80%

90%

60%

40%

20%

0

1900 1915 1930 1945 1960 1975 1990 2005

30 YEARS

20 YEARS

AIR-CONDITIONING

AUTOMOBILE

TELEPHONE

COLOR TV

INTERNET

ELECTRICITY

80 YEARS

50 YEARS

70 YEARS

COMPUTER

MOBILE PHONE

Technology, people and time

Page 8: Mobile: more than just an app

Pew Research, 2012. http://pewinternet.org/Reports/2012/Digital-differences/Main-Report/Internet-adoption-over-time.aspx

0

20

40

60

80

‘95 ‘96 ‘97 ‘98 ‘99 ‘00 ‘00 ‘01 ‘02 ‘03 ‘04 ‘05 ‘06 ‘07 ‘08 ‘09 ‘10 ‘11

Internet adoption over time (percentage American adults)

Page 9: Mobile: more than just an app

The Australian Online Consumer Landscape Report, Nielsen 2012.

0

20

40

60

80

‘95 ‘96 ‘97 ‘98 ‘99 ‘00 ‘00 ‘01 ‘02 ‘03 ‘04 ‘05 ‘06 ‘07 ‘08 ‘09 ‘10 ‘11

Internet adoption over time (percentage American adults)

82% of Australian adults online in 2012

Page 10: Mobile: more than just an app

Pew Research Center, 2012. http://pewinternet.org/Reports/2012/Digital-differences/Main-Report/The-power-of-mobile.aspx

0

15

30

45

60

75

90

Apr ‘06 Apr ‘08 Sep ‘09 Sep ‘10 Aug ‘11 Feb ‘12

Desktop PCLaptopMobile PhoneTablet

Adult gadget ownership over time

Page 11: Mobile: more than just an app

Australia - Understanding the Mobile Consumer. Australian Bureau of Statistics. May, 2012. http://bit.ly/MKj8dqAustralian Mobile Phone Lifestyle Index. 2011. http://www.aimia.com.au/ampli The Australian Online Consumer Landscape Report, Nielsen 2012.

110% mobile device penetration

In Australia...

18% tablet ownership

52% of those are smartphones

0

15

30

45

60

75

90

Apr ‘06 Apr ‘08 Sep ‘09 Sep ‘10 Aug ‘11 Feb ‘12

Desktop PCLaptopMobile PhoneTablet

Page 12: Mobile: more than just an app

Data: http://isc.org; http://amta.org.au; http://wikipedia.org and various websites

‘87 ‘89 ‘91 ‘93 ‘95 ‘97 ‘99 ‘01 ‘03 ‘05 ‘07 ‘09 ‘11

Telecom ‘Walkabout’Motorola

Brick

Nokia 5110

Palm Treo

MotorolaRAZR

HTC Dream (1st Android)

iPhone 3

iPad 1

AMPSAnalogue

GSM2G/WAP/WML/i-mode

3G UMTS NextG

1st mobileweb browsers

SMS is born

1st WebKit browser

Predictive Text

Page 13: Mobile: more than just an app

http://www.flickr.com/photos/jakecaptive/3205277810

So What?

Page 14: Mobile: more than just an app

Technology has changed

We behave differently

Creating better mobile products

Building mobile apps

›❯

›❯

›❯

›❯

Page 15: Mobile: more than just an app

mitpress.mit.edu/books/norvh/chapter1.html

Don Norman, 1998

“...we tend to place the

emphasis on

the technologies

themselves, when it is

really the social impact

and cultural change that

will be most dramatic.”

Page 16: Mobile: more than just an app

What is the most radical, innovative mobile device

released in the last few years?

Vodafone 150

$10 - $15

Page 17: Mobile: more than just an app

http://na.unep.net/globalpop/africa/Appendix_6e.html

Population Density

Page 18: Mobile: more than just an app

http://apod.nasa.gov/apod/ap081005.html

Access to electricity

Page 19: Mobile: more than just an app

http://apod.nasa.gov/apod/ap081005.html

GSM Network Coverage

Page 20: Mobile: more than just an app

What does it mean forinformation sharing?

RapidFTR

Page 21: Mobile: more than just an app

Yesterday, We went go to the computer to use internet

We behave differently

Page 22: Mobile: more than just an app

Today, We access the internet any place, any time.

We behave differently

Page 23: Mobile: more than just an app

Australian Mobile Phone Lifestyle Index. 2011. http://www.aimia.com.au/ampli

0

20

40

60

80

100

Vo

ice

SMS

Ente

rtai

nm

ent

Vis

it w

eb

Sear

ch

Ban

kin

g

200920102011

Use of the mobile phone for different purposes

Page 24: Mobile: more than just an app

Pew Research, 2012. http://pewinternet.org/Reports/2012/Just-in-time/

‘Just in time’ information

86% of smartphone owners access information just-in-time...

41% coordinate a meet-up

35% solve an unexpected problem

20% get a up-to-the-minute transport info

Page 25: Mobile: more than just an app

Australian Mobile Phone Lifestyle Index, 2011. http://www.aimia.com.au/ampli

‘Just in time’ information

In Australia...

39% restaurant or cafe info

34% use mobile search daily

55% accessed maps/location/traffic

Page 26: Mobile: more than just an app

http://www.flickr.com/photos/martinhoward/2709364519

What does it mean for payments?

Page 27: Mobile: more than just an app

What does it mean for payments?

Page 28: Mobile: more than just an app

http://www.flickr.com/photos/deerkoski/7178643521

What does it mean for payments?

Page 29: Mobile: more than just an app

http://collections.europarchive.org/tna/20081202180014/

20-25% of GDP paid via SMS

Page 30: Mobile: more than just an app

50% of smartphone owners use their device in-store to help make purchasing decisions

What does it mean for retail?

Page 31: Mobile: more than just an app

Technology has changed

We behave differently

Creating better mobile products

Building mobile apps

›❯

›❯

›❯

›❯

Page 32: Mobile: more than just an app

2010 Native iOS and Android apps

2007 A dedicated mobile website

2012 Integrated mobile experience

What does success look like?

2014 ???

Page 33: Mobile: more than just an app

http://g.co/projectglass

Opportunistic interactions

Integrated with life

Everything is ‘smart’ and all things are connected

Post-mobile world

Page 34: Mobile: more than just an app

Remember the first 10 years of radio?

Page 35: Mobile: more than just an app

http://en.wikipedia.org/wiki/Television

Remember the first 10 years of television?

Page 36: Mobile: more than just an app

http://www.icehousedesigns.com/webarchive/images/flshbk_COLLAGE2.gif

Remember the first 10 years of the web?

Page 37: Mobile: more than just an app

‘Content or feature discrimination’

‘Graceful Degradation’

Big assumptions about customer needs

We’ve been saying ‘do less’

(on mobile) for a long time

Page 38: Mobile: more than just an app

‘full version’ mobile version

ContentContentContent

Product info ★ ★Exchange rates ★Interest rates ★Product disclosure statements ★Forms & documents ★

FeaturesFeaturesFeatures

check account balance ★ ★transfer funds ★ ★pay a bill with BPAY ★ ★schedule a future transfer ★Change daily limits ★Update mailing address ★

An example from banking

Page 39: Mobile: more than just an app

Morgan Stanley Associates Internet Trends (2010)

2007 2008 2009 2010 2011 2012 2013 2014 2015

Mobile Internet Users Desktop Internet Users

Mobile Majority is very close

Customers want to do more on mobile

Page 40: Mobile: more than just an app

A good start...

‘Progressive Enhancement’

Mobile first, content first

Feature parity

Page 41: Mobile: more than just an app

‘full version’ mobile version

ContentContentContent

Your bags ★ ★People ★ ★Notifications ★ ★Blog ★ ★Help ★ ★

FeaturesFeaturesFeatures

Create a new bag ★ ★Edit existing bag ★ ★Explore ★ ★Search Bagcheck ★ ★Create new discussion ★ ★Comment ★ ★

An example

Page 42: Mobile: more than just an app

Adaptation (usually) only dealswith the interface not the content

What if that version of the unicornisn’t helpful for me right now?

http://commons.wikimedia.org/wiki/File:Jednoro%C5%BCec.svg

Page 43: Mobile: more than just an app

http://www.flickr.com/photos/tomazstolfa/4845875443/

Portability and consistency

Adapt content as well as features

Create Once, Publish Everywhere

Responsive content

Page 44: Mobile: more than just an app

An example browse, discover

and decide

Ingredients list

Step-by-step cooking instructions

Page 45: Mobile: more than just an app

Make it easy for them

Customers choose when and how they interact with your brand

Seamless experiences

Page 46: Mobile: more than just an app

Precious Design Studios. http://www.slideshare.net/preciousforever/patterns-for-multiscreen-strategies

Page 47: Mobile: more than just an app

http://www.flickr.com/photos/thewolf/5812767917

AirBNB: getting it wrong.

Page 48: Mobile: more than just an app

‘Name of referenced work’, Author/source/URL, date.

REA: Getting it right.

Page 49: Mobile: more than just an app

‘Name of referenced work’, Author/source/URL, date.

Page 50: Mobile: more than just an app

‘Name of referenced work’, Author/source/URL, date.

Page 51: Mobile: more than just an app

Precious Design Studios. http://www.slideshare.net/preciousforever/patterns-for-multiscreen-strategies

Page 52: Mobile: more than just an app

An ecosystem of screens and physical interfaces

Page 53: Mobile: more than just an app

Consumers expect acontinuous experience

Page 54: Mobile: more than just an app

‘Name of referenced work’, Author/source/URL, date.

Some expensive and proprietary system

MainframeDatabase

Message Hub

RetailCall Centre

Legacy Thing

Page 55: Mobile: more than just an app

Technology has changed

We behave differently

Creating better mobile products

Building mobile apps

›❯

›❯

›❯

›❯

Page 56: Mobile: more than just an app

Different mobile platforms

Page 57: Mobile: more than just an app

Native or Web?

Page 58: Mobile: more than just an app

Objective C and Java

In the app store

Lowest barrier to a great experience

Native or Web?

Page 59: Mobile: more than just an app

HTML, CSS, Javascript

Distribute through the browser

Some reuse across platforms

Native or Web?

Page 60: Mobile: more than just an app

or

Page 61: Mobile: more than just an app

using PhoneGap

The Guardian

NATIVE HYBRID WEB

Democracy Now!

BBC OlympicsFacebookLinkedIn

Instagram Jump-in

Page 62: Mobile: more than just an app

http://www.flickr.com/photos/raeallen/200891658

How should you build your app?

Platform CoverageUser Experience

Page 63: Mobile: more than just an app

Platform Coverage

User Experience

Page 64: Mobile: more than just an app

Platform Coverage

User Experience

Laser

Page 65: Mobile: more than just an app

Platform Coverage

User Experience

Cover your bases

Page 66: Mobile: more than just an app

and

Don’t lock yourself into doing everything natively or

everything using the web

Page 67: Mobile: more than just an app

Shared presentation using HTML/CSS

Shared logic using Javascript

Sharing between platforms

Page 68: Mobile: more than just an app

Objective C Objective C

HTML / CSS Javascript

User Interface Client Logic

iPhone

Mobile Web

What would we do differently?

Page 69: Mobile: more than just an app

Objective C Objective C

HTML / CSS Javascript

User Interface Client Logic

Cal

atra

va

A bridge between native and web

Page 70: Mobile: more than just an app

http://en.wikipedia.org/wiki/Puente_del_Alamillo

More an approach than a framework

Technology choice per feature

Will soon be open source

Calatrava

Page 71: Mobile: more than just an app

But the app is just the tip of the iceberg

Page 72: Mobile: more than just an app

App Backend

Page 73: Mobile: more than just an app

App BackendAPI

Page 74: Mobile: more than just an app

APIApp Backend

How do we build simpler apps and smarter backends?

Product-aligned teams

RESTful web services

Serving data and style

Page 75: Mobile: more than just an app

Technology has changed

We behave differently

Creating better mobile products

Building mobile apps

›❯

›❯

›❯

›❯

Page 76: Mobile: more than just an app

Focus on customer behaviour before technology

Page 77: Mobile: more than just an app

Do more, not lessfor mobile

Page 78: Mobile: more than just an app

Break large systems into smaller, faster moving components so you can better respond to change

Page 79: Mobile: more than just an app

Whatever you do, use short iterations,

measure and learn quickly.

Page 80: Mobile: more than just an app

A. Person, 2011

“Nulla facilisi. Phasellus mollis nibh eget

tortor cursus congue. Vivamus velit tortor,

sodales sed feugiat in, gravida eu turpis.

Pellentesque quis neque at libero malesuada

tincidunt a in risus. Maecenas.”

‘Name of referenced work’, Author/source/URL, date.

Thank youJonny [email protected]

@jonnyschneider

0418 690 519

Stewart [email protected]

@stewgleadow

0421 634 361

Page 81: Mobile: more than just an app

‘Name of referenced work’, Author/source/URL, date.

Thank youTell us what you thinkfeedback.thoughtworks.com

http://bit.ly/qtbtw

Join Martin Fowler and Stewart Gleadow at Swipe Conference

15% discount for friends of ThoughtWorks

email [email protected] 

with ’15% TW discount’ in subject line to redeem offer