The document discusses various front-end solutions for mobile development including native apps, hybrid apps, mobile web apps, and responsive web apps, evaluating them against 11 criteria such as performance, graphics capabilities, and offline capabilities. It highlights the advantages and limitations of each solution in terms of ease of access, offline functionality, and social media integration. A scoring system is provided to help weigh the importance of these criteria in determining the best solution for specific project needs.

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 Web
Platform’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 devices
Responsive 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 run
Responsive 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 on
Responsive 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 or
Responsive 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; offline
Responsive 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 browsers
Responsive 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 site
Responsive 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 is
Responsive 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 platforms
Responsive 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 between
Responsive 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 owner
Responsive Web App is hosted and released independently of platform owner

16. Choosing the solution
By 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 4
3rd 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