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? PLATAFORMAS DISTRIBUCION GLOBAL POR SISTEMA OPERATIVO 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 1x MDPI 1.5x HDPI iPad 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]