SlideShare a Scribd company logo
THE STATE-OF-THE-ART IN

MOBILE APPS
Dec. 10, 2013

PRANAV KADAM
pdkadam@mail.upb.de

Universität Paderborn, Germany
Agenda


Mobile app development: An introduction



Technologies



Design Patterns



Summary

Slide 2 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Mobile app development


Devices

Slide 3 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Mobile app development


Devices

Est. to
surpasas
desktop PC
shipments
in 2013

[1]

40%
before
getting
out of bed

3rd
[6]

19%
user growth
reaching
1.15 billion

Slide 3 of 25

+36%
[2,3]

[4]

[5]

choice to
buy among
electronic
devices

check
emails

The state-of-the-art in Mobile apps

Pranav Kadam
Mobile app development


Platforms
Global Smartphone Market Share 2012
4.4%
5.3%

[7]

2.5% 2.6%
Android

Apple iOS
Blackberry

18.6%

Symbian
66.6%

Slide 4 of 25

Windows Phone
Others

The state-of-the-art in Mobile apps

Pranav Kadam
Mobile app development


Platforms
Global Smartphone Market Share 2012
4.4%
5.3%

2.5% 2.6%
Android

Apple iOS

85.2%

Blackberry

18.6%

Symbian
66.6%

Slide 4 of 25

[7]

Windows Phone
Others

The state-of-the-art in Mobile apps

Pranav Kadam
Mobile app development


Mobile web
Facebook Mobile Usage [6]
Native Apps

50%

Mobile Web

50%

0%
Slide 5 of 25

500 Million
Mobile Users
(2012)

20%

40%

The state-of-the-art in Mobile apps

60%
Pranav Kadam
Mobile app development


Mobile web

iPhone,
Android,
Nokia,
Palm,
Sony Ericsson,
Windows Phone,
Blackberry,
etc.

Facebook Mobile Usage [6]
Native Apps

50%

Mobile Web

50%

0%
Slide 5 of 25

500 Million
Mobile Users
(2012)

20%

40%

The state-of-the-art in Mobile apps

60%
Pranav Kadam
Mobile app development


Mobile web

1 out of 6
[4]
mobile phones is a Smartphone

Slide 5 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Facebook native | iOS 6

Facebook web | Safari on iOS 6

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures

Native

Slide 6 of 25

Mobile Web

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Built in its native
code to run on
specific devices &
OS.

Slide 6 of 25

The state-of-the-art in Mobile apps

Mobile Web

Pranav Kadam
Technologies: Client-Architectures
Native

Built in its native
code to run on
specific devices &
OS.

Mobile Web

iOS: Objective C
Android: Java
Windows Phone: .NET

Slide 6 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Built in its native
code to run on
specific devices &
OS.

Mobile Web

User Experience

Cost
Slide 6 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Mobile Web

Built in its native
code to run on
specific devices &
OS.

Built to run over
the Internet, it can
be accessed on
any device with a
browser

User Experience

Cost
Slide 6 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Built in its native
code to run on
specific devices &
OS.

Built to run over
the Internet, it can
be accessed on
any device with a
browser

User Experience

Cost

Cost
Slide 6 of 25

Mobile Web

User Experience
The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Mobile Web

Built in its native
code to run on
specific devices &
OS.

Built to run over
the Internet, it can
be accessed on
any device with a
browser

+

User Experience

Cost
Slide 6 of 25

Cost

User Experience
The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Mobile Web

Built in its native
code to run on
specific devices &
OS.

Built to run over
the Internet, it can
be accessed on
any device with a
browser

Hybrid

User Experience

Cost

Cost

User Experience

Slide 6 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Hybrid

Mobile Web

Built in its native
code to run on
specific devices &
OS.

Built using crossplatform
frameworks and
runs on multiple
platforms

Built to run over
the Internet, it can
be accessed on
any device with a
browser

User Experience

Cost

Cost

User Experience

Slide 6 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Client-Architectures
Native

Hybrid

Mobile Web

Built in its native
code to run on
specific devices &
OS.

Built using crossplatform
frameworks and
runs on multiple
platforms

Built to run over
the Internet, it can
be accessed on
any device with a
browser

User Experience

User Experience

Cost

Cost

Cost

User Experience

Slide 6 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
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

Slide 7 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
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

Slide 8 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
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

Slide 9 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Technologies: Decision Framework
[8,9]
Parameter

Native

Hybrid

Mobile Web

Cost
Multi-Platform
Hardware Access
Device features
Performance
User Experience
Offline support

Time to market
SEO

Slide 10 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Categories
Security

Help

Slide 11 of 25

The state-of-the-art in Mobile apps

Functionality

Pranav Kadam
Design Patterns: Categories (Example)


Functionality


Enables user to complete tasks and
achieve their goals

Slide 12 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Categories (Example)


Functionality


Enables user to complete tasks and
achieve their goals

Slide 12 of 25

The state-of-the-art in Mobile apps

Tools
Forms
Features

Pranav Kadam
Design Patterns: Categories (Example)


Functionality


Enables user to complete tasks and
achieve their goals

Forms
Features

Tools

Toolbar
Option Menu
Contextual Tools
Inline Actions
Call-to-action
buttons
Slide 12 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Common Gestures
Tap

Touch & Hold

Swipe

Rotate
Slide 13 of 25

Double Tap

Pinch close

Pinch open

Shake

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Examples
Gmail | Android

Slide 14 of 25

List & Tabs

Gmail | Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Examples
Google Maps | iOS

Slide 14 of 25

Behance | iOS

The state-of-the-art in Mobile apps

List & Tabs
App Store | iOS

Pranav Kadam
Design Patterns: Examples
Google Maps | iOS

Slide 14 of 25

Behance | iOS

The state-of-the-art in Mobile apps

List & Tabs
App Store | iOS

Pranav Kadam
Design Patterns: Examples
Snapguide | iOS

Slide 15 of 25

Instagram | Android

The state-of-the-art in Mobile apps

Forms
Instagram | Android

Pranav Kadam
Design Patterns: Examples
Fancy | iOS

Slide 16 of 25

App Store | iOS

The state-of-the-art in Mobile apps

Alerts / Dialog
Foursquare| iOS

Pranav Kadam
Design Patterns: Examples

Multi-Pane

Contacts | Android

Dropbox | iOS

Slide 17 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Examples

Multi-Pane

Gmail | Android

Slide 17 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: UI Overview

Slide 18 of 25

The state-of-the-art in Mobile apps

iOS

Pranav Kadam
Design Patterns: UI Overview

Slide 18 of 25

The state-of-the-art in Mobile apps

iOS

Pranav Kadam
Design Patterns: UI Overview

Slide 18 of 25

The state-of-the-art in Mobile apps

iOS

Pranav Kadam
Design Patterns: UI Overview

Slide 18 of 25

The state-of-the-art in Mobile apps

iOS

Pranav Kadam
Design Patterns: UI Overview

Slide 18 of 25

The state-of-the-art in Mobile apps

iOS

Pranav Kadam
Design Patterns: UI Overview

Android

Action Bar

Content Area

Navigation drawer

Action Bar

Slide 19 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: UI Overview

Android

Action Bar

Content Area

Navigation drawer

Action Bar

Slide 19 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: UI Overview

Android

Action Bar

Content Area

Navigation drawer

Action Bar

Slide 19 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: UI Overview

Android

Action Bar

Content Area

Navigation drawer

Action Bar

Slide 19 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 20 of 25

Twitter

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 20 of 25

Twitter

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 20 of 25

Twitter

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

Dropbox

Options
menu

iOS

Slide 21 of 25

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

Dropbox

Options
menu

iOS

Slide 21 of 25

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

Dropbox

Options
menu

iOS

Slide 21 of 25

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 21 of 25

Dropbox

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
Design Patterns: Case Studies

iOS

Slide 22 of 25

Foursquare

Android

The state-of-the-art in Mobile apps

Pranav Kadam
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

Slide 23 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
References
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/

Slide 24 of 25

The state-of-the-art in Mobile apps

Pranav Kadam
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/Howto-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.

Slide 25 of 25

The state-of-the-art in Mobile apps

Pranav Kadam

More Related Content

What's hot

сүлжээний хичээл
сүлжээний хичээлсүлжээний хичээл
сүлжээний хичээлenhsaran_tsahim
 
Компьютерийн үзүүлэлт
Компьютерийн үзүүлэлтКомпьютерийн үзүүлэлт
Компьютерийн үзүүлэлтGuntulga
 
Lokalizowanie i usuwanie uszkodzeń systemu operacyjnego
Lokalizowanie i usuwanie uszkodzeń systemu operacyjnegoLokalizowanie i usuwanie uszkodzeń systemu operacyjnego
Lokalizowanie i usuwanie uszkodzeń systemu operacyjnego
Szymon Konkol - Publikacje Cyfrowe
 
компьютерийн техник хангамж
компьютерийн техник хангамжкомпьютерийн техник хангамж
компьютерийн техник хангамжBaaya Badrakh
 
Przygotowanie podzespołów do montażu komputera osobistego
Przygotowanie podzespołów do montażu komputera osobistegoPrzygotowanie podzespołów do montażu komputera osobistego
Przygotowanie podzespołów do montażu komputera osobistego
Szymon Konkol - Publikacje Cyfrowe
 
Хөтөлбөр 6 анги
Хөтөлбөр 6 ангиХөтөлбөр 6 анги
Хөтөлбөр 6 анги
chuluunbatbaymbasure
 
Техник хангамж
Техник хангамжТехник хангамж
Техник хангамж
Togtuun B
 
8 клас урок 9
8 клас урок 98 клас урок 9
8 клас урок 9
Александр Карпук
 
Жава хэлний сурах бичиг Java helnii surah bichig Mongol
Жава хэлний сурах бичиг Java helnii surah bichig MongolЖава хэлний сурах бичиг Java helnii surah bichig Mongol
Жава хэлний сурах бичиг Java helnii surah bichig Mongol
Gantulga Dashdondov
 
сүлжээний технологи
сүлжээний технологисүлжээний технологи
сүлжээний технологиKhishighuu Myanganbuu
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์Thanyaret Kongraj
 
ใบความรู้ที่ 1 แนวคิดเชิงนามธรรม
ใบความรู้ที่ 1 แนวคิดเชิงนามธรรมใบความรู้ที่ 1 แนวคิดเชิงนามธรรม
ใบความรู้ที่ 1 แนวคิดเชิงนามธรรม
kornchawanyooyued
 
Интернетээс мэдээлэл татах
Интернетээс мэдээлэл татахИнтернетээс мэдээлэл татах
Интернетээс мэдээлэл татах
Herlen Byambatsogt
 
Diagnoza komputera osobistego na podstawie komunikatów BIOS-u
Diagnoza komputera osobistego na podstawie komunikatów BIOS-uDiagnoza komputera osobistego na podstawie komunikatów BIOS-u
Diagnoza komputera osobistego na podstawie komunikatów BIOS-u
Szymon Konkol - Publikacje Cyfrowe
 
компьютерийн эрүүл ахуй 11д эрхэмбаяр
компьютерийн эрүүл ахуй 11д эрхэмбаяркомпьютерийн эрүүл ахуй 11д эрхэмбаяр
компьютерийн эрүүл ахуй 11д эрхэмбаярshand1_undrakhchimeg
 
эх хавтан гэж юу вэ
эх хавтан гэж юу вээх хавтан гэж юу вэ
эх хавтан гэж юу вэOyuka Oyuk
 

What's hot (20)

сүлжээний хичээл
сүлжээний хичээлсүлжээний хичээл
сүлжээний хичээл
 
Cs101 lec2
Cs101 lec2Cs101 lec2
Cs101 lec2
 
Компьютерийн үзүүлэлт
Компьютерийн үзүүлэлтКомпьютерийн үзүүлэлт
Компьютерийн үзүүлэлт
 
ไวรัสคอมพิวเตอร์คืออะไร
ไวรัสคอมพิวเตอร์คืออะไรไวรัสคอมพิวเตอร์คืออะไร
ไวรัสคอมพิวเตอร์คืออะไร
 
Lokalizowanie i usuwanie uszkodzeń systemu operacyjnego
Lokalizowanie i usuwanie uszkodzeń systemu operacyjnegoLokalizowanie i usuwanie uszkodzeń systemu operacyjnego
Lokalizowanie i usuwanie uszkodzeń systemu operacyjnego
 
компьютерийн техник хангамж
компьютерийн техник хангамжкомпьютерийн техник хангамж
компьютерийн техник хангамж
 
Przygotowanie podzespołów do montażu komputera osobistego
Przygotowanie podzespołów do montażu komputera osobistegoPrzygotowanie podzespołów do montażu komputera osobistego
Przygotowanie podzespołów do montażu komputera osobistego
 
Хөтөлбөр 6 анги
Хөтөлбөр 6 ангиХөтөлбөр 6 анги
Хөтөлбөр 6 анги
 
Техник хангамж
Техник хангамжТехник хангамж
Техник хангамж
 
8 клас урок 9
8 клас урок 98 клас урок 9
8 клас урок 9
 
Жава хэлний сурах бичиг Java helnii surah bichig Mongol
Жава хэлний сурах бичиг Java helnii surah bichig MongolЖава хэлний сурах бичиг Java helnii surah bichig Mongol
Жава хэлний сурах бичиг Java helnii surah bichig Mongol
 
сүлжээний технологи
сүлжээний технологисүлжээний технологи
сүлжээний технологи
 
Cs101 lec5
Cs101 lec5Cs101 lec5
Cs101 lec5
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
ใบความรู้ที่ 1 แนวคิดเชิงนามธรรม
ใบความรู้ที่ 1 แนวคิดเชิงนามธรรมใบความรู้ที่ 1 แนวคิดเชิงนามธรรม
ใบความรู้ที่ 1 แนวคิดเชิงนามธรรม
 
Интернетээс мэдээлэл татах
Интернетээс мэдээлэл татахИнтернетээс мэдээлэл татах
Интернетээс мэдээлэл татах
 
Diagnoza komputera osobistego na podstawie komunikatów BIOS-u
Diagnoza komputera osobistego na podstawie komunikatów BIOS-uDiagnoza komputera osobistego na podstawie komunikatów BIOS-u
Diagnoza komputera osobistego na podstawie komunikatów BIOS-u
 
Pdf
PdfPdf
Pdf
 
компьютерийн эрүүл ахуй 11д эрхэмбаяр
компьютерийн эрүүл ахуй 11д эрхэмбаяркомпьютерийн эрүүл ахуй 11д эрхэмбаяр
компьютерийн эрүүл ахуй 11д эрхэмбаяр
 
эх хавтан гэж юу вэ
эх хавтан гэж юу вээх хавтан гэж юу вэ
эх хавтан гэж юу вэ
 

Viewers also liked

Subrahmanya chandrashekar1
Subrahmanya chandrashekar1Subrahmanya chandrashekar1
Subrahmanya chandrashekar1
Grace George
 
El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...
El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...
El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...
itsas_ehu
 
Client Servicing Executive
Client Servicing ExecutiveClient Servicing Executive
Client Servicing Executive
bipinpandit
 
The Art of Client Service
The Art of Client ServiceThe Art of Client Service
The Art of Client Service
Michail Tsvetanov
 
Delivering Value Through Exceptional Client Service
Delivering Value Through Exceptional Client ServiceDelivering Value Through Exceptional Client Service
Delivering Value Through Exceptional Client Service
Jayne Navarre
 
The Art of Client Service
The Art of Client ServiceThe Art of Client Service
The Art of Client Service
Hunter Territo
 
Robert Solomon
Robert SolomonRobert Solomon
Robert Solomon
INBOUND
 

Viewers also liked (7)

Subrahmanya chandrashekar1
Subrahmanya chandrashekar1Subrahmanya chandrashekar1
Subrahmanya chandrashekar1
 
El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...
El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...
El estado del arte en desarrollo de aplicaciones multiplataforma para móviles...
 
Client Servicing Executive
Client Servicing ExecutiveClient Servicing Executive
Client Servicing Executive
 
The Art of Client Service
The Art of Client ServiceThe Art of Client Service
The Art of Client Service
 
Delivering Value Through Exceptional Client Service
Delivering Value Through Exceptional Client ServiceDelivering Value Through Exceptional Client Service
Delivering Value Through Exceptional Client Service
 
The Art of Client Service
The Art of Client ServiceThe Art of Client Service
The Art of Client Service
 
Robert Solomon
Robert SolomonRobert Solomon
Robert Solomon
 

Similar to The state-of-the-art in Mobile apps

Build once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platformBuild once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platform
Aspenware
 
Inspiratiedag uitapps
Inspiratiedag uitappsInspiratiedag uitapps
Inspiratiedag uitapps
UiTnetwerk - CultuurNet Vlaanderen
 
Learnings from Mobile Application Testing
Learnings from Mobile Application TestingLearnings from Mobile Application Testing
Learnings from Mobile Application Testing
Thoughtworks
 
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Mukteswar Patnaik
 
[XamarinDay] Xamarin History - From 0 to microsoft acquisition !
[XamarinDay] Xamarin History - From 0 to microsoft acquisition ![XamarinDay] Xamarin History - From 0 to microsoft acquisition !
[XamarinDay] Xamarin History - From 0 to microsoft acquisition !
Cellenza
 
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn..."How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
Eurapp
 
Seminar Presentation Phase II VI Sem -2022 (1).pptx
Seminar Presentation Phase II VI Sem -2022 (1).pptxSeminar Presentation Phase II VI Sem -2022 (1).pptx
Seminar Presentation Phase II VI Sem -2022 (1).pptx
NishuKumari166875
 
Mind the gap
Mind the gapMind the gap
Mind the gap
Pietro F. Maggi
 
Decide if PhoneGap is for you as your mobile platform selection
Decide if PhoneGap is for you as your mobile platform selectionDecide if PhoneGap is for you as your mobile platform selection
Decide if PhoneGap is for you as your mobile platform selection
Salim M Bhonhariya
 
Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...
Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...
Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...
Richard Rabins
 
MOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptx
MOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptxMOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptx
MOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptx
muthulakshmi cse
 
Mobile next 2013 petru jucovschi
Mobile next 2013   petru jucovschiMobile next 2013   petru jucovschi
Mobile next 2013 petru jucovschi
mpgco
 
App forum2015 London - RhoMobile Update
App forum2015 London - RhoMobile UpdateApp forum2015 London - RhoMobile Update
App forum2015 London - RhoMobile Update
robgalvinjr
 
Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...
Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...
Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...
hpcmitresearch
 
How to-choose-the-right-technology-architecture-for-your-mobile-application
How to-choose-the-right-technology-architecture-for-your-mobile-applicationHow to-choose-the-right-technology-architecture-for-your-mobile-application
How to-choose-the-right-technology-architecture-for-your-mobile-application
lverb
 
Mobility today & what's next. Application ecosystems.
Mobility today & what's next.Application ecosystems.Mobility today & what's next.Application ecosystems.
Mobility today & what's next. Application ecosystems.
Petru Jucovschi
 
Appavatar
AppavatarAppavatar
Appavatar
appavatar
 
SauceCon 2017: test.allTheThings(): Digital Edition
SauceCon 2017: test.allTheThings(): Digital EditionSauceCon 2017: test.allTheThings(): Digital Edition
SauceCon 2017: test.allTheThings(): Digital Edition
Sauce Labs
 
Visual studio enterprise 2017 mobile by Russ Fustino
Visual studio enterprise 2017 mobile by Russ FustinoVisual studio enterprise 2017 mobile by Russ Fustino
Visual studio enterprise 2017 mobile by Russ Fustino
Russ Fustino
 
ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...
ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...
ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...
ITCamp
 

Similar to The state-of-the-art in Mobile apps (20)

Build once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platformBuild once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platform
 
Inspiratiedag uitapps
Inspiratiedag uitappsInspiratiedag uitapps
Inspiratiedag uitapps
 
Learnings from Mobile Application Testing
Learnings from Mobile Application TestingLearnings from Mobile Application Testing
Learnings from Mobile Application Testing
 
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
 
[XamarinDay] Xamarin History - From 0 to microsoft acquisition !
[XamarinDay] Xamarin History - From 0 to microsoft acquisition ![XamarinDay] Xamarin History - From 0 to microsoft acquisition !
[XamarinDay] Xamarin History - From 0 to microsoft acquisition !
 
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn..."How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...
 
Seminar Presentation Phase II VI Sem -2022 (1).pptx
Seminar Presentation Phase II VI Sem -2022 (1).pptxSeminar Presentation Phase II VI Sem -2022 (1).pptx
Seminar Presentation Phase II VI Sem -2022 (1).pptx
 
Mind the gap
Mind the gapMind the gap
Mind the gap
 
Decide if PhoneGap is for you as your mobile platform selection
Decide if PhoneGap is for you as your mobile platform selectionDecide if PhoneGap is for you as your mobile platform selection
Decide if PhoneGap is for you as your mobile platform selection
 
Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...
Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...
Alpha Anywhere presentation at the the Always on Summit -- Building Offline M...
 
MOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptx
MOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptxMOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptx
MOBILE APPLICATIONS DEVELOPMENT AND SERVICES.pptx
 
Mobile next 2013 petru jucovschi
Mobile next 2013   petru jucovschiMobile next 2013   petru jucovschi
Mobile next 2013 petru jucovschi
 
App forum2015 London - RhoMobile Update
App forum2015 London - RhoMobile UpdateApp forum2015 London - RhoMobile Update
App forum2015 London - RhoMobile Update
 
Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...
Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...
Rapidvalue whitepaper-howtochoosetherightarchitectureforyourmobileapplication...
 
How to-choose-the-right-technology-architecture-for-your-mobile-application
How to-choose-the-right-technology-architecture-for-your-mobile-applicationHow to-choose-the-right-technology-architecture-for-your-mobile-application
How to-choose-the-right-technology-architecture-for-your-mobile-application
 
Mobility today & what's next. Application ecosystems.
Mobility today & what's next.Application ecosystems.Mobility today & what's next.Application ecosystems.
Mobility today & what's next. Application ecosystems.
 
Appavatar
AppavatarAppavatar
Appavatar
 
SauceCon 2017: test.allTheThings(): Digital Edition
SauceCon 2017: test.allTheThings(): Digital EditionSauceCon 2017: test.allTheThings(): Digital Edition
SauceCon 2017: test.allTheThings(): Digital Edition
 
Visual studio enterprise 2017 mobile by Russ Fustino
Visual studio enterprise 2017 mobile by Russ FustinoVisual studio enterprise 2017 mobile by Russ Fustino
Visual studio enterprise 2017 mobile by Russ Fustino
 
ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...
ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...
ITCamp 2018 - Dan Ardelean - CI/CD for mobile development using Visual Studio...
 

Recently uploaded

How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
Safe Software
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Neo4j
 
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
Edge AI and Vision Alliance
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Antonios Katsarakis
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
Jason Yip
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Pitangent Analytics & Technology Solutions Pvt. Ltd
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
Pablo Gómez Abajo
 

Recently uploaded (20)

How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
 
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
 
Artificial Intelligence and Electronic Warfare
Artificial Intelligence and Electronic WarfareArtificial Intelligence and Electronic Warfare
Artificial Intelligence and Electronic Warfare
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
 

The state-of-the-art in Mobile apps

  • 1. THE STATE-OF-THE-ART IN MOBILE APPS Dec. 10, 2013 PRANAV KADAM pdkadam@mail.upb.de Universität Paderborn, Germany
  • 2. Agenda  Mobile app development: An introduction  Technologies  Design Patterns  Summary Slide 2 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 3. Mobile app development  Devices Slide 3 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 4. Mobile app development  Devices Est. to surpasas desktop PC shipments in 2013 [1] 40% before getting out of bed 3rd [6] 19% user growth reaching 1.15 billion Slide 3 of 25 +36% [2,3] [4] [5] choice to buy among electronic devices check emails The state-of-the-art in Mobile apps Pranav Kadam
  • 5. Mobile app development  Platforms Global Smartphone Market Share 2012 4.4% 5.3% [7] 2.5% 2.6% Android Apple iOS Blackberry 18.6% Symbian 66.6% Slide 4 of 25 Windows Phone Others The state-of-the-art in Mobile apps Pranav Kadam
  • 6. Mobile app development  Platforms Global Smartphone Market Share 2012 4.4% 5.3% 2.5% 2.6% Android Apple iOS 85.2% Blackberry 18.6% Symbian 66.6% Slide 4 of 25 [7] Windows Phone Others The state-of-the-art in Mobile apps Pranav Kadam
  • 7. Mobile app development  Mobile web Facebook Mobile Usage [6] Native Apps 50% Mobile Web 50% 0% Slide 5 of 25 500 Million Mobile Users (2012) 20% 40% The state-of-the-art in Mobile apps 60% Pranav Kadam
  • 8. Mobile app development  Mobile web iPhone, Android, Nokia, Palm, Sony Ericsson, Windows Phone, Blackberry, etc. Facebook Mobile Usage [6] Native Apps 50% Mobile Web 50% 0% Slide 5 of 25 500 Million Mobile Users (2012) 20% 40% The state-of-the-art in Mobile apps 60% Pranav Kadam
  • 9. Mobile app development  Mobile web 1 out of 6 [4] mobile phones is a Smartphone Slide 5 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 10. Technologies: Client-Architectures Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 11. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 12. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 13. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 14. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 15. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 16. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 17. Technologies: Client-Architectures Facebook native | iOS 6 Facebook web | Safari on iOS 6 Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 18. Technologies: Client-Architectures Native Slide 6 of 25 Mobile Web The state-of-the-art in Mobile apps Pranav Kadam
  • 19. Technologies: Client-Architectures Native Built in its native code to run on specific devices & OS. Slide 6 of 25 The state-of-the-art in Mobile apps Mobile Web Pranav Kadam
  • 20. Technologies: Client-Architectures Native Built in its native code to run on specific devices & OS. Mobile Web iOS: Objective C Android: Java Windows Phone: .NET Slide 6 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 21. Technologies: Client-Architectures Native Built in its native code to run on specific devices & OS. Mobile Web User Experience Cost Slide 6 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 22. Technologies: Client-Architectures Native Mobile Web Built in its native code to run on specific devices & OS. Built to run over the Internet, it can be accessed on any device with a browser User Experience Cost Slide 6 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 23. Technologies: Client-Architectures Native Built in its native code to run on specific devices & OS. Built to run over the Internet, it can be accessed on any device with a browser User Experience Cost Cost Slide 6 of 25 Mobile Web User Experience The state-of-the-art in Mobile apps Pranav Kadam
  • 24. Technologies: Client-Architectures Native Mobile Web Built in its native code to run on specific devices & OS. Built to run over the Internet, it can be accessed on any device with a browser + User Experience Cost Slide 6 of 25 Cost User Experience The state-of-the-art in Mobile apps Pranav Kadam
  • 25. Technologies: Client-Architectures Native Mobile Web Built in its native code to run on specific devices & OS. Built to run over the Internet, it can be accessed on any device with a browser Hybrid User Experience Cost Cost User Experience Slide 6 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 26. Technologies: Client-Architectures Native Hybrid Mobile Web Built in its native code to run on specific devices & OS. Built using crossplatform frameworks and runs on multiple platforms Built to run over the Internet, it can be accessed on any device with a browser User Experience Cost Cost User Experience Slide 6 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 27. Technologies: Client-Architectures Native Hybrid Mobile Web Built in its native code to run on specific devices & OS. Built using crossplatform frameworks and runs on multiple platforms Built to run over the Internet, it can be accessed on any device with a browser User Experience User Experience Cost Cost Cost User Experience Slide 6 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 28. 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 Slide 7 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 29. 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 Slide 8 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 30. 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 Slide 9 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 31. Technologies: Decision Framework [8,9] Parameter Native Hybrid Mobile Web Cost Multi-Platform Hardware Access Device features Performance User Experience Offline support Time to market SEO Slide 10 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 32. Design Patterns: Categories Security Help Slide 11 of 25 The state-of-the-art in Mobile apps Functionality Pranav Kadam
  • 33. Design Patterns: Categories (Example)  Functionality  Enables user to complete tasks and achieve their goals Slide 12 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 34. Design Patterns: Categories (Example)  Functionality  Enables user to complete tasks and achieve their goals Slide 12 of 25 The state-of-the-art in Mobile apps Tools Forms Features Pranav Kadam
  • 35. Design Patterns: Categories (Example)  Functionality  Enables user to complete tasks and achieve their goals Forms Features Tools Toolbar Option Menu Contextual Tools Inline Actions Call-to-action buttons Slide 12 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 36. Design Patterns: Common Gestures Tap Touch & Hold Swipe Rotate Slide 13 of 25 Double Tap Pinch close Pinch open Shake The state-of-the-art in Mobile apps Pranav Kadam
  • 37. Design Patterns: Examples Gmail | Android Slide 14 of 25 List & Tabs Gmail | Android The state-of-the-art in Mobile apps Pranav Kadam
  • 38. Design Patterns: Examples Google Maps | iOS Slide 14 of 25 Behance | iOS The state-of-the-art in Mobile apps List & Tabs App Store | iOS Pranav Kadam
  • 39. Design Patterns: Examples Google Maps | iOS Slide 14 of 25 Behance | iOS The state-of-the-art in Mobile apps List & Tabs App Store | iOS Pranav Kadam
  • 40. Design Patterns: Examples Snapguide | iOS Slide 15 of 25 Instagram | Android The state-of-the-art in Mobile apps Forms Instagram | Android Pranav Kadam
  • 41. Design Patterns: Examples Fancy | iOS Slide 16 of 25 App Store | iOS The state-of-the-art in Mobile apps Alerts / Dialog Foursquare| iOS Pranav Kadam
  • 42. Design Patterns: Examples Multi-Pane Contacts | Android Dropbox | iOS Slide 17 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 43. Design Patterns: Examples Multi-Pane Gmail | Android Slide 17 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 44. Design Patterns: UI Overview Slide 18 of 25 The state-of-the-art in Mobile apps iOS Pranav Kadam
  • 45. Design Patterns: UI Overview Slide 18 of 25 The state-of-the-art in Mobile apps iOS Pranav Kadam
  • 46. Design Patterns: UI Overview Slide 18 of 25 The state-of-the-art in Mobile apps iOS Pranav Kadam
  • 47. Design Patterns: UI Overview Slide 18 of 25 The state-of-the-art in Mobile apps iOS Pranav Kadam
  • 48. Design Patterns: UI Overview Slide 18 of 25 The state-of-the-art in Mobile apps iOS Pranav Kadam
  • 49. Design Patterns: UI Overview Android Action Bar Content Area Navigation drawer Action Bar Slide 19 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 50. Design Patterns: UI Overview Android Action Bar Content Area Navigation drawer Action Bar Slide 19 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 51. Design Patterns: UI Overview Android Action Bar Content Area Navigation drawer Action Bar Slide 19 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 52. Design Patterns: UI Overview Android Action Bar Content Area Navigation drawer Action Bar Slide 19 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 53. Design Patterns: Case Studies iOS Slide 20 of 25 Twitter Android The state-of-the-art in Mobile apps Pranav Kadam
  • 54. Design Patterns: Case Studies iOS Slide 20 of 25 Twitter Android The state-of-the-art in Mobile apps Pranav Kadam
  • 55. Design Patterns: Case Studies iOS Slide 20 of 25 Twitter Android The state-of-the-art in Mobile apps Pranav Kadam
  • 56. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 57. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 58. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 59. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 60. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 61. Design Patterns: Case Studies Dropbox Options menu iOS Slide 21 of 25 Android The state-of-the-art in Mobile apps Pranav Kadam
  • 62. Design Patterns: Case Studies Dropbox Options menu iOS Slide 21 of 25 Android The state-of-the-art in Mobile apps Pranav Kadam
  • 63. Design Patterns: Case Studies Dropbox Options menu iOS Slide 21 of 25 Android The state-of-the-art in Mobile apps Pranav Kadam
  • 64. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 65. Design Patterns: Case Studies iOS Slide 21 of 25 Dropbox Android The state-of-the-art in Mobile apps Pranav Kadam
  • 66. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 67. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 68. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 69. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 70. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 71. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 72. Design Patterns: Case Studies iOS Slide 22 of 25 Foursquare Android The state-of-the-art in Mobile apps Pranav Kadam
  • 73. 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 Slide 23 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 74. References 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/ Slide 24 of 25 The state-of-the-art in Mobile apps Pranav Kadam
  • 75. 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/Howto-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. Slide 25 of 25 The state-of-the-art in Mobile apps Pranav Kadam