PDF de programación - APLICACIONES MÓVILES ¿Por qué desarrollar app nativas?

APLICACIONES MÓVILES

¿Por qué desarrollar app nativas?

Andres Yerkovich
[email protected]

Lisandro Vico
[email protected]

AGENDA
OPCIONES DE DESARROLLO MOBILE
• Para que dispositivos y para que plataformas voy a desarrollar

• Tipos de desarrollo Webapps / Apps híbridas / Apps nativas

• ¿Cuál me conviene más?

DISEÑO DE APPS NATIVAS
• Interfaz gráfica - Convenciones visuales

• Resoluciones / Densidades de pantalla / Fragmentación

• Casos de Exito (DDNS - EnvialoSimple)

DISPOSITIVOS
¿Para cuáles voy a desarrollar?

SMARTPHONES

Smartphones

Feature Phones

Fuente: IDC

TABLETS

Fuente: IDC

EL FUTURO

DISPOSITIVOS
Wearables / TV / Automóvil

PLATAFORMAS
¿Para cuáles voy a desarrollar?

DISTRIBUCION GLOBAL POR SISTEMA OPERATIVO

PLATAFORMAS

81%
Android

15%
iOS

3%

Windows Phone

1%
Otros

Fuente: IDC, 2014 Q1

OPCIONES DE DESARROLLO

Desarrollo único
Multiples plataformas
Actualizaciones instantaneas
Acceso al hardware
Calidad de UI y UX
Funcionamiento offline

WEBAPPS

OPCIONES DE DESARROLLO

Desarrollo único
Multiples plataformas
Funcionamiento offline
Calidad de UI / UX
Performance
Acceso al hardware

APPS HÍBRIDAS

OPCIONES DE DESARROLLO

Performance
Calidad de UI / UX
Acceso al hardware
Soporte y comunidad
Desarrollo único
Costo de desarrollo

APPS NATIVAS

OPCIONES DE DESARROLLO

MULTI-PLATAFORMA

OPCIONES DE DESARROLLO

Nativas

Híbridas

Webapps

¿CUAL ME CONVIENE MAS?

PLATAFORMAS

NUESTRA ELECCIÓN
¿Por qué elegimos desarrollar en forma nativa?

DISEÑO DE APPS NATIVAS

WEBAPPS
Youtube / Gmail / Hulu

APPS HÍBRIDAS

Bed, Bath and Beyond

APPS HÍBRIDAS

RE/MAX

APPS NATIVAS

Whatsapp

APPS NATIVAS

Whatsapp

APPS NATIVAS

Facebook

APPS NATIVAS

Facebook Messenger

INTERFAZ GRÁFICA

Convenciones visuales

INTERFAZ GRÁFICA

Convenciones visuales

INTERFAZ GRÁFICA

Convenciones visuales

INTERFAZ GRÁFICA

Convenciones visuales

Apple HIG

Google Design

https://developer.apple.com/library/iOS/documentation/

userexperience/conceptual/mobilehig/

https://www.google.com/design/spec/material-design/

introduction.html

Documentación oficial

DISEÑO MOBILE

Adaptado a multiples resoluciones y densidades

DISEÑO MOBILE

Adaptado a multiples resoluciones y densidades

DISEÑO MOBILE

Adaptado a multiples resoluciones y densidades

DISEÑO MOBILE

Adaptado a multiples resoluciones y densidades

iPhone

iPad

1x
MDPI

1.5x
HDPI

2x

XHDPI

3x

XXHDPI

4x

XXXHDPI

Android

DISEÑO MOBILE

Adaptado a multiples resoluciones y densidades

CASOS DE ÉXITO

Donweb Apps

DDNS (DNS DINÁMICOS)

Donweb Apps

DDNS (DNS DINÁMICOS)

Donweb Apps

DDNS (DNS DINÁMICOS)

Donweb Apps

DDNS (DNS DINÁMICOS)

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

ENVIALO SIMPLE

Donweb Apps

“Trata de absorber aquello que es útil, rechazar lo que

es inútil y añadir lo que es esencialmente tuyo.”

–Bruce Lee

MUCHAS GRACIAS!

Andres Yerkovich
[email protected]

Lisandro Vico
[email protected]