Pick Your Poison – Mobile Web, Native or Hybrid?

Pick Your Poison – Mobile Web, Native, or Hybrid?

Introduction Shane Church | Technical Lead shane.church@effectiveui.com Blog: http://www.s-church.net http://www.effectiveui.com Twitter: #effectiveui

Thank Youhttp://www.uncubedspace.com/

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 WebAccessed over the Web, Mobile Web apps are built using Web technologiesincluding HTML5 and JavaScript.Pros: Lowest barrier to first time use Cost effective multi-device support You control application updates Broadest possible reachCons: Limited access to device hardware User interactions not native

Mobile Web Examples http://www.bostonglobe.com http://usa.kapersky.com http://m.foodandwine.com

HybridBuilt using a combination of HTML5 and JavaScript and packaged with aframework like PhoneGap or Appcelerator Titanium or a custom native shellPros: Full device capabilities Cost effective multi-device support Sticky app and control over contentCons: User interactions not native Need to build native wrappers for multiple platforms

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

Cartegraph

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

Thank you!

Download These Slides http://www.slideshare.net/effectiveuiQuestions and DiscussionShane Church | Technical Leadshane.church@effectiveui.comBlog: http://www.s-church.nethttp://www.effectiveui.comTwitter: #effectiveui

http://www.scoop.it	147
https://twitter.com	3
https://si0.twimg.com	1

Pick Your Poison – Mobile Web, Native or Hybrid?

by EffectiveUI on Oct 23, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 151

Statistics

Pick Your Poison – Mobile Web, Native or Hybrid? Presentation Transcript