0
Native                  vs            Web                  vs        HybridMobile Development Choices          Jason Grigs...
Early 2008
“It’s about usage. Not units”• Number of queries on Google search from iPhones surpassed those  from Symbian-based phones ...
Surprise Story of 2008Flickr photo by Drift Words: http://www.flickr.com/photos/44124413076@N01/11846265/
Flickr photo by Civisi: http://www.flickr.com/photos/civisi/2611679744/      Web 2.0                                       ...
http://www.readwriteweb.com/archives/top_10_web_platforms_of_2008.php
What makes the App Store successful?                       Carriers                App Store                              ...
30 millionhttp://blog.wired.com/gadgets/2009/02/shoot-is-iphone.html#c148364123                                           ...
Gold Rush was On
Ringtone Apps(FYI: Justin’s app is out soon. GymRat. $4.99)              http://twitter.com/justin/status/1210786170      ...
Ringtone Apps150001125075003750    0        0   1.99   3.99     5.99       7.99          9.99   11.99   13.99   15.99+    ...
Brutally Honest iPhone App Sales:     $32k Spent vs. $535 RevenueDapple http://www.streamingcolour.com/blog/2009/03/09/the...
Throwaway Appshttp://www.pinchmedia.com/appstore-secrets/
Throwaway Appshttp://www.pinchmedia.com/appstore-secrets/
Pinch Media’s Conclusions•Users stop using the average applications quickly.•Long-term audiences are generally 1% of total...
Success Determined by Top Lists & Features        http://appcubby.com/blog/files/financial_realities.html
More Open ≠ No Gatekeeper    96%    Approved   (what about that 4%?)
10 Rejected Applications                                                              •   Obama Trampoline                ...
iPhone Only Part of World Wide Market   Symbian        RIM            Windows Mobile                iPhone       Linux   P...
3.3                                         Billion                                           Mobile phone for            ...
3.3 Billion in PerspectiveSource: http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html   http://commu...
2007 SMS Revenue: 100 billionFlickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
2007 SMS Revenue: 100 billion                                                                            •Box Office       ...
200 billion for data services in 2008                                        (SMS accounts for 130B)                      ...
Symbian                     Windows MobileObjective C              WebOS                                                  ...
Google Mobile — App Challenges                  • Pressure from CEO for rapid releases                  • 10+ platforms to...
Fragmentation:      This is what the      web is supposed          to solve.Flickr photo by .Hessam: http://www.flickr.com/...
Mobile Web Doubled in 2008                              Jan 08                             Jan 09                    10821...
Mobile Internet to Grow Despite Recession  Average intended usage increase over the next 24 months                        ...
Top Five Services Non-users Intendto Start Using in the Next 24 Months                        U.S.     Europe    Mobile In...
Mobile Web Distribution                     Carriers               App Store            Mobile Web                   Close...
Ok Hot Shot, How are You Going to Create    Super Monkey Ball with HTML?
Ok Hot Shot, How are You Going to Create    Super Monkey Ball with HTML?                            <div id=”bridge”      ...
Ok Hot Shot, How are You Going to Create    Super Monkey Ball with HTML?                            <div id=”bridge”      ...
Five Common Reasons for Native Apps                         Performance                         Offline Mode               ...
Not for all applicationsGood enough for many applicationsJavascript Performance improving   Hardware Accelerated CSS  Web ...
Javascript Speed Wars                http://webkit.org/blog/189/announcing-squirrelfish/              http://news.cnet.com/...
Javascript Speed Wars                http://webkit.org/blog/189/announcing-squirrelfish/              http://news.cnet.com/...
Javascript Speed Wars                http://webkit.org/blog/189/announcing-squirrelfish/              http://news.cnet.com/...
Javascript Speed Wars                http://webkit.org/blog/189/announcing-squirrelfish/              http://news.cnet.com/...
Javascript Speed Wars                http://webkit.org/blog/189/announcing-squirrelfish/              http://news.cnet.com/...
We’ve Become Bandwidth Gluttons                                                     Since 2003:                           ...
Yahoo!’s 14 Performance Rules (Now 34!)1. Make Fewer HTTP Requests                          8. Make JavaScript and CSS Ext...
Offline Support• HTML 5  • Client-side Database Storage API  • Application Cache• Essentially SQLite in browser• Available ...
25,000 Apps          &  Findability?http://148apps.com/10000
“It all depends on the application, of course,” saysMauro Montanaro, [Fox Mobile CEO] “and whetherthey are paid or free.” ...
Geolocation API   CameraAddress BookAccelerometer
Flickr photo by Lyza Gardner: http://www.flickr.com/photos/lyza/49545547/
Flickr photo by Thomas Purves: http://www.flickr.com/photos/thomaspurves/744225198/
http://phonegap.com
What Can You Do With PhoneGap?              http://phonegap.com/projects
PhoneGap?Yeswecan
Mobile Progressive Enhancement                             [content]   http://mobiforge.com/designing/story/effective-desi...
Mobile Progressive Enhancement                             [content]  WURFL   http://mobiforge.com/designing/story/effecti...
Mobile Progressive Enhancement                             [content]  WURFL   http://mobiforge.com/designing/story/effecti...
Mobile Progressive Enhancement                             [content]  WURFL                                               ...
Mobile Progressive Enhancement                             [content]  WURFL                                               ...
Keys to Successful Hybrid Apps•Make the experience feel like a native application•Take advantage of the enhanced features•...
Flickr photo by MarkKelley: http://www.flickr.com/photos/markkelley/1022720488/
Thank You for Your Time!Work: http://cloudfour.com • Blog: http://userfirstweb.com • Twitter: @grigs          Mobile Concur...
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Mobile Developement Choises
Upcoming SlideShare
Loading in...5
×

Mobile Developement Choises

1,777

Published on

Native vs Web vs Hybrid

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,777
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
46
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile Developement Choises"

  1. 1. Native vs Web vs HybridMobile Development Choices Jason Grigsby @grigs on Twitter • jason@cloudfour.com cloudfour.com • userfirstweb.com mobileportand.com
  2. 2. Early 2008
  3. 3. “It’s about usage. Not units”• Number of queries on Google search from iPhones surpassed those from Symbian-based phones in the days after Christmas. Nokia’s Symbian-based phones are 40% of the market worldwide.• German iPhone users consume 30 times more data.• 95% of iPhone customers regularly surf the Internet. Data services revenue increased from $2.7 billion in 2005 to $6.9 billion in 2007.• Google sees 50 times the number of searches using the iPhone than any other mobile device. They were so surprised, they asked their engineers to check the logs to make sure it was correct.• This is why major companies, Google, Quicken, etc. are all launching iPhone-optimized services despite the iPhone’s 1% market share.
  4. 4. Surprise Story of 2008Flickr photo by Drift Words: http://www.flickr.com/photos/44124413076@N01/11846265/
  5. 5. Flickr photo by Civisi: http://www.flickr.com/photos/civisi/2611679744/ Web 2.0 iPhone App Store Web-based Apps Native AppsServices & Mashups Few APIs between appsSoftware as Service No Recurring Revenue Cloud Computing Local Storage
  6. 6. http://www.readwriteweb.com/archives/top_10_web_platforms_of_2008.php
  7. 7. What makes the App Store successful? Carriers App Store Open to anyone Openness Closed, Seek permission who signs agreement Entry Cost Thousands of dollars $99Revenue Split 60/40 to 50/50 70/30 Restrictions Many Few Releases Difficult, Timely 1 to 2 weeksMicropayments Inconsistent iTunes for every phone
  8. 8. 30 millionhttp://blog.wired.com/gadgets/2009/02/shoot-is-iphone.html#c148364123 devices 25,000http://www.newsweek.com/id/174266 apps 800 millionhttp://businessweek.com/@@0M43kIYQYKPISw0A/technology/content/sep2008/tc20080930_257832.htm downloads
  9. 9. Gold Rush was On
  10. 10. Ringtone Apps(FYI: Justin’s app is out soon. GymRat. $4.99) http://twitter.com/justin/status/1210786170 http://furbo.org/2008/12/09/ring-tone-apps/ http://furbo.org/2009/02/16/raising-prices/
  11. 11. Ringtone Apps150001125075003750 0 0 1.99 3.99 5.99 7.99 9.99 11.99 13.99 15.99+ http://148apps.com/10000
  12. 12. Brutally Honest iPhone App Sales: $32k Spent vs. $535 RevenueDapple http://www.streamingcolour.com/blog/2009/03/09/the-numbers-post-aka-brutal-honesty/
  13. 13. Throwaway Appshttp://www.pinchmedia.com/appstore-secrets/
  14. 14. Throwaway Appshttp://www.pinchmedia.com/appstore-secrets/
  15. 15. Pinch Media’s Conclusions•Users stop using the average applications quickly.•Long-term audiences are generally 1% of total downloads•Paid apps retain users longer, but still steep drop off. http://www.pinchmedia.com/appstore-secrets/
  16. 16. Success Determined by Top Lists & Features http://appcubby.com/blog/files/financial_realities.html
  17. 17. More Open ≠ No Gatekeeper 96% Approved (what about that 4%?)
  18. 18. 10 Rejected Applications • Obama Trampoline • MyShoe • I Am Poor • The South Park App • Pull My Finger • iBoobs • Slasher • Murderdome • Podcaster • Freedom Time "Even though my personal political leanings are Democratic, I think this app will be offensive to roughly half our customers. Whats the point?" — Steve Jobshttp://www.pcworld.com/article/159887-2/rejected_10_iphone_apps_that_didnt_make_apples_app_store.html
  19. 19. iPhone Only Part of World Wide Market Symbian RIM Windows Mobile iPhone Linux Palm OS Other 20000 17949 15000 10000 7443 4714 5000 4079 3195 0 327 437 Q4 2008 Smartphone Sales — Thousands of Units http://www.gartner.com/it/page.jsp?id=910112
  20. 20. 3.3 Billion Mobile phone for half the planet.Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/
  21. 21. 3.3 Billion in PerspectiveSource: http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html http://communities-dominate.blogs.com/brands/2008/01/when-there-is-a.html
  22. 22. 2007 SMS Revenue: 100 billionFlickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
  23. 23. 2007 SMS Revenue: 100 billion •Box Office •DVD Sales & Rentals Combined •Music Industry •Video GamesFlickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
  24. 24. 200 billion for data services in 2008 (SMS accounts for 130B) •Box Office •DVD Sales & Rentals Combined •Music Industry •Video GamesFlickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
  25. 25. Symbian Windows MobileObjective C WebOS C Java ME Dalvik Palm Visual Basic C++ .NET Compact BREW Flickr photo by André-Batista: http://www.flickr.com/photo_zoom.gne?id=408700622&size=o
  26. 26. Google Mobile — App Challenges • Pressure from CEO for rapid releases • 10+ platforms to support • Over 100 different buildshttp://www.flickr.com/photos/83731031@N00/445924458/ • http://www.flickr.com/photos/mcdave/142758127/ http://www.flickr.com/photos/nataliejohnson/290541732/
  27. 27. Fragmentation: This is what the web is supposed to solve.Flickr photo by .Hessam: http://www.flickr.com/photos/essamo/1070527547/
  28. 28. Mobile Web Doubled in 2008 Jan 08 Jan 09 10821 Daily 22369 10312 Weekly 19283 36870Ever in Month 63182 0 17500 35000 52500 70000 Unique Users (000s) http://www.comscore.com/press/release.asp?press=2752
  29. 29. Mobile Internet to Grow Despite Recession Average intended usage increase over the next 24 months U.S. Europe Current Users 58% 55% Non-Users 27% 28% http://www.tellabs.com/news/2009/index.cfm/nr/53.cfm
  30. 30. Top Five Services Non-users Intendto Start Using in the Next 24 Months U.S. Europe Mobile Internet 49% 34% MMS 38% 39% Uploading Photos 34% 27%Software/app download 30% 30% Email 28% 32%
  31. 31. Mobile Web Distribution Carriers App Store Mobile Web Closed, Seek Open to anyone Openness Completely Open permission who signs agreement Entry Cost Thousands of dollars $99 NoneRevenue Split 60/40 to 50/50 70/30 100% Restrictions Many Few None Releases Difficult, Timely 1 to 2 weeks InstantaneousMicropayments Inconsistent iTunes for every phone Not yet
  32. 32. Ok Hot Shot, How are You Going to Create Super Monkey Ball with HTML?
  33. 33. Ok Hot Shot, How are You Going to Create Super Monkey Ball with HTML? <div id=”bridge” class=”rope”> <div id=”bubble”> <span id=”monkey sprite- replace”> Monkey</span> jquery-banana.js
  34. 34. Ok Hot Shot, How are You Going to Create Super Monkey Ball with HTML? <div id=”bridge” class=”rope”> <div id=”bubble”> <span id=”monkey sprite- replace”> Monkey</span> jquery-banana.js Some Applications Have to Be Native
  35. 35. Five Common Reasons for Native Apps Performance Offline Mode Findability Device Attributes Monetization Flickr photo by John Wardell (Netinho): http://www.flickr.com/photo_zoom.gne?id=760902403&size=l
  36. 36. Not for all applicationsGood enough for many applicationsJavascript Performance improving Hardware Accelerated CSS Web developers must improve Flickr: Uploaded February 11, 2007 by hawridger
  37. 37. Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.htmlhttp://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
  38. 38. Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.htmlhttp://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
  39. 39. Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.htmlhttp://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
  40. 40. Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.htmlhttp://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
  41. 41. Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.htmlhttp://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
  42. 42. We’ve Become Bandwidth Gluttons Since 2003: • Web Page Size Tripled •# of Objects Doubled Since 1995: • Web Page Size: 22x •# of Objects: 21x Source: http://www.websiteoptimization.com/speed/tweak/average-web-page/
  43. 43. Yahoo!’s 14 Performance Rules (Now 34!)1. Make Fewer HTTP Requests 8. Make JavaScript and CSS External2. Use a Content Delivery Network 9. Reduce DNS Lookups3. Add an Expires Header 10.Minify JavaScript4. Gzip Components 11.Avoid Redirects5. Put Stylesheets at the Top 12.Remove Duplicate Scripts6. Move Scripts to the Bottom 13.Configure ETags7. Avoid CSS Expressions 14.Make AJAX Cacheable Source: http://developer.yahoo.com/performance/rules.html
  44. 44. Offline Support• HTML 5 • Client-side Database Storage API • Application Cache• Essentially SQLite in browser• Available on iPhone since 2.0• Google Gears, Android, Nokia soon?
  45. 45. 25,000 Apps & Findability?http://148apps.com/10000
  46. 46. “It all depends on the application, of course,” saysMauro Montanaro, [Fox Mobile CEO] “and whetherthey are paid or free.” But he also notes that the“discoverability” of iPhone apps is becoming a biggerproblem, and that some of the marketing tactics thatFox Mobile has used successfully on other handsetsjust don’t work on the iPhone.“The question, as usual, is placement. Who determines[editorial placement]? Maybe someone out of Cupertino.”
  47. 47. Geolocation API CameraAddress BookAccelerometer
  48. 48. Flickr photo by Lyza Gardner: http://www.flickr.com/photos/lyza/49545547/
  49. 49. Flickr photo by Thomas Purves: http://www.flickr.com/photos/thomaspurves/744225198/
  50. 50. http://phonegap.com
  51. 51. What Can You Do With PhoneGap? http://phonegap.com/projects
  52. 52. PhoneGap?Yeswecan
  53. 53. Mobile Progressive Enhancement [content] http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
  54. 54. Mobile Progressive Enhancement [content] WURFL http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
  55. 55. Mobile Progressive Enhancement [content] WURFL http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
  56. 56. Mobile Progressive Enhancement [content] WURFL Phone Gap Add Functionality http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
  57. 57. Mobile Progressive Enhancement [content] WURFL Phone Gap Add Functionality http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
  58. 58. Keys to Successful Hybrid Apps•Make the experience feel like a native application•Take advantage of the enhanced features•Don’t simply release a hybrid version of the mobile web site•Optimize performance
  59. 59. Flickr photo by MarkKelley: http://www.flickr.com/photos/markkelley/1022720488/
  60. 60. Thank You for Your Time!Work: http://cloudfour.com • Blog: http://userfirstweb.com • Twitter: @grigs Mobile Concurrency Test: http://cloudfour.com/mobile/ Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×