pick your poison – mobile web, native, or hybrid? - denver startup week - october 24, 2012
DESCRIPTION
As developers, one of the largest challenges is deciding what kind of mobile application to build: mobile web, hybrid, or native mobile. This is a thorny question because there isn’t a black-and-white answer. The solution can sit anywhere from pure mobile web to pure native mobile, or somewhere in between. In this session, Shane Church, Technical Lead at EffectiveUI, will uncover how the answer is tied to deep consideration of architecture decisions, the needs of the user, and the business goals for both the short and long term. He’ll take attendees step-by-step through the questions and project considerations they should address when preparing to embark on a mobile development project. Attendees will also learn that their responses to these questions will drive a clear path to the right decision that keeps end-users and organizational goals in line.TRANSCRIPT
![Page 1: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/1.jpg)
Pick Your Poison – Mobile Web, Native, or Hybrid?
![Page 2: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/2.jpg)
Shane Church | Technical [email protected]
Blog: http://www.s-church.net
http://www.effectiveui.comTwitter: #effectiveui
Introduction
![Page 4: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/4.jpg)
Why Does Your Mobile Experience Matter?
![Page 5: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/5.jpg)
-Harris Interactive, November 2010
69%
32%
13%
Say if a mobile app is not useful, it results in a negative perception about the brand
Have told others about a bad experience with a mobile app
Have avoided downloading applications from a company due to a previous bad experience with another app offered by that brand
![Page 6: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/6.jpg)
-Harris Interactive, November 2010
66%
57%
Have downloaded an app based on a review or recommendation
Have recommended an app because of a positive experience
![Page 7: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/7.jpg)
An-droid
iOS
Blackberry
Symbian
Windows Phone LinuxOthers
Q2 2012
Android
iOS
Blackberry
Symbian
Windows Phone Linux Others
Q2 2011
Worldwide Smartphone Market Share
Source: IDC
![Page 8: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/8.jpg)
What do each of the technology choices entail?
The Available Poisons
![Page 9: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/9.jpg)
Mobile Web
Accessed over the Web, Mobile Web apps are built using Web technologies including HTML5 and JavaScript.
Pros: Lowest barrier to first time use Cost effective multi-device support You control application updates Broadest possible reach
Cons: Limited access to device hardware User interactions not native
![Page 10: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/10.jpg)
Mobile Web Examples
http://www.bostonglobe.com http://m.foodandwine.comhttp://usa.kapersky.com
![Page 11: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/11.jpg)
Hybrid
Built using a combination of HTML5 and JavaScript and packaged with a framework like PhoneGap or Appcelerator Titanium or a custom native shell
Pros: Full device capabilities Cost effective multi-device support Sticky app and control over content
Cons: User interactions not native Need to build native wrappers for multiple platforms
![Page 12: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/12.jpg)
Hybrid Examples
Logitech Squeezebox(PhoneGap)
DirectTrac(Orubase)
NBC(Appcelerator)
![Page 13: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/13.jpg)
Native
Built using platform native languages and tools like Objective-C for iOS, Java for Android, and .NET for Windows Phone
Pros Sticky application access Richest interactions can be built Full device capabilities available
Cons Need to build for multiple platforms Typically more expensive to build Requires specialized developer expertise for each platform
![Page 14: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/14.jpg)
Cross-Platform Native
Built using .NET and Xamarin’s Mono Touch for iOS and Mono for Android and Visual Studio for Windows Phone
Pros Same pros as traditional native development Use a common development language 70-90% code reuse between platforms
Cons Some delays in accommodating OS updates Dependence on a third party vendor
![Page 15: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/15.jpg)
Native Examples
iOS Android Windows Phone 7
Pearson eCollege
![Page 16: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/16.jpg)
Native Examples
iOS Android Windows Phone 7
Chase Mobile Banking
![Page 17: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/17.jpg)
What does Facebook’s switch from HTML5 to native on iOS mean?
The Facebook Conundrum
![Page 18: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/18.jpg)
Facebook abandons HTML5 on iOS
Facebook Kisses HTML5 Goodbye With Rebuilt iOS AppMacNewsWorld – August 25, 2012
InfoWorld – September 6, 2012
![Page 19: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/19.jpg)
“We deliberately made a trade off to get to scale. We used HTML5 to test and try things out, and people love that in the browser, but they have different expectations of a native IOS app. So with this release we rebuilt the app from scratch over the last 9 months and the main improvement is performance. Now there’s a lot more code built in Objective-C than HTML5.”
Mick JohnsonFacebook iOS Product Manager
![Page 20: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/20.jpg)
"HTML5 is still incredibly important to us. We get two times the mobile traffic [on m.facebook.com] than from iOS and Android combined."
Mick JohnsonFacebook iOS Product Manager
![Page 21: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/21.jpg)
A guide to selecting the right technology approach for your application
How to Pick Your Poison
![Page 22: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/22.jpg)
![Page 23: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/23.jpg)
Ruling Out the Mobile Web Do you need access to device hardware capabilities like the camera, or
accelerometer? Do you need a presence in the app stores (Google Play, iTunes, Windows
Phone Marketplace)? Does your app need to take advantage of push notifications?
![Page 24: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/24.jpg)
Going Native Does the app need to perform any processor or graphics intensive
operations like 3D graphics or real-time calculations i.e. most games? Does the app need to be functional offline? To what degree?
![Page 25: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/25.jpg)
Am I a Hybrid? What is the goal the user wants to accomplish by using your app? How sensitive is the app to variance in network performance? What is the platform matrix that you want to support? What is your tolerance for supporting multiple apps and operating systems? What percentage of the market are you comfortable ignoring?
![Page 26: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/26.jpg)
![Page 27: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/27.jpg)
How I Addressed This Question For An EffectiveUI Client
Case Study
![Page 28: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/28.jpg)
Cartegraph Targeting Municipal Governments Needed an app for mobile field workers who processed multiple work orders
for assets such as signs, benches, and fire hydrants Already in the process of developing a Web-based tracking application for
desktop clients Needed the ability to upload pictures and access mapping functionality
![Page 29: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/29.jpg)
Cartegraph
![Page 30: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/30.jpg)
The User Is Key
![Page 31: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/31.jpg)
We now have the foundation for easy to deploy, composite applications.
But those applications will live or die on the acceptance of their human interfaces.
Anthony FrancoEffectiveUI Founder and President
![Page 32: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/32.jpg)
There Is No One Right Answer
Remember That User Experience Matters
![Page 33: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/33.jpg)
Recommended Tools and References
![Page 34: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/34.jpg)
Mobile Web Development Tools jQuery Mobile – http://jquerymobile.com/ Sencha Touch – http://www.sencha.com/ Twitter Bootstrap – http://twitter.github.com/bootstrap/
![Page 35: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/35.jpg)
Native Development Tools Apple iOS – https://developer.apple.com/ Google Android – http://developer.android.com/ Windows Phone – http://dev.windowsphone.com/ Blackberry – http://developer.blackberry.com/
![Page 36: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/36.jpg)
Hybrid Development Tools PhoneGap – http://phonegap.com/ Appcelerator Titanium – http://www.appcelerator.com/ SyncFusion Orubase – http://orubase.com/ appMobi – http://appmobi.com/ Motorola RhoMobile –
http://www.motorola.com/Business/US-EN/Business+Product+and+Services/Software+and+Applications/RhoMobile+Suite
Corona – http://www.coronalabs.com/
![Page 37: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/37.jpg)
Articles ASP.NET MVC 3 - Develop Hybrid Native and Mobile Web Apps
Shane Church – MSDN Magazine – March 2012http://msdn.microsoft.com/magazine/hh852592
Facebook For iOS App Is Now 2X FasterJosh Constine – TechCrunch – August 23, 2012http://techcrunch.com/2012/08/23/facebook-for-ios-faster/
Windows Phone - Building an App for Both Windows Phone and iOSAndrew Whitechapel – MSDN Magazine – October 2012http://msdn.microsoft.com/magazine/jj658972
![Page 38: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/38.jpg)
Thank you!
![Page 39: Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - October 24, 2012](https://reader035.vdocuments.mx/reader035/viewer/2022070315/5554dd12b4c905a16f8b5254/html5/thumbnails/39.jpg)
Shane Church | Technical [email protected]
Blog: http://www.s-church.net
http://www.effectiveui.comTwitter: #effectiveui
Questions and Discussion
Download These Slideshttp://www.slideshare.net/effectiveui