the state-of-the-art in mobile apps
DESCRIPTION
The state-of-the-art in Mobile apps (2013) including platform research, client architectures, decision for mobile strategy, design patterns and case studies.TRANSCRIPT
![Page 1: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/1.jpg)
THE STATE-OF-THE-ART IN
MOBILE APPSPRANAV [email protected] Universität Paderborn, Germany
Dec. 10, 2013
![Page 2: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/2.jpg)
Agenda
Mobile app development: An introduction
Technologies
Design Patterns
Summary
Pranav KadamThe state-of-the-art in Mobile appsSlide 2 of 25
![Page 3: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/3.jpg)
Mobile app development
Devices
Pranav KadamThe state-of-the-art in Mobile appsSlide 3 of 25
![Page 4: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/4.jpg)
Mobile app development
Devices
40%before getting
out of bed
[1]
19%user growth
reaching
1.15 billion[2,3]
Est. to surpasas
desktop PC shipments
in 2013
[4]
3rdchoice to
buy among electronic devices
[5]
Pranav KadamThe state-of-the-art in Mobile appsSlide 3 of 25
+36%check emails
[6]
![Page 5: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/5.jpg)
Mobile app development
Platforms
66.6%
18.6%
5.3%
4.4%2.5% 2.6%
Global Smartphone Market Share 2012
Android
Apple iOS
Blackberry
Symbian
Windows Phone
Others
[7]
Pranav KadamThe state-of-the-art in Mobile appsSlide 4 of 25
![Page 6: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/6.jpg)
Mobile app development
Platforms
66.6%
18.6%
5.3%
4.4%2.5% 2.6%
Global Smartphone Market Share 2012
Android
Apple iOS
Blackberry
Symbian
Windows Phone
Others
[7]
85.2%
Pranav KadamThe state-of-the-art in Mobile appsSlide 4 of 25
![Page 7: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/7.jpg)
Mobile app development
Mobile web
Pranav KadamThe state-of-the-art in Mobile appsSlide 5 of 25
0% 20% 40% 60%
Mobile Web
Native Apps
Facebook Mobile Usage
500 Million Mobile Users (2012)
[6]
50%
50%
![Page 8: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/8.jpg)
Mobile app development
Mobile web
iPhone,Android,
Nokia,Palm,
Sony Ericsson,Windows Phone,
Blackberry,etc.
Pranav KadamThe state-of-the-art in Mobile appsSlide 5 of 25
0% 20% 40% 60%
Mobile Web
Native Apps
Facebook Mobile Usage
500 Million Mobile Users (2012)
[6]
50%
50%
![Page 9: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/9.jpg)
Mobile app development
Mobile web
Pranav KadamThe state-of-the-art in Mobile appsSlide 5 of 25
1 out of 6mobile phones is a Smartphone [4]
![Page 10: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/10.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 11: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/11.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 12: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/12.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 13: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/13.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 14: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/14.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 15: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/15.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 16: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/16.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 17: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/17.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
Facebook native | iOS 6 Facebook web | Safari on iOS 6
![Page 18: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/18.jpg)
Technologies: Client-Architectures
Native Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 19: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/19.jpg)
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native
Mobile Web
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 20: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/20.jpg)
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native
Mobile Web
iOS: Objective CAndroid: JavaWindows Phone: .NET
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 21: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/21.jpg)
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native
Mobile Web
User Experience
Cost
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 22: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/22.jpg)
Built to run over the Internet, it can
be accessed on any device with a
browser
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native Mobile Web
User Experience
Cost
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 23: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/23.jpg)
Built to run over the Internet, it can
be accessed on any device with a
browser
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native Mobile Web
User Experience
Cost
Cost
User Experience
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 24: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/24.jpg)
Built to run over the Internet, it can
be accessed on any device with a
browser
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native Mobile Web
User Experience
Cost
Cost
User Experience
+
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 25: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/25.jpg)
Built to run over the Internet, it can
be accessed on any device with a
browser
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native Mobile Web
User Experience
Cost
Cost
User Experience
Hybrid
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 26: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/26.jpg)
Built using cross-platform
frameworks and runs on multiple
platforms
Built to run over the Internet, it can
be accessed on any device with a
browser
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native Mobile Web
User Experience
Cost
Cost
User Experience
Hybrid
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 27: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/27.jpg)
Built using cross-platform
frameworks and runs on multiple
platforms
Built to run over the Internet, it can
be accessed on any device with a
browser
Built in its native code to run on
specific devices & OS.
Technologies: Client-Architectures
Native Mobile Web
User Experience
Cost
Cost
User Experience
Hybrid
User Experience
Cost
Pranav KadamThe state-of-the-art in Mobile appsSlide 6 of 25
![Page 28: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/28.jpg)
Technologies: Client-Architectures
Native Apps
Matured SDKs
Rich User Experience
Fully leverages device hardware
(GPS, Camera, Graphics)
and software (Calendar, Contacts, File system)
Ability to run offline
Higher development cost compared to web apps
Pranav KadamThe state-of-the-art in Mobile appsSlide 7 of 25
![Page 29: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/29.jpg)
Technologies: Client-Architectures
Mobile web
Platform independence: Designed to run on mobile
web browsers
HTML5 apps (HTML, CSS, Javascript)
Approaches: Responsive Web, Mobile First
Frameworks: jQuery Mobile, Sencha Touch
Lower development costs compared to native apps
Low on user experience compared to native apps
Pranav KadamThe state-of-the-art in Mobile appsSlide 8 of 25
![Page 30: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/30.jpg)
Technologies: Client-Architectures
Hybrid
Mobile web apps (HTML5) wrapped inside native wrappers
Bridges gap between HTML5 and device hardware
New tools also providing MVC development pattern using
Java, C#, Ruby-on-Rails for non-UX + platform specific UX
library
Frameworks: Appcelerator Titanium, Phonegap, Xamarin
Multi-platform, cost effective solution
Pranav KadamThe state-of-the-art in Mobile appsSlide 9 of 25
![Page 31: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/31.jpg)
Technologies: Decision Framework
Parameter Native Hybrid Mobile Web
Cost
Multi-Platform
Hardware Access
Device features
Performance
User Experience
Offline support
Time to market
SEO
[8,9]
Pranav KadamThe state-of-the-art in Mobile appsSlide 10 of 25
![Page 32: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/32.jpg)
Design Patterns: Categories
Functionality
Security
Help
Pranav KadamThe state-of-the-art in Mobile appsSlide 11 of 25
![Page 33: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/33.jpg)
Design Patterns: Categories (Example)
Functionality
Enables user to complete tasks and
achieve their goals
Pranav KadamThe state-of-the-art in Mobile appsSlide 12 of 25
![Page 34: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/34.jpg)
Tools
Design Patterns: Categories (Example)
Functionality
Enables user to complete tasks and
achieve their goalsForms
Features
Pranav KadamThe state-of-the-art in Mobile appsSlide 12 of 25
![Page 35: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/35.jpg)
Tools
Design Patterns: Categories (Example)
Functionality
Enables user to complete tasks and
achieve their goalsForms
Features
ToolbarOption MenuContextual ToolsInline ActionsCall-to-action buttons
Pranav KadamThe state-of-the-art in Mobile appsSlide 12 of 25
![Page 36: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/36.jpg)
Design Patterns: Common Gestures
Tap Double Tap Touch & Hold Swipe
Pinch close Pinch openRotate Shake
Pranav KadamThe state-of-the-art in Mobile appsSlide 13 of 25
![Page 37: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/37.jpg)
Design Patterns: Examples List & Tabs
Pranav KadamThe state-of-the-art in Mobile appsSlide 14 of 25
Gmail | Android Gmail | Android
![Page 38: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/38.jpg)
Design Patterns: Examples List & Tabs
Pranav KadamThe state-of-the-art in Mobile appsSlide 14 of 25
Google Maps | iOS Behance | iOS App Store | iOS
![Page 39: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/39.jpg)
Design Patterns: Examples List & Tabs
Pranav KadamThe state-of-the-art in Mobile appsSlide 14 of 25
Google Maps | iOS Behance | iOS App Store | iOS
![Page 40: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/40.jpg)
Design Patterns: Examples Forms
Pranav KadamThe state-of-the-art in Mobile appsSlide 15 of 25
Snapguide | iOS Instagram | Android Instagram | Android
![Page 41: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/41.jpg)
Design Patterns: Examples Alerts / Dialog
Pranav KadamThe state-of-the-art in Mobile appsSlide 16 of 25
Fancy | iOS App Store | iOS Foursquare| iOS
![Page 42: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/42.jpg)
Design Patterns: Examples Multi-Pane
Pranav KadamThe state-of-the-art in Mobile appsSlide 17 of 25
Contacts | Android
Dropbox | iOS
![Page 43: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/43.jpg)
Design Patterns: Examples Multi-Pane
Pranav KadamThe state-of-the-art in Mobile appsSlide 17 of 25
Gmail | Android
![Page 44: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/44.jpg)
Design Patterns: UI Overview iOS
Pranav KadamThe state-of-the-art in Mobile appsSlide 18 of 25
![Page 45: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/45.jpg)
Design Patterns: UI Overview iOS
Pranav KadamThe state-of-the-art in Mobile appsSlide 18 of 25
![Page 46: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/46.jpg)
Design Patterns: UI Overview iOS
Pranav KadamThe state-of-the-art in Mobile appsSlide 18 of 25
![Page 47: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/47.jpg)
Design Patterns: UI Overview iOS
Pranav KadamThe state-of-the-art in Mobile appsSlide 18 of 25
![Page 48: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/48.jpg)
Design Patterns: UI Overview iOS
Pranav KadamThe state-of-the-art in Mobile appsSlide 18 of 25
![Page 49: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/49.jpg)
Design Patterns: UI Overview
Navigation drawer
Content Area
Action Bar
Action Bar
Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 19 of 25
![Page 50: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/50.jpg)
Design Patterns: UI Overview
Navigation drawer
Content Area
Action Bar
Action Bar
Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 19 of 25
![Page 51: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/51.jpg)
Design Patterns: UI Overview
Navigation drawer
Content Area
Action Bar
Action Bar
Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 19 of 25
![Page 52: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/52.jpg)
Design Patterns: UI Overview
Navigation drawer
Content Area
Action Bar
Action Bar
Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 19 of 25
![Page 53: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/53.jpg)
Design Patterns: Case Studies Twitter
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 20 of 25
![Page 54: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/54.jpg)
Design Patterns: Case Studies Twitter
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 20 of 25
![Page 55: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/55.jpg)
Design Patterns: Case Studies Twitter
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 20 of 25
![Page 56: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/56.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 57: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/57.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 58: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/58.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 59: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/59.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 60: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/60.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 61: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/61.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
Optionsmenu
![Page 62: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/62.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
Optionsmenu
![Page 63: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/63.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
Optionsmenu
![Page 64: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/64.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 65: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/65.jpg)
Design Patterns: Case Studies Dropbox
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 21 of 25
![Page 66: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/66.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 67: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/67.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 68: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/68.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 69: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/69.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 70: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/70.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 71: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/71.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 72: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/72.jpg)
Design Patterns: Case Studies Foursquare
iOS Android
Pranav KadamThe state-of-the-art in Mobile appsSlide 22 of 25
![Page 73: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/73.jpg)
Summary
Devices in demand (Smartphones, Tablets) and usage patterns
Platforms: Android, iOS have significant market share
Decision framework
My recommendation:
Hybrid approach if main consideration is Cost, Time to market
and developing for more than 2 platforms
Native approach otherwise
Design patterns
Examples
Case studies
Pranav KadamThe state-of-the-art in Mobile appsSlide 23 of 25
![Page 74: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/74.jpg)
References
Pranav KadamThe state-of-the-art in Mobile appsSlide 24 of 25
1. Ericsson Consumerlab. Smartphone usage experience. Technical report Ericsson, January 2013.
Online, http://www.ericsson.com/res/docs/2013/consumerlab/smartphone-usage-experience-report.pdf.
2. eMarketer. https://www.emarketer.com/Coverage/Mobile.aspx
3. PortioResearch. Portio research mobile factbook 2013.
Online, http://www.portioresearch.com/media/3986/PortioResearchMobileFactbook2013.pdf,
February 2013.
4. Natasha Lomas. Idc: Tablet sales grew 78.4sales in 2013, portable pcs in 2014.
Online, http://techcrunch.com/2013/03/27/idc-tablet-growth-2012-2017/, March 2013.
5. Ericsson. From apps to everyday situations. Technical report, Ericsson, 2011.
Online, http://www.ericsson.com/res/docs/2011/silicon_valley_brochure_letter.pdf.
6. Luke Wroblewski. Mobile First. Happy Cog, October 2011. ISBN: 978-1-937557-02-7
7. Gartner Inc. http://www.gartner.com/technology/research/predicts/
![Page 75: The state-of-the-art in Mobile apps](https://reader033.vdocuments.net/reader033/viewer/2022052315/555a6f05d8b42a972b8b4e35/html5/thumbnails/75.jpg)
References
8. RapidValue Solutions. How to Choose the Right Architecture For Your Mobile Application. White
Paper, November 2012. Online, http://www.rapidvaluesolutions.com/wp-content/uploads/2013/04/How-
to-Choose-the-Right-Technology-Architecture-for-Your-Mobile-Application.pdf.
9. Tata Consultancy Services. Mobile Client Architecture Web vs. Native vs. Hybrid Apps. White Paper, 2012.
Online, http://www.tcs.com/resources/white_papers/Pages/mobile_client_architecture.aspx.
10. Theresa Neil. Mobile Design Pattern Gallery: UI Patterns for iOS, Android and More. O’Reilly Media, March
2012.
11. Screen captures: iOS Developer Library, Android Developers, Pttrns, Mobile Patterns
12. Greg Nudelman, Ivo Weevers, Jen Gordon, Luke Wroblewski, Lyndon Cerejo, Matt Lawson, Smashing
Editorial. Mobile Design Patterns. Smashing Media, September 2012.
Pranav KadamThe state-of-the-art in Mobile appsSlide 25 of 25