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 / fsantana@ingenia.es / @zinkiki