Published on October 24, 2012
Pick Your Poison – Mobile Web, Native, or Hybrid?
Introduction Shane Church | Technical Lead firstname.lastname@example.org Blog: http://www.s-church.net http://www.effectiveui.com Twitter: #effectiveui
Why Does Your Mobile Experience Matter?
Say if a mobile app is not useful, it results in a negative69% perception about the brand32% Have told others about a bad experience with a mobile app Have avoided downloading applications from a company13% due to a previous bad experience with another app offered by that brand -Harris Interactive, November 2010
Have downloaded an app based on a review or66% recommendation Have recommended an app because of a positive57% experience -Harris Interactive, November 2010
Worldwide Smartphone Market Share Windows Phone Linux Others Windows Phone LinuxOthers Symbian Symbian Blackberry Android iOSBlackberry Android iOS Q2 2011 Q2 2012 Source: IDC
The Available PoisonsWhat do each of the technology choices entail?
Mobile Web Examples http://www.bostonglobe.com http://usa.kapersky.com http://m.foodandwine.com
Hybrid Examples Logitech Squeezebox DirectTrac NBC (PhoneGap) (Orubase) (Appcelerator)
NativeBuilt using platform native languages and tools like Objective-C for iOS, Javafor Android, and .NET for Windows PhonePros Sticky application access Richest interactions can be built Full device capabilities availableCons Need to build for multiple platforms Typically more expensive to build Requires specialized developer expertise for each platform
Cross-Platform NativeBuilt using .NET and Xamarin’s Mono Touch for iOS and Mono for Android andVisual Studio for Windows PhonePros Same pros as traditional native development Use a common development language 70-90% code reuse between platformsCons Some delays in accommodating OS updates Dependence on a third party vendor
Native Examples iOS Android Windows Phone 7 Pearson eCollege
Native Examples iOS Android Windows Phone 7 Chase Mobile Banking
The Facebook ConundrumWhat does Facebook’s switch from HTML5 to native on iOS mean?
Facebook abandons HTML5 on iOS InfoWorld – September 6, 2012Facebook Kisses HTML5 Goodbye With Rebuilt iOS App MacNewsWorld – August 25, 2012
“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 Johnson Facebook iOS Product Manager
"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 Johnson Facebook iOS Product Manager
How to Pick Your PoisonA guide to selecting the right technology approach for your application
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?
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?
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?
Case StudyHow I Addressed This Question For An EffectiveUI Client
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
The User Is Key
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 Franco EffectiveUI Founder and President
There Is No One Right Answer Remember That User Experience Matters
Recommended Tools and References
Mobile Web Development Tools jQuery Mobile – http://jquerymobile.com/ Sencha Touch – http://www.sencha.com/ Twitter Bootstrap – http://twitter.github.com/bootstrap/
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/
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/
Articles ASP.NET MVC 3 - Develop Hybrid Native and Mobile Web Apps Shane Church – MSDN Magazine – March 2012 http://msdn.microsoft.com/magazine/hh852592 Facebook For iOS App Is Now 2X Faster Josh Constine – TechCrunch – August 23, 2012 http://techcrunch.com/2012/08/23/facebook-for-ios-faster/ Windows Phone - Building an App for Both Windows Phone and iOS Andrew Whitechapel – MSDN Magazine – October 2012 http://msdn.microsoft.com/magazine/jj658972
Download These Slides http://www.slideshare.net/effectiveuiQuestions and DiscussionShane Church | Technical Leadshane.email@example.comBlog: http://www.s-church.nethttp://www.effectiveui.comTwitter: #effectiveui
Presented at Denver Startup Week - October 2012 As developers, one of the largest challenges is deciding what kind of mobile application to build: mobile web,
Mobile Platforms Galore: Pick Your Poison. ... the difference between native mobile app development and hybrid/web app ... badges for your ...
Custom Web Fonts: Pick Your Poison ... embed” the font in your web site. ... Web Code in a Native App; 5 A Simple Case for Hybrid Mobile App ...
We’ll talk about which technologies to follow and how you can expand your repertoire ... pick-your-poison-mobile-web-native-or-hybrid ... mobile ...
Presentations. Give Them What They ... Dennis Ganesh, mobile platform lead architect, TIAA-CREF Dan Saltzman, ... Pick Your Poison – Mobile, Web, Native ...
iCloud makes sure you always have the latest versions of your most important things — documents, photos, notes, contacts, and more — on all your devices.