61
Mobile Apps Versus Mobile Web Joe Hass July 26 2010

Mobile Web Vs Mobile Apps

Embed Size (px)

DESCRIPTION

From the 2010 Internet Usability Conference, how to best determine whether to use the Web or build your own app for mobile devices.

Citation preview

Page 1: Mobile Web Vs Mobile Apps

Mobile Apps VersusMobile Web

Joe HassJuly 26 2010

Page 2: Mobile Web Vs Mobile Apps

When In Doubt,Build For The Web

Page 3: Mobile Web Vs Mobile Apps
Page 4: Mobile Web Vs Mobile Apps

“We don’t needa mobile site.We just need

an app.”

Page 5: Mobile Web Vs Mobile Apps

“We don’t needtrain tracks.

We just needa train.”

Page 6: Mobile Web Vs Mobile Apps
Page 7: Mobile Web Vs Mobile Apps

State Of Mobile

Page 8: Mobile Web Vs Mobile Apps

US Cell Phone Users

0

75

150

225

300

2002 2003 2004 2005 2006 2007 2008 2009

276M262M

243M

219M

194M

169M

148M135M

http://files.ctia.org/pdf/CTIA_Survey_Midyear_2009_Graphics.pdf

Page 9: Mobile Web Vs Mobile Apps

Smart (OS) Phones

77%

23%

2008 Q4

69%

31%

2009 Q4

http://www.npd.com/press/releases/press_100317.html

Page 10: Mobile Web Vs Mobile Apps

What people are doingwith their phones

Take a picture

Send/receive text messages

Play a game

Send/receive e-mail

Access the Internet

Play music

Send/receive instant messages

Record a video

0 20 40 60 80

34%

30%

33%

38%

34%

34%

72%

76%

Apr 09 May 10

http://www.pewinternet.org/Reports/2010/Mobile-Access-2010/Part-2.aspx?r=1

Page 11: Mobile Web Vs Mobile Apps

Smart Phone OSes, 2010 Q1

15%

21% 28%

36%

http://www.npd.com/press/releases/press_100510.html

Page 12: Mobile Web Vs Mobile Apps

Smart Phone OSes, 2010 Q1

15%

21% 28%

36%

RIM Android iPhone Otherhttp://www.npd.com/press/releases/press_100510.html

Page 13: Mobile Web Vs Mobile Apps

Mobile Web Browsers

Opera

iPhone

Nokia

BlackBerry

iPod Touch

Android

NetFront

Sony PSP

Other

0 10 20 30

5%

1%

3%

5%

10%

12%

17%

20%

26%

http://gs.statcounter.com/#mobile_browser-ww-monthly-200907-201006-bar

Page 14: Mobile Web Vs Mobile Apps

Three Phases ToThe Internet

Page 15: Mobile Web Vs Mobile Apps

Three Phases ToThe Internet

Page 16: Mobile Web Vs Mobile Apps

Three Phases ToThe Internet

Page 17: Mobile Web Vs Mobile Apps

Three Phases ToThe Internet

Page 18: Mobile Web Vs Mobile Apps
Page 19: Mobile Web Vs Mobile Apps

Desktop “Internet” 1984 1994 2000

Page 20: Mobile Web Vs Mobile Apps

Desktop “Internet” 1984 1994 2000

Mobile “Internet”

1998 2002 2007

Page 21: Mobile Web Vs Mobile Apps

Desktop “Internet” 1984 1994 2000

Mobile “Internet”

1998 2002 2007

MobileApps

2002 2008

Page 22: Mobile Web Vs Mobile Apps

Mobile Web

Page 23: Mobile Web Vs Mobile Apps

How Our Desktops Change...

Page 24: Mobile Web Vs Mobile Apps

How Our Phones Change...

Page 25: Mobile Web Vs Mobile Apps

What’s Out There

http://www.taptu.com/metrics/

Page 26: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

1K

2K

3K

4K

5K

http://www.taptu.com/metrics/

Page 27: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

1K

2K

3K

4K

5K

2.5K

http://www.taptu.com/metrics/

Page 28: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

1K

2K

3K

4K

5K

2.5K

4K

http://www.taptu.com/metrics/

Page 29: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

10K

20K

30K

40K

50K

2.5K4K

http://www.taptu.com/metrics/

Page 30: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

10K

20K

30K

40K

50K

2.5K4K

36K

http://www.taptu.com/metrics/

Page 31: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

100K

200K

300K

400K

500K

2.5K 4K36K

http://www.taptu.com/metrics/

Page 32: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

100K

200K

300K

400K

500K

2.5K 4K36K

185K

http://www.taptu.com/metrics/

Page 33: Mobile Web Vs Mobile Apps

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

100K

200K

300K

400K

500K

2.5K 4K36K

185K

440.1K

http://www.taptu.com/metrics/

Page 34: Mobile Web Vs Mobile Apps

Google Voice versus Apple

• June 2009: Google submits “Google Voice” as an iPhone app.

• July 2009: Apple rejects app, saying “The app replaces certain iPhone functions and features.”

• January 2010: Google rolls out Google Voice via Web app

http://arstechnica.com/apple/news/2010/01/hands-on-with-google-voices-improved-web-app-for-iphone.ars

Page 35: Mobile Web Vs Mobile Apps

“Grandpappy, tell us about the Mobile HTML 5 War

Of 2010.”

Page 36: Mobile Web Vs Mobile Apps

“Grandpappy, tell us about the Mobile HTML 5 War

Of 2010.”(Steve Jobs wishes we would go back to

arguing about that)

Page 37: Mobile Web Vs Mobile Apps

“If developers need to rewrite their Flash websites, why not use modern technologies like HTML5, CSS and

JavaScript?”

http://www.apple.com/hotnews/thoughts-on-flash/

Page 38: Mobile Web Vs Mobile Apps

Mobile HTML5: The future is here coming soon in the distance going to need to pack a lunch.

iPhone Safari

Google Android 2.2

Opera Mini

http://gigaom.com/2010/06/19/app-creep-and-the-case-for-the-mobile-browser/

Full Com

patability

Page 39: Mobile Web Vs Mobile Apps

Your Mobile Strategy

Page 40: Mobile Web Vs Mobile Apps

Mobile Users Are Different, Even If They’re

The Same Person

Page 41: Mobile Web Vs Mobile Apps

• Location

• Needs

• Connections

• Speeds

• Software

• Display Size

• Urgency

Page 42: Mobile Web Vs Mobile Apps
Page 43: Mobile Web Vs Mobile Apps

How Comfortable Is...

• Your user base?

• Your development team?

• Your heart?

Page 44: Mobile Web Vs Mobile Apps

Let’s Go Build Whatever We’re Going

To Build

Page 45: Mobile Web Vs Mobile Apps

How you develop doesn’t change

• User Needs and Objectives

• Functional Specs and Content Requirements

• Interaction Design and Information Architecture

• Information Design

• Visual Design

• Development

• Quality Assurance

• Publish/Submit

http://www.jjg.net/elements/

Page 46: Mobile Web Vs Mobile Apps

Apple’s Tale Of The Tape

iPhone App Safari BrowserLocation/GPS Y Y

Camera Y N

Accelerometer/Gyroscope Y Portrait/Landscape

Audio/Video Y Y

Offline Usage Y HTML5 Caching

Push Notifications Y N

Set-Up Fee $99 $0

Billing iTunes Not iTunes

Approval Process Y N

http://mashable.com/2010/06/10/why-you-may-not-need-a-mobile-app/

Page 47: Mobile Web Vs Mobile Apps

Apple’s Tale Of The Tape

iPhone App Safari BrowserLocation/GPS Y Y

Camera Y N

Accelerometer/Gyroscope Y Portrait/Landscape

Audio/Video Y Y

Offline Usage Y HTML5 Caching

Push Notifications Y N

Set-Up Fee $99 $0

Billing iTunes Not iTunes

Approval Process Y N

http://mashable.com/2010/06/10/why-you-may-not-need-a-mobile-app/

Page 48: Mobile Web Vs Mobile Apps

Points To Consider

Page 49: Mobile Web Vs Mobile Apps

How often will the information need to be updated?

Page 50: Mobile Web Vs Mobile Apps

Will the user needs to be connected to the Web to use it?

Page 51: Mobile Web Vs Mobile Apps

Will the user connected to the Web outside your “world”?

Page 52: Mobile Web Vs Mobile Apps

How fast do you want to launch it?

“After 8 days ... I get a notice that my app had been rejected. The reason? I had called it ‘FindIt for iPad’ on the title screen, and

this is a copyrighted term. … What required 8 days to figure out that ‘iPad’ was

prominently placed on the main page?”

http://eclectictechie.blogspot.com/2010/06/review-process-for-ipad-apps-yikes.html

Page 53: Mobile Web Vs Mobile Apps

Is there a phone-specific task?

Page 54: Mobile Web Vs Mobile Apps

Does the interaction require something other than HTML?

Page 55: Mobile Web Vs Mobile Apps

Is there a money-making portion of it?

Page 56: Mobile Web Vs Mobile Apps

How Do You Want People To Find Out About It?

• Apple: Web apps for iPhone

• Weather Underground mobile link

• Weather Bug info link (dead)

• ZDNet: review of iPhone weather apps

• albinoblacksheep.com/weather

• Yahoo! mobile weather link

• AccuWeather.com iPhone link

• The Apple Blog: top 10 iPhone weather apps

Page 57: Mobile Web Vs Mobile Apps

When In Doubt,Build For The Web

Page 58: Mobile Web Vs Mobile Apps

Congratulations OnYour New App/Site!

“Thread (Fio)”, Cildo Meireles. Museum of Modern Art, New York

Page 59: Mobile Web Vs Mobile Apps

• Organic

• Sniff redirect

• Integrate with other media

• Paid

• Search

• Rich/text ads

• Partnership

Molly Garris, Leo Burnett

How can you share this information with the rest of the world?

Page 60: Mobile Web Vs Mobile Apps
Page 61: Mobile Web Vs Mobile Apps

Joe [email protected]

@hassgocubs

slideshare.net/hassgocubs