Selecting a Front-End Solution
What are the possibilities?Let’s look at the four most popular solutions for reaching mobile audiences
Native App Hybrid App Mobile Web Responsive WebPlatform’s native...
How do we evaluate a solution? We use 11 different criteria to determine which development solution best meets your p...
Performance Native App App is optimized for a specific platform Hybrid App App is optimized for mobile...
Graphics and Animation App takes full advantage of GPU and is able to leverage other Native App ...
Audio and Video Only one rendition of each media file is needed for playback and the Native App de...
Platform Integration All hardware features can be accessed; notifications fully supported; Native App ...
Offline Capabilities Many local storage options; able to store large amount of data; able to Native App ...
Reach Restricted to a single device platform and compiled for a minimum Native App ...
Discoverability Native App Findable through App Store only Hybrid App Find...
Social Social API integration through libraries; difficult to share content that Native App ...
Development Time Each platform’s app must be developed separately, though services may Native App ...
Updates and Maintenance Updates must be installed by user and multiple versions of app must Native App ...
Third Party Dependencies App must go through approval process, is hosted by an App Store, and Native App...
Choosing the solutionBy weighting these criteria according to importance, we can identify the right solution for your p...
Native Hybrid Mobile Web Responsive Web Performance 4 2 2 1 Graphics/Ani...
Questions?Follow-up questions can also be directed to tarun@mutualmobile.com Learn more about how we think at mutualmobil...
of 18

Native vs Hybrid vs Web

A rigorous approach to help you choose between Native, Web and Hybrid approaches to Mobile Application Development.
Published on: Mar 3, 2016
Source: www.slideshare.net


Transcripts - Native vs Hybrid vs Web

  • 1. Selecting a Front-End Solution
  • 2. What are the possibilities?Let’s look at the four most popular solutions for reaching mobile audiences
  • 3. Native App Hybrid App Mobile Web Responsive WebPlatform’s native language and SDK HTML/CSS/JS with cross-platform HTML/CSS/JS HTML/CSS/JS (i.e., Objective-C and iOS SDK) SDK (i.e., PhoneGap) Installed from an App Store Installed from an App Store Hosted on your servers Hosted on your servers Accessed from home screen Accessed from home screen Accessed from browser Accessed from browser One mobile platform Several popular mobile platforms Most mobile devices Most devices
  • 4. How do we evaluate a solution? We use 11 different criteria to determine which development solution best meets your project’s needs
  • 5. Performance Native App App is optimized for a specific platform Hybrid App App is optimized for mobile devices Mobile Web App is optimized for mobile devicesResponsive Web App is optimized for a broad range of devices
  • 6. Graphics and Animation App takes full advantage of GPU and is able to leverage other Native App capabilities, like 3D graphics and native UI libraries Graphics capabilities vary with platform, but generally able to create Hybrid App smooth animations Graphics capabilities vary with platform, but generally able to create Mobile Web smooth animations Greatest variation in capabilities; not all platforms may be able to runResponsive Web animations and fallbacks must be used for most graphical features
  • 7. Audio and Video Only one rendition of each media file is needed for playback and the Native App device’s native media recording capabilities can be fully utilized Multiple renditions of each media file may be needed for playback; Hybrid App recording capabilities can be accessed through an abstraction layer Multiple renditions of each media file may be needed for playback; Mobile Web cannot rely on access to recording Multiple renditions and players are needed for playback; cannot rely onResponsive Web access to recording
  • 8. Platform Integration All hardware features can be accessed; notifications fully supported; Native App connections can be made with most core programs (contacts, calendar, messages, etc.) A limited number of hardware features can be accessed; notifications Hybrid App and some core programs can be accessed through an abstraction layer A very limited number of hardware features can be accessed; no access Mobile Web to notifications or core programs Unreliable access to hardware features; no access to notifications orResponsive Web core programs
  • 9. Offline Capabilities Many local storage options; able to store large amount of data; able to Native App access app without connectivity Many local storage options; able to store large amount of data; able to Hybrid App access app without connectivity Several local storage options; able to store moderate amount of data; Mobile Web able to be accessed without connectivity if user has saved to home screen Limited local storage options; able to store small amount of data; offlineResponsive Web access support varies between platforms
  • 10. Reach Restricted to a single device platform and compiled for a minimum Native App version of that platform Restricted to several popular platforms and compiled for minimum Hybrid App versions of those platforms Mobile Web Accessible from most mobile device browsersResponsive Web Accessible from any device with a browser
  • 11. Discoverability Native App Findable through App Store only Hybrid App Findable through App Store only Findable through any external link; external links may point users to Mobile Web inappropriate rendition (i.e., sending mobile user to desktop) Findable through any external link; external links always lead to a siteResponsive Web that renders appropriately for the device
  • 12. Social Social API integration through libraries; difficult to share content that Native App exists only within the app Social API integration through libraries; difficult to share content that Hybrid App exists only within the app Social API integration through public REST APIs; shared content may Mobile Web not be appropriate to be viewed on all devices Social API integration through public REST APIs; shared content isResponsive Web appropriate to be viewed on any device
  • 13. Development Time Each platform’s app must be developed separately, though services may Native App be shared Hybrid App All code is shared between mobile platforms Mobile Web All code is shared between mobile platformsResponsive Web All code is shared between all platforms
  • 14. Updates and Maintenance Updates must be installed by user and multiple versions of app must Native App coexist; updates may release at different times for different platforms Updates must be installed by user and multiple versions of app must Hybrid App coexist; code base is shared, but updates may release at different times for different platforms Updates are simultaneous across mobile user base but are distinct Mobile Web efforts from updates to other experiences Updates are simultaneous across user base and uniform betweenResponsive Web experiences
  • 15. Third Party Dependencies App must go through approval process, is hosted by an App Store, and Native App may be promoted, demoted or removed at the platform owner’s discretion App must go through approval process, is hosted by an App Store, and Hybrid App may be promoted, demoted or removed at the platform owner’s discretion Mobile Web App is hosted and released independently of platform ownerResponsive Web App is hosted and released independently of platform owner
  • 16. Choosing the solutionBy weighting these criteria according to importance, we can identify the right solution for your project
  • 17. Native Hybrid Mobile Web Responsive Web Performance 4 2 2 1 Graphics/Animation 4 2 2 1 Audio/Video 4 3 2 1 Platform Integration 4 3 2 1 Offline Capabilities 4 4 2 1 Reach 1 2 3 4 Discoverability 1 1 3 4 Social 2 2 3 4 Development Time 1 3 3 4 Updates/Maintenance 0 1 3 43rd Party Dependencies 0 0 4 4
  • 18. Questions?Follow-up questions can also be directed to tarun@mutualmobile.com Learn more about how we think at mutualmobile.com/resources

Related Documents