hybrid apps / iphonedevcon 2010
DESCRIPTION
TRANSCRIPT
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!