Native v. Hybrid v. Web

  • 5,971 views
Uploaded on

My presentation for Web Directions Unplugged to talk about some of the specific costs and challenges we face when selecting a mobile development strategy.

My presentation for Web Directions Unplugged to talk about some of the specific costs and challenges we face when selecting a mobile development strategy.

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
5,971
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
385
Comments
3
Likes
28

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. vs vsnative hybrid web
  • 2. @fling
  • 3. the format
  • 4. ask questions.get answers.
  • 5. my sad love storyof the mobile web
  • 6. vs vsnative hybrid web
  • 7. bradfrostweb.com
  • 8. “[Brian] made me feel the sameway I feel when my grandpa talksto me about surviving the GreatDepression. —Brad Frost bradfrostweb.com
  • 9. That Guy
  • 10. 3:1QA : Dev
  • 11. For every hour spent ondevelopment, three had to be spent in QA.
  • 12. webmobile ux
  • 13. webmobile ux
  • 14. 2010
  • 15. “If the web was my religion, I feel asthough I’ve lost my faith. 2010
  • 16. mobiledesign.org
  • 17. “[Brian] states making a nativeapplication can be the best thing for aproduct, but confirms on the otherhand that the mobile web is the onlylong term commercially viablecontent platform for mobile devices —Thibault Imbert
  • 18. MADE WITH LOVE IN SEATTLE BY
  • 19. while my friends were rolling in cash from native apps,
  • 20. while my friends were rolling in cash from native apps, I couldn’t pay my rent building web apps.
  • 21. “I want desperately to be aweb developer again, but if Ihave to wait until 2020 forbrowsers to do what Cocoacan do in 2010, I won’t wait. —Joe Hewitt 29 April 2010
  • 22. pinch / zoom pinchzoom.com
  • 23. ! Price Apps
  • 24. iflowreader.com
  • 25. “We bet everything on Appleand iOS and then Apple killedus by changing the rules in themiddle of the game. iflowreader.com
  • 26. suck my ass
  • 27. I bet everything onthe web and I lost.
  • 28. That Guy
  • 29. Why?
  • 30. MADE WITH LOVE IN SEATTLE BY
  • 31. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobilitynetworkinternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 32. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetworkinternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 33. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3Ginternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 34. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 35. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4devicesweb MADE WITH LOVE IN SEATTLE BY
  • 36. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devicesweb MADE WITH LOVE IN SEATTLE BY
  • 37. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar featureweb MADE WITH LOVE IN SEATTLE BY
  • 38. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb MADE WITH LOVE IN SEATTLE BY
  • 39. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 MADE WITH LOVE IN SEATTLE BY
  • 40. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 next MADE WITH LOVE IN SEATTLE BY
  • 41. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 next MADE WITH LOVE IN SEATTLE BY
  • 42. 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 next MADE WITH LOVE IN SEATTLE BY
  • 43. everything has led to this moment
  • 44. the future of mobile will not be the web...
  • 45. the future of mobile will not be the web... ...or apps
  • 46. it’s everything everywhere
  • 47. That Guy
  • 48. vs vsnative hybrid web
  • 49. native appAn application that isspecifically written for adevice platform.
  • 50. “ They are expensive to create —a simple app could cost you $32,639 and take two months to create.
  • 51. $32,639 for a simple app 2 months to create 2 weeks per feature 4 features $8,160 per feature
  • 52. “ A complex app could have a price tag of more than $163,200 and take six months to develop.
  • 53. $163,200 for a complex app 6 months to create 2 weeks per feature 12 features $13,600 per feature
  • 54. “ This price multiplies if you decide you want to make it available on more than one operating system.
  • 55. PLATFORM RESOURCES iPhone 100% iPad 150% Android 175%Honeycomb 200%Blackberry 300%
  • 56. Cost of Native Simple App Complex AppiPhone $32,639 $163,200iPad $48,959 $244,800Android $57,118 $285,600Honeycomb $65,278 $326,400Blackberry $97,917 $489,600Total $301,911 $1,509,600
  • 57. hybrid appAn application usingprimarily web technologiesinside a native container.
  • 58. hybrid app...to be in the App Store.
  • 59. ! Price Apps
  • 60. The PhoneGap Box ScoreStars 53 1.2 Reviews Platforms
  • 61. PLATFORM RESOURCES Hybrid iPhone 113% Hybrid iPad 141% Hybrid Android 225%Hybrid Honeycomb 225%Hybrid Blackberry 338%
  • 62. wtf?
  • 63. 2.85:1 QA : Dev
  • 64. For every hour spent ondevelopment, three has to be spent in QA.
  • 65. Simple App Native Hybrid Mobile WebiPhone $32,639 $36,719 $24,479iPad $48,959 $45,899 $30,599Android $57,118 $73,438 $48,959Honeycomb $65,278 $73,438 $48,959Blackberry $97,917 $110,157 $73,438Total $301,911 $339,650 $226,433
  • 66. Complex App Native Hybrid Mobile WebiPhone $163,200 $183,600 $122,400iPad $244,800 $229,500 $153,000Android $285,600 $367,200 $244,800Honeycomb $326,400 $367,200 $244,800Blackberry $489,600 $550,800 $367,200Total $1,509,600 $1,698,300 $1,132,200
  • 67. web appAn application that runswithin a web browser.
  • 68. p/z universalbuild a website that provided the bestpossible experience to the context. iPad iPhone Desktop magazine web app website
  • 69. Content in Context
  • 70. MADE WITH LOVE IN SEATTLE BY
  • 71. 1x HTML5 Markup1x Hexadecimal CSS Framework1x Typography Framework3x Javascript Frameworks12x Media-Query-based Layouts
  • 72. a hexadecimal what?
  • 73. the hex-gridTypically when using a gridweb designers are typicallyonly using vertical units.
  • 74. the hex-gridbut in mobile design, we must usehorizontal units as well. thismeans that any unit size mustwork vertically as well ashorizontally.
  • 75. iPad iPhone Desktop magazine web app website‣ pagination was a nightmare. ‣ largeimage needs for iPad were‣ had brutal. to create an entirely new css framework to deal with all the screen ‣ had to add device detection to reduce sizes. JS page load per context.‣ every page had to be designed ‣ typical navigation had to be scrapped. individually. ‣ design sacrifices had to be made to‣ content had to be type fitted, similar to make it work. print layout workflow. ‣ page flow was less than ideal.‣ had to disable pinch to zoom.
  • 76. 2.85:1 QA : Dev
  • 77. sni er.pinchzoom.com
  • 78. Simple App Native Hybrid Mobile WebiPhone $32,639 $36,719 $24,479iPad $48,959 $45,899 $30,599Android $57,118 $73,438 $48,959Honeycomb $65,278 $73,438 $48,959Blackberry $97,917 $110,157 $73,438Total $301,911 $339,650 $226,433
  • 79. Complex App Native Hybrid Mobile WebiPhone $163,200 $183,600 $122,400iPad $244,800 $229,500 $153,000Android $285,600 $367,200 $244,800Honeycomb $326,400 $367,200 $244,800Blackberry $489,600 $550,800 $367,200Total $1,509,600 $1,698,300 $1,132,200
  • 80. That Guy
  • 81. ask questions.get answers.
  • 82. + +native? hybrid? web?