Defining mobile apps types and the difference between responsive and adaptive web apps and sites

1. Mobile Apps Types +
Responsive Vs. Adaptive
CREATED BY SHADY SELIM
@DR_SHADY_SELIM

2. Why web matters for apps?
63% of people discover apps via search
according to Forrester Research, making it all the more important to focus on ASO. Investing in
ASO is one of the best strategies for increasing the organic downloads of your mobile app.

3. Mobile Apps Types
Native Apps
◦ Built for specific mobile platform with its own language
Web Apps
◦ Built with HTML5 and needs a browser to work with any mobile platform
Hybrid Apps
◦ Web apps encapsulated in native app shells to use the best of 2 worlds
Mesh Apps
◦ Apps with difference functionalities and connects to different sources for data and integrations

4. Major Types Differences
HybridWebNative
YesNoYesSensors
NeedNeedNot MustInternet
YesYesNoMulti platform
YesNoYesApp Store
YesBookmarkYesIcon
Native + HTML5HTML5NativeProgramming Language

5. Resources
http://www.nngroup.com/articles/mobile-native-apps/
http://www.socialhunt.net/blog/types-of-mobile-app/
http://wiki.developerforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile
_Application_Development_Options
http://www.sasken.com/viewpoint/?p=331
http://softwaretestinggarbage.blogspot.com/2012/10/types-of-mobile-application.html

6. Responsive Vs. Adaptive
Adaptive Design
◦ Design per device, uses agent detector script to detect and redirect to the right design
Responsive Design
◦ A design that uses responsive framework to adapt with the viewer agent device size

7. Most Famous Responsive Frameworks
Twitter Bootstrap
Foundation
Skeleton
HTML5 Boilerplate
HTML KickStart
Less Framework
Gumby
Pure

8. Resources
http://komelin.com/en/5tips/5-most-popular-html5-responsive-frameworks
http://mobile.smashingmagazine.com/2014/02/19/responsive-design-frameworks-just-
because-you-can-should-you/
http://www.designer-daily.com/5-responsive-frameworks-for-more-productive-web-design-
34969
http://www.opencodez.com/top-5-best-responsive-css-frameworks-for-web-design/
http://designinstruct.com/roundups/html5-frameworks/