mobile web vs mobile apps

Mobile Apps VersusMobile Web

Joe HassJuly 26 2010

When In Doubt,Build For The Web

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

an app.”

“We don’t needtrain tracks.

We just needa train.”

State Of Mobile

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

Smart (OS) Phones

77%

23%

2008 Q4

69%

31%

2009 Q4

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

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

Smart Phone OSes, 2010 Q1

15%

21% 28%

36%

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

Smart Phone OSes, 2010 Q1

15%

21% 28%

36%

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

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

Three Phases ToThe Internet

Three Phases ToThe Internet

Three Phases ToThe Internet

Three Phases ToThe Internet

Desktop “Internet” 1984 1994 2000

Desktop “Internet” 1984 1994 2000

Mobile “Internet”

1998 2002 2007

Desktop “Internet” 1984 1994 2000

Mobile “Internet”

1998 2002 2007

MobileApps

2002 2008

Mobile Web

How Our Desktops Change...

How Our Phones Change...

What’s Out There

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

1K

2K

3K

4K

5K

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

1K

2K

3K

4K

5K

2.5K

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

1K

2K

3K

4K

5K

2.5K

4K

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

10K

20K

30K

40K

50K

2.5K4K

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

10K

20K

30K

40K

50K

2.5K4K

36K

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

100K

200K

300K

400K

500K

2.5K 4K36K

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

What’s Out There

Nokia Blackberry Android iPhone Touchscreen Sites0K

100K

200K

300K

400K

500K

2.5K 4K36K

185K

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

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/

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

“Grandpappy, tell us about the Mobile HTML 5 War

Of 2010.”

“Grandpappy, tell us about the Mobile HTML 5 War

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

arguing about that)

“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/

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

Your Mobile Strategy

Mobile Users Are Different, Even If They’re

The Same Person

• Location

• Needs

• Connections

• Speeds

• Software

• Display Size

• Urgency

How Comfortable Is...

• Your user base?

• Your development team?

• Your heart?

Let’s Go Build Whatever We’re Going

To Build

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/

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/

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/

Points To Consider

How often will the information need to be updated?

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

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

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

Is there a phone-specific task?

Does the interaction require something other than HTML?

Is there a money-making portion of it?

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

When In Doubt,Build For The Web

Congratulations OnYour New App/Site!

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

• 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?

Joe Hasshassgocubs@gmail.com

@hassgocubs

slideshare.net/hassgocubs