View
450
Download
0
Embed Size (px)
DESCRIPTION
"El estado del arte de plataformas y aplicaciones móviles. Web vs Apps. Desarrollo nativo vs híbrido. Estrategia Mobile First. Aplicaciones móviles corporativas y para clientes. Casos de éxito”.
Citation preview
mobile first presentation
Fernando Santana
¿ser o no ser
móvil?
el futuro es
móvil
el ¿futuro? es
móvil
Fuente: Google. Our Mobile Planet. Mayo 2013
55% de la población española tiene un smartphone
72% se conecta a diario a internet con su smartphone
18 millones de personas se conectan a internet a diario desde su smartphone en España.
Fuente: http://www.strangeloopnetworks.com/web-performance-infographics
85% de los usuarios esperan navegar en su smartphone más rápido que en su ordenador
57% se encuentra con algún problema al acceder a un sitio móvil siendo el principal la velocidad de carga
La mitad de los que sufren una mala experiencia, no vuelven.
So Lo Mo 89% de los usuarios de smartphone ha buscado información local
77% ha realizado una acción como resultado de la búsqueda
marketing móvil
Fuente: http://think.withgoogle.com/mobileplanet/es/
estadísticas sobre SoLoMo
Fuente: http://www.netmarketshare.com/
smartphones smartphones + tablets
búsquedas realizadas desde dispositivos móviles en 2013
¿ser o no ser
móvil?
siempre conectado
ventajas clave de ser móvil
siempre disponible siempre atento
sí, estamos de acuerdo es una locura pero...
Fotografía de: José Manuel Velasco (@JM_VelascoG)
opcional ya no es ser móvil
Fotografía de: José Manuel Velasco (@JM_VelascoG)
ok, quiero ser móvil
¿cómo?
retos de ser móvil primero, conoce los
retos de ser móvil
velocidad / latencia de la red
consumo de batería
limitaciones de los procesadores planes de datos cobertura
variedad de dispositivos
tamaños y resoluciones de pantalla experiencia de usuario
priorización de contenidos
jerarquía visual gestionar la publicidad longitud del contenido
tamaño de la páginas
contexto de uso
retos de ser móvil: tamaño de los dispositivos
tamaño del dispositivo
tamaño del dispositivo tamaño del dispositivo
tamaño del dispositivo
retos de ser móvil: tamaño y resolución de la pantalla
desktop mobile
retos de ser móvil: contexto de uso
retos de ser móvil: diversidad de dispositivos y versiones de SO
ok, quiero ser móvil
¿cómo?
define una
estrategia
1. Define el objetivo
estrategia para ser móvil: algunas claves
2. Haz algo útil para tu usuario
3. Decide la tecnología
4. Falla rápido y falla barato
5. Evoluciona tu producto
web móvil App
¿app store?
sí
¿off line? ¿acceso al dispositivo?
no
¿El director quiere una app?
opciones determinar la tecnología a utilizar
¿notificaciones?
arquitecturas
Fuente: IBM Worklight
web móvil: alternativas
desktop desktop + mobile
responsive
74% de los usuarios no esperan más de 5 segundos a que cargue una página
web móvil: desktop (aka: no hacer nada)
desktop
desktop + mobile
web móvil: desktop + mobile
si ya tienes una web y no piensas renovarla en breve si sólo quieres ofrecer un conjunto reducido de contenidos y servicios menor coste de lanzamiento pero mayor coste de mantenimiento
desktop + mobile
web móvil: desktop + mobile
reutiliza el back-end del sitio desktop. aprovecha el conocimiento del equipo de desarrollo del sitio web desktop (si es propio) huye de las soluciones que convierten el sitio desktop en móvil dinámicamente
web móvil: responsive
una sola web para dominarlos a todos (los dispositivos) Uso de estándares: HTML5 + JavaScript + CSS3 optimiza el coste de mantenimiento vs el número de dispositivos a los que se accede.
responsive
web móvil: responsive
mejora tu visibilidad en los buscadores ofrece una experiencia unificada al usuario en todos los dispositivos Utiliza un framework de los múltiples disponibles
responsive
app: alternativas
nativa híbrida
Acceso al dispositivo Velocidad Coste
desarrollo App Market Proceso de aprobación
Multi-plataforma
Nativa Completo La más rápida Mayor Sí Obligatorio No
Híbrida Completo Muy rápida Medio Sí Obligatorio Sí
Web Parcial Rápida Menor No Ninguno Sí
cuadro resumen opciones tecnológicas para ser móvil
Ingenia te ayuda a ser móvil en todas las fases del proceso
clientes
Referencias
web móvil
ONEMI. Web corporativa. Responsive.
Ingenia. Web corporativa. Responsive.
Fundación Málaga Health. Web corporativa. Responsive.
Desarrollo de una aplicación web móvil para dar servicios a los usuarios de la Empresa Municipal de Transportes de Málaga. La aplicación web ofrece información sobre: • Mapa de las paradas de micros más
cercanas. • Información de líneas y paradas. • Información de tiempo de espera en la
parada. • Recarga de tarjeta de micro. • Información de cómo llegar a una
determinada parada. http://www.emtmalaga.es/emt-mobile
Empresa Municipal de Transportes de Málaga. App web móvil.
Desarrollo del canal móvil para Unicaja. La web móvil ofrece acceso a: • UniVía (banca online) • Broker con información del mercado de
valores. • Unipunto. Catálogo de regalos. • Acceso a teléfonos de atención al cliente • Noticias Unicaja y Obra Social.
https://www.unicaja.es
Unicaja. Canal móvil.
apps
Desarrollo de una aplicación para la promoción del enoturismo en los valles de Chile para la Corporación Chilena del Vino. Aplicación para tablets iOS y Android La aplicación ofrece: • Menú de comidas y vinos de los
restaurantes • Información de maridaje entre platos y
vinos • Información de los valles y las bodegas • Gestión de la información por cada
restaurante, desde un gestor de contenidos.
Corporación Chilena del Vino. App enoturismo tablet iOS y Android
Corporación Chilena del Vino. App enoturismo tablet iOS y Android
Desarrollo de una aplicación para tablets multiplataforma para agentes comerciales del Banco de Chile para la gestión de oportunidades de negocio y la agenda de visitas comerciales. La aplicación ofrece: - Gestión de Agenda - Oportunidades de negocio - Consulta de información de clientes - Formularios de ingreso de información
de las visitas - Consulta de informes
Banco de Chile. App tablets multiplataforma de gestión comercial
Banco de Chile. App tablets multiplataforma de gestión comercial
Desarrollo de una aplicación nativa para iOS y para Android para la EMT de Málaga. La App ofrece: • Mapa de las paradas de micros más
cercanas. • Información de líneas y paradas. • Información de tiempo de espera en la
parada. • Recarga de tarjeta de micro. • Información de cómo llegar a una
determinada parada. • Captura de QR de parada. • Parada favoritas. • Información del servicio de bicicletas de
alquiler
https://itunes.apple.com/es/app/malaga-emt/id742179220?mt=8
https://play.google.com/store/apps/details?id=es.ingenia.emt&hl=es
Empresa Municipal de Transportes de Málaga. App nativa.
Desarrollo de la banca online de Unicaja, incluyendo el canal móvil y las aplicaciones móviles para iPhone, iPad y Android. La aplicación ofrece: • Acceso integrado a la banca online • Acceso al Broker de mercado de valores • Buscador de oficinas, cajeros y comercios • Clave de seguridad para autenticación en
dos pasos en la banca online • Abono de cheque con lector de códigos de
barra • Información corporativa
https://itunes.apple.com/es/app/unicajamovil/id418888234
https://play.google.com/store/apps/details?id=es.univia.unicajamovil&hl=es
Unicaja Banco. Canal móvil y Apps iOS y Android.
Diseño y desarrollo de la app corporativa de Clínica Las Condes para dispositivos iOS. La aplicación ofrece: • Acceso directo a los teléfonos de reserva
de hora, mesa central y emergencias. • Banners personalizados por segmentos de
usuarios. • Información de cómo llegar. • Reserva de hora a través de la app. • Acceso y gestión de citas con la clínica. • Acceso a la revista de la clínica: vivir más. • Acceso a la información de vacunas. • Acceso a información de analíticas.
https://itunes.apple.com/es/app/clc-movil/id851758641?mt=8
Clínica Las Condes. App iOS universal (iPhone e iPad)
Clínica Las Condes. App iOS universal (iPhone e iPad)
Diseño y desarrollo de una app para el control de las pantallas de monitorización de información clínica de los pacientes de la Unidad de Tratamiento Intensivo de Clínica Las Condes. La aplicación ofrece: • Integración con el HIS de la
Clínica para la consulta de información de pacientes.
• Integración con los sistemas de información en monitores de la sala UTI.
Clínica Las Condes. App iOS iPad para control de UTI
Adaptación del producto Mr. Radarius a la iniciativa del Ayuntamiento de Málaga para potenciar el desarrollo del comercio local del centro de Málaga orientado para los turistas, especialmente los que llegan en cruceros. La aplicación ofrece información sobre: • Mapa de comercios. • Información de horarios de los mismos. • Posibilidad de marcar favoritos. • Posibilidad de filtrar por categorías. • Gestión de cupones descuento.
https://itunes.apple.com/es/app/malaga-cruise-shops/id714882830?mt=8
Málaga Cruise Shops
Todo un camino por delante que deseamos hacer junto a ti
Muchas gracias por tu atención Fernando Santana / [email protected] / @zinkiki