0
Responsive, móvil o app.
¿Por dónde empezar?

1
Índice
1.  ¿Qué presencia móvil debemos tener?
2.  Posibles alternativas para
nuestra presencia móvil
3.  Entonces, ¿por d...
1
¿Qué presencia móvil 

debemos tener?

3
¿Qué presencia móvil debemos tener?
A diario desde Multiplica nos encontramos en reuniones con clientes o en talleres o cu...
Responsive, site móvil o app … ¿Por dónde empezar?
La respuesta no es ni obvia ni inmediata pues son múltiples las variabl...
Presente más que futuro
Tomemos un momento del tiempo. Al azar.
Por ejemplo, el cybermonday. El día de las
grandes ofertas...
Presente más que futuro

No entender este significativo cambio en el diseño de presencias online nos llevará a experimenta...
2
Posibles alternativas para 

nuestra presencia móvil

8
Posibles alternativas para nuestra presencia móvil
Las opciones que disponemos en el mundo móvil son múltiples: Desde dise...
Alternativa 1: Sites responsivos (i)
Por site responsivo se entiende aquel site que
se adapta al ancho del navegador del
d...
Alternativa 1: Sites responsivos (ii) 
Ventajas de los sites responsivos

Desventajas y problemática

	


"   Consistencia...
Alternativa 1: Sites responsivos (iii) 
Los sites responsivos nos permitirán crear
experiencias más que válidas para dispo...
Alternativa 2: Sites móviles (i)
Por site móvil entendemos aquella web que
está pensada de arriba a abajo para su uso y
co...
Alternativa 2: Sites móviles (ii)
Ventajas de los sites móviles
	


"   Experiencia de navegación y uso ad-hoc.
"   Incorp...
Alternativa 2: Sites móviles (iii)
Desventajas y problemática

"   Gran incremento de presupuestos,
mantener un site WEB y...
Alternativa 3: Apps nativas (i)
Las aplicaciones nativas son aplicaciones que
se descargan desde Google Play o el Apple
St...
Alternativa 3: Apps nativas (ii)
Ventajas de las apps nativas

Desventajas y problemática

"   Las posibilidades a nivel d...
Alternativa 4: Desarrollos híbridos (i)
Las apps nativas han visto como nacen
aplicaciones que usan HTML5 para convertirse...
Alternativa 4: Desarrollos híbridos (ii)
Ventajas de los desarrollos híbridos
respecto de las apps nativas

Desventajas y ...
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Responsive, móvil o app: ¿Por dónde empezar?l
Upcoming SlideShare
Loading in...5
×

Responsive, móvil o app: ¿Por dónde empezar?l

149

Published on

A diario desde Multiplica nos encontramos en reuniones con clientes o en talleres o cursos con probablemente las mismas preguntas que te han llevado a empezar a leer este informe: ¿Qué presencia debemos tener en mobile?. ¿Un site móvil, un site responsive o una app?. ¿Qué potenciar o por dónde empezar?.

En esta presentación intentamos dar adecuada respuesta a tales preguntas.

Published in: Marketing
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
149
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Responsive, móvil o app: ¿Por dónde empezar?l"

  1. 1. Responsive, móvil o app. ¿Por dónde empezar? 1
  2. 2. Índice 1.  ¿Qué presencia móvil debemos tener? 2.  Posibles alternativas para nuestra presencia móvil 3.  Entonces, ¿por dónde empezar? 4.  Autores 5.  Multiplica Mobile 2
  3. 3. 1 ¿Qué presencia móvil 
 debemos tener? 3
  4. 4. ¿Qué presencia móvil debemos tener? A diario desde Multiplica nos encontramos en reuniones con clientes o en talleres o cursos con probablemente las mismas preguntas que te han llevado a empezar a leer este informe: ¿Qué presencia debemos tener en mobile?. ¿Un site móvil, un site responsive o una app?. ¿Qué potenciar o por dónde empezar? 4
  5. 5. Responsive, site móvil o app … ¿Por dónde empezar? La respuesta no es ni obvia ni inmediata pues son múltiples las variables a considerar para dar con la respuesta acertada. Entre ellas: " " " " "   La naturaleza del producto o servicio que vendemos o queremos dar.   El tipo de relación tenemos con nuestros usuarios y clientes.   El valor y experiencia que queremos ofrecerle al usuario.   La fórmula de monetización de nuestra propuesta de valor.   El grado de madurez y recursos que dispongamos. Pero, antes de avanzar mucho más, pongámonos en situación. 5
  6. 6. Presente más que futuro Tomemos un momento del tiempo. Al azar. Por ejemplo, el cybermonday. El día de las grandes ofertas online en los Estados Unidos. Seamos más concretos. Esa es la realidad a la que, los que diseñamos y creamos presencias online, nos enfrentamos y nos obliga a reflexionar, y mucho, sobre qué presencia móvil estamos obligados a diseñar hoy en día. Tengamos en cuenta estos datos: el 19,71% del tráfico que reciben las webs es desde dispositivos móviles, porcentaje que en determinadas industrias puede fácilmente doblarse (Walmart y BestBuy ya reciben el 33% y Yelp el 40%). Tomemos el cibermonday del año pasado y entendamos que el 13% de las transacciones que se realizaron aquel excepcional día en Estados Unidos fueron realizadas desde un dispositivo móvil hasta alcanzar la nada desdeñable cifra de 182 millones de dólares. Según eMarketer este 2013 las ventas desde un dispositivo móvil crecerán un 68% respecto al año pasado. ¿Nada mal, no? Para añadirle un poco más de complejidad, no podemos olvidar la irrupción de todo tipo de dispositivos para acceder a internet (tabletas, consolas,...) que hacen cambiar el contexto: en el 2006, 3/4 partes de las visitas a un site se hacían desde 2 tamaños de resolución a pantalla y, hoy en día, hay 8 tamaños diferentes y ninguno de ellos supera el 20% de ‘share’. Busquemos otra fecha al azar :) Las pasadas Navidades. 17 millones de dispositivos móviles fueron activados sólo en el día de Navidades, más de un 200% que el año anterior. ¿Impresionante, no? 6
  7. 7. Presente más que futuro No entender este significativo cambio en el diseño de presencias online nos llevará a experimentar con tasas de abandono inmediato cada vez mayores, ratios de conversión más bajos y usuarios y clientes cada vez más sorprendidos de que no ofrezcamos a estas alturas una versión móvil. Un último dato por si todavía tenemos duda alguna. Según Mobile Marketer, no ofrecer una presencia móvil nos llevará a obtener un 57% de abandonos entre aquellos usuarios que nos visitan desde un celular. Poca broma. 7
  8. 8. 2 Posibles alternativas para 
 nuestra presencia móvil 8
  9. 9. Posibles alternativas para nuestra presencia móvil Las opciones que disponemos en el mundo móvil son múltiples: Desde diseñar un site pensado sólo para los dispositivos móviles, a considerar lanzar una aplicación nativa en el Apple Store o en el Google Play o crear lo que se conoce como site responsivo o responsive. 1 2 3 4 Sites responsivos Sites móviles Apps nativas Desarrollos híbridos 9
  10. 10. Alternativa 1: Sites responsivos (i) Por site responsivo se entiende aquel site que se adapta al ancho del navegador del dispositivo desde el que visitamos ese sitio (sea una pantalla móvil de 320 x 480 píxeles o un monitor HD de 1920 x 1200 píxeles). El concepto se lo debemos a Ethan Marcotte que lo describió como la capacidad de adaptarse al dispositivo desde el que accede el usuario, sea un ordenador convencional, una tableta o un Smartphone, haciendo uso de una base de programación HTML5 que permita maximizar la legibilidad y la funcionalidad de un site a cualquier tipo de dispositivo. Podremos incluso adaptar el layout de nuestros contenidos según el ancho del navegador que nos visite, aumentar el área clickable de nuestros links para pantallas más pequeñas, plantear diferentes tamaños de letras en función del dispositivo que nos visita, mostrar o esconder contenidos o elementos de nuestra navegación según cada caso. Con un diseño responsivo que use grillas líquidas, imágenes flexibles y librerías de estilos para aquellos dispositivos con los que queremos mejorar la visualización de nuestros contenidos, podremos dar una óptima respuesta a las necesidades de uso y navegación desde un smartphone. 10
  11. 11. Alternativa 1: Sites responsivos (ii) Ventajas de los sites responsivos Desventajas y problemática "   Consistencia a nivel de experiencia entre múltiples dispositivos, aunque con la posibilidad de servir contenido distinto en función del tamaño de sus pantallas. "   Claras eficiencias a nivel de desarrollo (ya que todo el código reside en un único lugar). "   Menores costes de mantenimiento o de "   Tiempos de descarga más pesados (especialmente desde dispositivos móviles). "   Necesidad de recodificar el site actual completo para desktop. "   Menores tiempos de revisión y quality assurance. "   Funcionamiento un poco más lento en móviles, scroll, transiciones y aspectos una vez el site ya ha cargado. revisiones de diseño. "   Facilidades a nivel de SEO al disponer de una única URL o evitar el contenido duplicado. "   La optimización para dispositivos antiguos o de bajo rendimiento puede ser sumamente compleja, se debe dejar claro cual es el foco en dispositivos. " Multicanalidad y viralidad por parte del usuario al tener una única URL. "   Con una sola base de código, se tiene "   Segmentación de pauta por dispositivo. Es complejo servir pautas únicamente para usuarios que ingresan por el dispositivo móvil. cubierto desde celulares, tablets y dispositivos y se pueden abarcar plataformas donde el desarrollo de apps no es viable o no es prioritario (Blackberry, Windows Phone o Firefox OS). 11
  12. 12. Alternativa 1: Sites responsivos (iii) Los sites responsivos nos permitirán crear experiencias más que válidas para dispositivos pequeños, pero también para dispositivos de todos los tamaños (kindle fires, consolas de videojuego,...) y, por muchos dispositivos que aparezcan en el futuro, programar nuestro sitio en responsive nos permitirá ajustar nuestro diseño - si así lo consideramos necesario - a todos y cada uno de ellos. Un site responsivo garantizará una buena visualización de navegación y contenidos, mejorando claramente la experiencia del cliente. Pero, en ningún caso nos garantizará su utilidad y éxito. Una cosa es que el usuario pueda acceder en condiciones al sitio, otra que le de adecuada respuesta para lo que lo precisa o busca. De ahí que siga teniendo sentido que hablemos de sites pensando única y exclusivamente para consumirse desde un dispositivo móvil. Veamos cuándo. 12
  13. 13. Alternativa 2: Sites móviles (i) Por site móvil entendemos aquella web que está pensada de arriba a abajo para su uso y consumo desde un teléfono y que intenta dar adecuada respuesta a las limitaciones del dispositivo (tamaño de la pantalla, el dedo como puntero,...) pero sobre todo al contexto del usuario que - como dicen los angloparlantes - está ‘on-the-go’ y su movilidad nos habla o puede decirnos cosas de su contexto y necesidad de uso. O en compañías aéreas, un usuario que nos visite desde un computador probablemente estará buscando un vuelo mientras quien lo haga desde el móvil es más probable que el motivo de su acceso tenga que ver con un vuelo del cual ya dispone de billete y busca el terminal, si lleva retraso su vuelo o simplemente quiere hacer su check-in online. En tales casos, es cuando más sentido tendrá diseñar un site móvil. Entender cuál es el contexto del usuario en nuestro negocio o industria y sus expectativas cuando usa un dispositivo u otro es clave para entender si precisamos o no un site móvil. Así, por ejemplo, un usuario que visita una tienda online desde un desktop estará más interesado en consultar nuestros productos, mientras que ese mismo usuario si nos visita desde su teléfono quizás querrá saber dónde está nuestra tienda más cercana. Site móvil de Burger King en Latam creado por Multiplica 13
  14. 14. Alternativa 2: Sites móviles (ii) Ventajas de los sites móviles "   Experiencia de navegación y uso ad-hoc. "   Incorporación en la experiencia móvil de variables como la geolocalización del usuario y proximidad a otros lugares, su origen y comportamiento del usuario, los atributos del usuario o cliente o las mismas funcionalidades del mismo dispositivo móvil (cámara, audio...). "   Mejores alternativas de optimización para múltiples versiones (intensas en touch y multimedia en iOS y Android, versiones con pocas imágenes o sin videos en dispositivos Blackberry y featurephones). "   Menos consumos de ancho de banda para los servidores, al servir un site más liviano, los servidores pueden trabajar un poco menos. "   Tiempos de descarga claramente optimizados, la velocidad de descarga se incrementará debido a que los sites móviles pueden ser cientos de kilobytes más livianos. "   Pautas publicitarias propias del canal móvil. "   Mayores posibilidades de análisis con Google Analytics, se puede hacer mejor separación y análisis. "   A nivel de SEO, el site móvil tiene preferencia en el buscador móvil de Google. Esto tiene un gran impacto pues palabras claves que son muy difíciles de obtener o trabajar en la WEB, en el móvil pueden ser accesibles por ahora. "   Posibilidad de realizar test a/b. 14
  15. 15. Alternativa 2: Sites móviles (iii) Desventajas y problemática "   Gran incremento de presupuestos, mantener un site WEB y móvil tiende a ser más costoso, ya que se tiene que soportar varias plataformas y muchas veces incluso varias bases de código diferentes. "   Dificultades de SEO ya que si no se hace una buena configuración en las herramientas de Google (Webmaster tools y demás), el site puede llegar a ser penalizado o no disfrutar del mismo ranking de la web ya que Google los puede considerar como sites diferentes. El hecho de tener menos desventajas no significa que sea mejor. Los sites móviles son simplemente una alternativa diferente que debe ser seleccionada de acuerdo a las necesidades de los usuarios, las capacidades de implementación y los presupuestos que tengamos en cada caso. 15
  16. 16. Alternativa 3: Apps nativas (i) Las aplicaciones nativas son aplicaciones que se descargan desde Google Play o el Apple Store y permiten sacar el máximo provecho de algunas de las características de los dispositivos móviles como su cámara, la geolocalización del usuario, la capacidad de almacenaje del dispositivo o las notificaciones y alertas. Podremos incluso adaptar el layout de nuestros contenidos según el ancho del navegador que nos visite, aumentar el área clickable de nuestros links para pantallas más pequeñas, plantear diferentes tamaños de letras en función del dispositivo que nos visita, mostrar o esconder contenidos o elementos de nuestra navegación según cada caso. Su popularidad y éxitos son indiscutibles y a pesar de que el promedio de los usuarios no activa más de 20 aplicaciones, los tiempos de uso de las apps nativas respecto los tiempos de navegación vía navegador móvil son abrumadores. Según la compañía Flurry que analiza el uso de 300.000 aplicaciones nativas en más de 1.000 millones de dispositivos móviles, dedicamos 158 minutos al día a estos maravillosos dispositivos. De los cuales, 127 los dedicamos a consumir apps mientras que sólo 31 minutos a navegar desde nuestro navegador móvil. App nativa de Liverpool diseñada y creada por Multiplica en México 16
  17. 17. Alternativa 3: Apps nativas (ii) Ventajas de las apps nativas Desventajas y problemática "   Las posibilidades a nivel de experiencia de "   Incompatibilidad entre dispositivos. "   Coste adicional de mantenimiento y usuario y personalización son sensiblemente mayores. "   No es necesaria conexión a Internet para su consumo. "   Performance más veloz. "   Mayor capacidad para sacar provecho de las funcionalidades del dispositivo. "   Mayores posibilidades de monetización actualización en múltiples plataformas. "   Mayores esfuerzo a nivel de actualizaciones. "   Menor encontrabilidad (más barreras en el proceso de descubrimiento) que una web responsive o móvil. "   La estrategia de SEO por ahora está desarrollándose ya que las aplicaciones no son identificadas - aún - por lo motores de búsqueda. (cobro en la descarga vía Apple Store y Google Play). "   Niveles de innovación por parte de Apple y Google superiores. "   Mayores niveles de seguridad. "   Uso de los recursos del teléfono (GPS, cámara, vibración, grabación de voz…). "   Mejor experiencia en el desarrollo de "   Menores niveles de viralidad. "   Los usuarios precisarán descargarlas. "   La realización de tests a/b es muchisimo más compleja y con menos dinamismo. "   Más barreras para su uso: Descubrimiento > Descarga > Apertura > Uso. juegos y aplicaciones complejas. 17
  18. 18. Alternativa 4: Desarrollos híbridos (i) Las apps nativas han visto como nacen aplicaciones que usan HTML5 para convertirse en aplicaciones universarles y superar sus principales desventajas y problemática, pero esto aún es un camino relativamente nuevo, en donde se sacrifica rendimiento por generalidad, y sentimos que no es viable en muchos escenarios. Aunque sus prestaciones son claras y el HTML5 pueda emular la funcionalidad y la experiencia de navegación de las apps nativas, sólo un porcentaje residual de las apps nativas a fecha de hoy se han construido sobre HTML5 (sólo un 6% si nos a la encuesta que Appcelerator realizó el año pasado entre 3600 desarrolladores). Por desarrollo híbrido entendemos aquellas apps que usan HTML5 como código base. En este sentido, las últimas versiones de los navegadores web – Internet Explorer 10, Google Chrome 22, Safari 6 o Firefox 17 – están dotando a los dispositivos móviles de capacidades similares a las que ofrecen las apps nativas gracias al HTML5 y el CSS3. 18
  19. 19. Alternativa 4: Desarrollos híbridos (ii) Ventajas de los desarrollos híbridos respecto de las apps nativas Desventajas y problemática de los desarrollos híbridos. "   Los costes de desarrollo son menores ya "   Performance sumamente limitada en que con una sola base de código puede ser replicable para IOS y Android. "   Permite sacarle el mismo provecho al diversos escenarios. "   Capacidad de desarrollo y crecimiento del dispositivo como las aplicaciones nativas. producto limitado, no podrás tener tantas alternativas como en las 100% nativas. "   Generalmente se cuenta con una base que "   Estás supeditado a código de un tercero, en corre en muchos ambientes.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×