Hybrid AppsThe best of 2 worlds? | iPhoneDevCon 2010 | Cologne

About us

The best of 2 worlds?

2 technology trade-o!s?

Hybrid Apps

0,5 + 0,5 = 1 0,5 * 0,5 = 0,25

Your Choice: Web or App?

Native vs. Web?

Apps ≠ Sites

„my“ App„our“ Web

(maybe) many App‘s (must have) Site

„control“„browse“

Fixed Task

Many Tasks

PortalSolution

“Cool URIs don't change“Tim Berners-Lee

http://www.w3.org/Provider/Style/URI

“Apps are like Songs“Daniel K. Appelquisthttp://www.torgo.com/blog/2009/06/apps-are-like-songs.html

CompanyCI

OS Interface

Status11% Germans use a smartphone

= 9 million German smartphone owners

23% daily surfing the mobile Internet

54% of smartphone owners use Apps

Go-SMART-Studie

No Smartph

one

Status Check: Apps

ca. 500.000 Apps(Total since launch App Store)

Adaptation for all App stores for the maximum range?

Firmware

Hardware

Policies

Usage

70% use a regular 8 Apps

Ø 14 Apps installed

WuV Digitalbarometer (06/2010)

Cost vs. Benefit?

Status Check: Mobile Web

60 % WebKit

9 % RIM

9 % Opera

5 % Netfront

17 % Others

43 % IE

31 % Firefox

15 % WebKit

1,5 % Opera

9,5 % Others

Mobile Web Fixed Web

Rendering Engines

Source: Global Web Stats 10/2010 (http://www.w3counter.com/trends)Source: Device-Trends Report 10/2010 (http://www.sevenval.com)

42 % HTML528% HTML4

15% XHTML 1.0 14% XHTML MP

1% Other (inc. WML)

Markups

Source: Device-Trends Report 10/2010 (http://www.sevenval.com)

WebKit

WTF?

<b>bold</b>

What‘s wrong with XHTML MP?

The Mobile Web 2010

HTML5

Powerful JS Engines

CSS3Media Queries

Huge Display Resolutions

Frameworks

?

• WebKit fragmentation

• Other browsers

• „Mobile Issues“

• ...Device APIs, IE9/Gecko, ???

The su!ering continues...

Browsers suck

Apps suck• Platform knowledge

• Programmiersprachen

• Version Fragmentation

• Store Policies

NO!

This interests the user?

Interests: User

Usefulness Fun

„Find“

Usability

Social / Share

Marketing

Interests: Company

Cost / Benefit

Sales

What are the options?

WebSite

WebSite

Browser

WebTechnologies

SEO

Site Concept

Impulse

Surfer

Share

Online

WebSite

WebApp

Browser

WebTechnologies

SEO

Site Concept

Impulse

Surfer

Online

Share

WebSite

WebApp

Browser

WebTechnologies

SEO

Site Concept

App Concept

Professional

Impulse

Surfer

Online

Share

Share

WebApp

WebSiteHybrid App

Browser

WebTechnologies

SEO

Site Concept

App Concept

Professional

Impulse

Surfer

Online

WebAppProfessional

Share

WebSite

SEO

Impulse

Surfer

Hybrid App

Catalog

ShopBrowser

WebTechnologies

SDK

Platformspecific

Site Concept

App Concept

Online

User Updates

Reviews

WebSiteHybrid App

Native AppWebApp

Katalog

ShopBrowser

WebTechnologien

SDKSEO

Platformspezifisch

Site Concept

App Concept

Professional

Impulse

Surfer

Online

User Updates

Bewertungen

Share

WebSiteHybrid App

WebApp

Browser

WebTechnologien

SEO

Site Concept

Impulse

Surfer

Online

Share

Native AppFun

Catalog

ShopSDK

Platformspecific

App Concept

Professional

User Updates

Reviews

WebSiteHybrid App

Native AppWebAppFun

Catalog

ShopBrowser

WebTechnologies

SDKSEO

Platformspecific

Site Concept

App Concept

Professional

Impulse

Surfer

Online

User Updates

Reviews

Share

WebSite

Hybrid AppNative App

WebAppFu

nCa

talo

g

Brow

ser

Web

Tec

hnol

ogie

s

SDK

SEO

Plat

form

spe

cific

Site

Con

cept

App

Con

cept

Prof

essi

onal

Impu

lse

Surf

er

Onl

ine

Use

r Upd

ates

Rev

iew

s

Shar

e

x

x

x

x

x x

x

x

x

x x x

x

x

x

x

x

x

x

x x

x x

x

x

x

x

x

x

x

x

x

x

x

Matrix

CatalogBrowser

Web Technologies

SDK

Platform specific

Site Concept

App Concept

User UpdatesReviews

Hybrid App: Pros & Cons

Pro Contra

Interaction: Web/App

SDK & Browser

Web Technologies

No SEO

Surfer

#fault

Don‘t reinvent the browser!

?•Web!•Hybrid for the Store (Catalog)Step 1:•Analysis:•Profis?•Platform?•Features?

Step 2: •App (Native or Web) with „Profi Features“•Recommendation: WebApp

Step 3:

Recommendation

roland at sevenval.comhttp://www.flickr.com/photos/brent_nashville/4897351886

http://www.flickr.com/photos/mommyof4ruggies/346289381

http://www.flickr.com/photos/joeshlabotnik/305410323

http://www.flickr.com/photos/brent_nashville/4897351886

http://www.flickr.com/photos/markkelley/1022720488

http://www.flickr.com/photos/toyotauk/4754716913

http://www.flickr.com/photos/randysonofrobert/292020324

http://www.flickr.com/photos/stephenhackett/5039942687

http://www.flickr.com/photos/onesec/3759134687

http://www.flickr.com/photos/torkildr/4194610045

http://www.flickr.com/photos/laughingsquid/243706129

http://www.flickr.com/photos/mduchesn/sets/72157607790455060

http://www.flickr.com/photos/waltarrrrr/3055094883

http://www.flickr.com/photos/kenkuhl/2333650570

http://www.flickr.com/photos/zooboing/4543757687

http://www.flickr.com/photos/tomascaspers/404571268

http://www.flickr.com/photos/tantek/2314416269

http://www.flickr.com/photos/doug88888/3709856898

http://www.flickr.com/photos/katasta/893261286

http://www.flickr.com/photos/kb35/1644548833

http://www.flickr.com/photos/cverdier/3978990427

thank you!