SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Downloaden Sie, um offline zu lesen
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ónde empezar?
4.  Autores
5.  Multiplica Mobile

2
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 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
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
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
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
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ñ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
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
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
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
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
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
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
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
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
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
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.

	


caso que se haga una actualización es
posible que debas re-hacer o corregir ciertos
elementos.

   Tiende a requerir ajustes específicos por
plataformas, en donde una funcionalidad
debe ser igualmente desarrollada varias
veces para que funcione óptimamente en
cada plataforma, esto elimina la ventaja de
one code to run everywhere.

19
3
Entonces, ¿por 

dónde empezar?

20
Entonces, ¿por dónde empezar?
Una vez conocido el abánico de posibilidades, volvamos a las preguntas que nos hacíamos al
principio e intentemos desvelar en cada caso por dónde empezar.
Como decíamos la recomendación de nuestra estrategia móvil vendrá condicionada por la
respuesta que tengamos para las siguientes preguntas:
	

	








  ¿Cuál es la naturaleza del producto o servicio que queremos vender o prestar?
  ¿Qué tipo de relación tenemos con nuestros usuarios y clientes?
  ¿Qué tipo de valor y experiencia queremos ofrecerle al usuario?
  ¿Cómo esperamos monetizar nuestra propuesta de valor móvil?
  ¿Qué grado de madurez y recursos disponemos?

21
1. ¿Cuál es la naturaleza del producto o servicio?
Sin lugar a dudas, el tipo de producto o
servicio que ofrezcamos condicionará donde
centrar nuestra apuesta. Si somos un juego,
una red social o un software online, las
aplicaciones nativas deberán ser nuestra clara
prioridad. Si somos una empresa que busca
captar nuevos clientes, una solución
responsive o en algunos casos un site móvil
deberá ser donde pongamos el acento.
Lo que está claro es que cada vez más los
usuarios usamos el móvil para buscar todo tipo
de productos y establecimientos y, por tanto, el
móvil se está convirtiendo en el mayor
influenciador que tenemos para hacer que un
usuario se dirija a una tienda o punto de venta
físico.
Pensemos en dos situaciones ya cotidianas.
Primera situación: Estamos en una ciudad por
primera vez, es hora de comer y decidimos
buscar con nuestro

móvil un buen restaurante cercano. Segunda
situación: Nos encontramos en un centro
comercial y dudamos sobre qué cámara de
fotos comprar y si el precio a la que nos la
venden es el mejor precio disponible y
decidimos realizar una búsqueda también
desde nuestro móvil.
En ambas situaciones podemos identificar 2
elementos determinantes:	

   La ubicación geográfica como eje central de
la búsqueda, especialmente si nos
atenemos al informe de Google del 2013
que indica que el 91% de los usuarios
móviles buscan información local, dejando
otro tipo de búsquedas para el desktop o el
tablet.

   El tiempo de respuesta entendiendo que el
momento es ahora y que sólo el que logre
darnos la respuesta correcta en el momento
correcto será el que se lleve el gato al agua.

22
1. ¿Cuál es la naturaleza del producto o servicio?
En este sentido, los sites móviles están en mejor
disposición de sacarle provecho a la ubicación
del usuario y a la posibilidad de ofrecerle el
contenido más relevante en ese momento del
día.

entretenimiento (juegos, casas de apuestas,
contenidos audiovisuales,...), las apps
permiten crear experiencias de consumo
sensiblemente mejores y más convenientes.
En el negocio del retail y el turismo, si el eje es
de venta y generación de negocio, la apuesta
deberá pasar por los sites móviles, mientras
las apps podrán jugar un rol más de servicio y
fidelización.

En otras industrias, el factor espacio-tiempo no
es tan determinante y el eje central es el servicio
y el manejo de información personal y sensible.
Así, en entidades financieras, seguros de salud
o médicos o empresas de telefonía móvil, las
apps nativas son las que están en mejor
disposición de dar respuesta a las necesidades
más habituales de consulta y gestión que tengan
sus clientes.

Para el resto de mortales - empresas de
servicios, destinos turísticos, hoteles o casas
rurales, agencias inmobiliarias, sites de
contenidos o bloggers, … -, nuestra apuesta
móvil pasará por el responsive.

En las industrias más informativas, parece que a
pesar del consumo diario y constante los
usuarios se reparten entre aquellos que
prefieren consumirlo vía web y aquellos que lo
prefieren hacer desde una aplicación nativa,
mientras que en el negocio del

23
2. ¿Qué tipo de relación tenemos con nuestros usuarios y clientes?
El tipo de relación que se establecen con nuestros clientes también nos ayudará a entender
cuál es el camino a seguir. Si la relación de nuestros clientes es esporádica
y puntual, difícilmente el usuario tendrá el interés y motivación de realizar el esfuerzo de
descargar nuestra app y configurarla.
En cambio, si el uso de nuestros servicios es continuado y seguido se justificará claramente
que nos planteemos seriamente crear un app.

3. ¿Qué tipo de valor y experiencia queremos ofrecer al usuario?
Como hemos podido ver, las posibilidades a nivel de experiencia de las apps nativas son
sensiblemente superiores a cualquier alternativa o desarrollo que nos planteemos. De ahí que
cuando querramos ofrecer una experiencia de navegación y uso extraordinaria, nuestro
camino estará claro.
Cuando precisemos hacer uso de los recursos del dispositivo móvil, cuando precisemos
ofrecer una experiencia que no necesite de conexión en línea, cuando la inmediatez en el
acceso sea determinante, o cuando la seguridad y la protección de la información del usuario
sea sensible e importante, no habrá mucho lugar a dudas: las apps deberán ser nuestro
buque insignia en el mundo móvil, y nuestra presencia web en móvil deberá buscar y empujar
que nuestros usuarios descarguen y usen nuestras aplicaciones nativas.

24
4. ¿Cómo esperamos monetizar nuestra propuesta de valor móvil?
Si la publicidad es nuestra principal fuente de
ingresos, probablemente deberemos
decantarnos por un site móvil ya que nuestro
control sobre nuestro inventario publicitario
será sensiblemente mayor.

formatos publicitarios en el móvil tienen por
problemas de espacio menos recorrido y
posibilidades).
Por otro lado, si nuestra fuente de ingresos
viene condicionada por el pago por el uso de la
aplicación o un modelo de suscripción, las
apps nativas presentan una mejor experiencia
de pago (aunque obviamente a costa de un
menor ingreso para nosotros).

Hay sectores como los medios de
comunicación donde está demostrado que
cuando hay algún acontecimiento relevante los
usuarios impactan de forma masiva el
dispositivo móvil para entender lo que ha
ocurrido en las primeras horas desde que se
ha producido tal evento. Luego, pasada la
marea los usuarios pasarán a la versión web
para poder analizar con profundidad lo que ha
ocurrido, revisar opiniones, etc.

Si no tenemos fuente de ingresos directa, pues
responde a un capa de valor y servicio que
queremos ofrecer y entregar a nuestros
clientes, ambas opciones podrán ser válidas
(aunque la opción de app nativa puede ser la
más recomendable).

Tener un contenido actualizado casi al
milímetro resultará fundamental para nuestros
usuarios y también para las posibilidades de
monetización del medio correspondiente
(aunque obviamente los

25
5. ¿Qué grado de madurez y recursos disponemos?
Si nuestro presupuesto es escaso, deberemos
preguntarnos si realmente ahora es el
momento de rediseñar todo nuestro sitio para
hacerlo responsive o lo mejor sea esperar a
que nos toque repensar y rediseñar nuestra
presencia online y obligarnos en ese momento
a hacerla responsiva.

Pensar en realizar una app nativas cuando
nuestros recursos son más bien escasos, no
tiene mucho sentido ya que su desarrollo nos
obligará a acercarnos a desarrolladores con
conocimientos más avanzados (habitualmente
se precisa mucho código C para iOS y Java
para aplicaciones para Android).

Actualmente con las principales herramientas
de gestión de contenidos del mercado
(Wordpress, Drupal,...), crear una versión
responsive no resulta tan complejo ni
complicado.

Últimas reflexiones - como resumen - por si todavía nos queda duda alguna:

   ¿Site responsive o site móvil?
   ¿App nativa o site móvil?

26
¿Site responsible o site móvil?
La respuesta vendrá dada por el objetivo que
persiga la experiencia de su uso desde un
dispositivo móvil. Si es parecida entre
dispositivos móviles, entonces la fórmula
responsive será la acertada. Si la intención del
usuario es o puede ser distinta entre
dispositivos y nuestra presencia móvil puede
condicionar nuestro bottom-line, entonces el
site móvil será la solución.

Para los más técnicos y a pesar de que un
sitio responsive tiene básicamente las mismas
capacidades que un sitio web normal, no es
aconsejable hacer uso de un site responsive en
las siguientes situaciones:

   Si precisamos hacer uso de plugins en flash ya
que en la gran mayoría de dispositivos móviles,
simplemente, no se visualizan.

   Si tenemos contenidos muy extensos (el site

La complejidad y extensión a nivel de
contenidos también nos condicionará si la
solución debe ser responsible o site móvil. Por
ejemplo, en sites de grandes medios o incluso
ecommerce donde el proceso de actualización
de inventario, contenido o promociones debe
pasar por varios niveles de aprobación, el
desarrollo de una versión específicamente
móvil será costosa e incrementará el esfuerzo
de actualización de nuestros contenidos.

web tiene gran cantidad de contenidos, nuestra
home page es muy extensa y pesada) ya que el
peso de descarga es demasiado alto para un
móvil. El ejemplo más fácil que nos viene a la
cabeza es el site de un medio de comunicación
con una gran cantidad de contenidos, secciones
y opciones. Llevar este tipo de site a un
smartphone representa un peso excesivo,
cuando la estructura de lectura en un
dispositivo móvil es probablemente diferente y
el usuario querrá consumir sobre todo últimas
noticias.

27
¿Site responsible o site móvil?
   En juegos en HTML5, aunque son

En general, el proceso de desarrollo de una
versión responsive se enfoca más a la
masificación y generalización de dispositivos
que en la optimización de rendimiento para
cada uno de estos universos, plataformas,
versiones de navegadores y demás. Por tanto,
si lo que buscamos es tener la mayor
exposición, no podremos tener un site con un
100% de rendimiento en cada plataforma.

técnicamente posibles, optimizar un juego
para diversidad de dispositivos puede ser
una tarea titánica que no consiga dar
respuesta a sus diferentes capacidades,
rendimientos y opciones disponibles.

   Si nuestro site precisa de un notable nivel de
procesamiento de Javascript, estructuras
complejas, contenidos offline o múltiples
contenidos multimedia. En tales casos, el
proceso de optimización puede ser mucho
más complejo, y en consecuencia
demasiado complejo de enfocarse en tales
aspectos.

   Si se quiere llegar a dispositivos de bajas
características o relativamente antiguos, los
sites responsive pueden no funcionar
correctamente y presentar problemas en
celulares de previas generaciones.

28
¿App nativa o site móvil?
La respuesta vendrá dada esta vez por el objetivo que persigamos. Si lo que buscamos es crear un canal
de relación más personal y cercano entre nuestros usuarios y nosotros, la app nativa será el vehículo más
conveniente. Si lo que buscamos es llegar al máximo número de usuarios y clientes, el site móvil será el
camino a priorizar.

Fascinante una vez más el momento que
estamos viviendo que nos obliga una y otra vez
a entender lo más rápido posible cómo nuestro
mundo está cambiando. Y sin lugar a dudas,
como la irrupción de los smartphomes que
podemos fechar - con vuestro permiso - con el
lanzamiento del primer iPhone que el mismo
Steve Jobs hizo el 29 de junio del 2007 y que ya
nos advirtió que revolucionaría la industria de la
telefonía móvil e Internet.

http://www.youtube.com/watch?v=c_m2F_ph_uU

29
4
Los autores

30
Autores
Dario Palacio (@dariopalacio)
Licenciado en Administración de Negocios con especialización en marketing y
comercio internacional por la Universidad EAFIT. Socio fundador de Multiplica
Mobile, ha liderado las iniciativas de proyectos con tecnología móvil desde el
2004 a nivel mundial. Emprendedor, consultor y docente para Colombia y
Latinoamérica.
David Boronat (@davidboronat)
Licenciado en Dirección y Administración de Empresas por ESADE y máster
en International Business por la British Columbia University, es socio fundador
de Multiplica y reconocido experto en internet con una larga trayectoria como
consultor, docente y conferenciante en España, Latinoamérica y los Estados
Unidos.
Camilo Usuga
Ingeniero de Sistemas de la universidad EAFIT, socio fundador de Multiplica
Mobile, apasionado por nuevas tecnologías y con amplio recorrido en la
creación y dirección de startups y grandes proyectos de desarrollo tecnológico
a nivel mundial.

31
5
Multiplica Mobile

32
Multiplica en cifras

12

75

Años de experiencia

Consultores

250

620

Clientes

Proyectos

33
Multiplica Mobile en cifras

5

60

Proyectos móviles

Años de experiencia móvil 

1.0

2.0

Vivimos está
etapa móvil

Creamos ésta
etapa móvil

34
QR CODES

MVP

Mobile analytics

Mobile
payment

HMTL5

Investigación de usuario
móviles

APP NATIVA
Mobile
Marketing, 

Mobile
Advertising

Bluetooth

Estrategia mobile

Mobile marketing 
advertising

App Store,
Google Play

IOS, Android, RIM

Mobile user 

interface design

SMS, Gateway,
Mobile Content

COCOA, Phone Gap,
Titanium 

Geolocalización

NFC, Strike
Analytics

35
Experiencia y diseño de
interacción optimizada para los
dispositivos móviles.

En BCI rediseñamos su aplicación mobile bancaria 

para que fuese más usable y persuasiva
36
Repensamos toda la
experiencia móvil de
su acceso a clientes.

Estamos creando las presencias mobile de UNE, 

la empresa de telefonía de referencia colombiana
37
Buscamos un grafismo
que acompañara a la
elección de producto

Una experiencia de
consulta de productos y
puntos excepcional

Creamos la aplicación para tablets del programa de puntos del BCI
38
Desarrollo para
Android y para iOS.
Una experiencia móvil
100% visual y adaptada
a la tarea que el usuario quiere
realizar.

Desde el Silicon Valley, hemos creado la app de Zwingit 

para compartir momentos y fotografías desde el móvil
39
Hemos desarrollado la app nativa de Beebox con integración 

con Paypal, Facebook y cash-out.
40
Visualización vertical de
listados geolocalizados e
integración con Google
Maps.

Diseño optimizado para
cualquier tipo de pantalla.

Diseñamos la presencia mobile-friendly de Bluespace, 

el primer operador de selfstorage español.
41
Hemos creado la app nativa del sistema de trenes de Miami TRI Trail 

con geolocalización, contenido integrado y sistema de alarma.
42
43

Weitere ähnliche Inhalte

Was ist angesagt?

Guia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de NetizenGuia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de NetizenDigital Pymes
 
Multiplica.diariodesdeel siliconvalley.num01
Multiplica.diariodesdeel siliconvalley.num01Multiplica.diariodesdeel siliconvalley.num01
Multiplica.diariodesdeel siliconvalley.num01David Boronat
 
3er barómetro kayak de viajes online
3er barómetro kayak de viajes online3er barómetro kayak de viajes online
3er barómetro kayak de viajes onlinekayak_es
 
Opiniones Medios-Anejo a Presentación Evolución Internet-Móvil
Opiniones Medios-Anejo a Presentación Evolución Internet-MóvilOpiniones Medios-Anejo a Presentación Evolución Internet-Móvil
Opiniones Medios-Anejo a Presentación Evolución Internet-MóvilLeila Andreu
 
Aplicaciones moviles-marianny franco
Aplicaciones moviles-marianny francoAplicaciones moviles-marianny franco
Aplicaciones moviles-marianny francoMarianny11
 
Catálago de Presentación de Geo LabApps
Catálago de Presentación de Geo LabAppsCatálago de Presentación de Geo LabApps
Catálago de Presentación de Geo LabAppsGeo LabApps
 
Capturando clientes desde el móvil - Arequipa Marketing
Capturando clientes desde el móvil - Arequipa MarketingCapturando clientes desde el móvil - Arequipa Marketing
Capturando clientes desde el móvil - Arequipa MarketingKenny Lazo Jara
 
Movilidad: Escalando experiencias para el consumidor
Movilidad: Escalando experiencias para el consumidorMovilidad: Escalando experiencias para el consumidor
Movilidad: Escalando experiencias para el consumidorWineducation
 

Was ist angesagt? (18)

Aplicaciones móviles
Aplicaciones móvilesAplicaciones móviles
Aplicaciones móviles
 
Guia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de NetizenGuia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de Netizen
 
Aplicaciones Móviles
Aplicaciones MóvilesAplicaciones Móviles
Aplicaciones Móviles
 
Aplicaciones moviles
 Aplicaciones moviles Aplicaciones moviles
Aplicaciones moviles
 
Aplicativo blackberry
Aplicativo blackberryAplicativo blackberry
Aplicativo blackberry
 
Multiplica.diariodesdeel siliconvalley.num01
Multiplica.diariodesdeel siliconvalley.num01Multiplica.diariodesdeel siliconvalley.num01
Multiplica.diariodesdeel siliconvalley.num01
 
M-Commerce
M-CommerceM-Commerce
M-Commerce
 
Libro Blanco Aplicaciones Móviles
Libro Blanco Aplicaciones MóvilesLibro Blanco Aplicaciones Móviles
Libro Blanco Aplicaciones Móviles
 
3er barómetro kayak de viajes online
3er barómetro kayak de viajes online3er barómetro kayak de viajes online
3er barómetro kayak de viajes online
 
Opiniones Medios-Anejo a Presentación Evolución Internet-Móvil
Opiniones Medios-Anejo a Presentación Evolución Internet-MóvilOpiniones Medios-Anejo a Presentación Evolución Internet-Móvil
Opiniones Medios-Anejo a Presentación Evolución Internet-Móvil
 
Glosario móvil 2017
Glosario móvil 2017Glosario móvil 2017
Glosario móvil 2017
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Aplicaciones moviles-marianny franco
Aplicaciones moviles-marianny francoAplicaciones moviles-marianny franco
Aplicaciones moviles-marianny franco
 
Catálago de Presentación de Geo LabApps
Catálago de Presentación de Geo LabAppsCatálago de Presentación de Geo LabApps
Catálago de Presentación de Geo LabApps
 
Capturando clientes desde el móvil - Arequipa Marketing
Capturando clientes desde el móvil - Arequipa MarketingCapturando clientes desde el móvil - Arequipa Marketing
Capturando clientes desde el móvil - Arequipa Marketing
 
Movilidad: Escalando experiencias para el consumidor
Movilidad: Escalando experiencias para el consumidorMovilidad: Escalando experiencias para el consumidor
Movilidad: Escalando experiencias para el consumidor
 
Las apps
Las appsLas apps
Las apps
 
Las apps
Las appsLas apps
Las apps
 

Andere mochten auch

#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.
#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.
#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.Multiplica
 
EXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTES
EXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTESEXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTES
EXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTESMultiplica
 
[UXday] UX en StartUps.
[UXday] UX en StartUps.[UXday] UX en StartUps.
[UXday] UX en StartUps.Multiplica
 
Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...
Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...
Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...Multiplica
 
#Uxday. User Research por Verónica Traynor
#Uxday. User Research por Verónica Traynor #Uxday. User Research por Verónica Traynor
#Uxday. User Research por Verónica Traynor Multiplica
 
#Uxday. ¿Y ahora qué? por David Boronat
#Uxday. ¿Y ahora qué? por David Boronat #Uxday. ¿Y ahora qué? por David Boronat
#Uxday. ¿Y ahora qué? por David Boronat Multiplica
 
#Uxday. Construir sin desperdicio por Jorge Bastidas
#Uxday. Construir sin desperdicio por Jorge Bastidas#Uxday. Construir sin desperdicio por Jorge Bastidas
#Uxday. Construir sin desperdicio por Jorge BastidasMultiplica
 
#Uxday. Customer journey por Gerard Adell y Miquel Mir
#Uxday. Customer journey por Gerard Adell y Miquel Mir#Uxday. Customer journey por Gerard Adell y Miquel Mir
#Uxday. Customer journey por Gerard Adell y Miquel MirMultiplica
 
#Uxday. Design Thinking por Bernardo Torres
#Uxday. Design Thinking por Bernardo Torres#Uxday. Design Thinking por Bernardo Torres
#Uxday. Design Thinking por Bernardo TorresMultiplica
 
El banco ideal aún no existe
El banco ideal aún no existe  El banco ideal aún no existe
El banco ideal aún no existe Uncommon
 
Reimaginando la experiencia de los clientes a través del móvil
Reimaginando la experiencia de los clientes a través del móvilReimaginando la experiencia de los clientes a través del móvil
Reimaginando la experiencia de los clientes a través del móvilUncommon
 
Uncommon Design Strategy
Uncommon Design StrategyUncommon Design Strategy
Uncommon Design StrategyUncommon
 
MyCo, movilidad empresarial
MyCo, movilidad empresarial MyCo, movilidad empresarial
MyCo, movilidad empresarial Raona
 
Raona - Workflows en tu móvil o tablet, con SharePoint y Nintex Workflow
Raona - Workflows en tu móvil o tablet, con SharePoint y Nintex WorkflowRaona - Workflows en tu móvil o tablet, con SharePoint y Nintex Workflow
Raona - Workflows en tu móvil o tablet, con SharePoint y Nintex WorkflowRaona
 
#Leadsday 2016 Persuabilidad para convertir usuarios en leads.
#Leadsday 2016 Persuabilidad para convertir usuarios en leads.#Leadsday 2016 Persuabilidad para convertir usuarios en leads.
#Leadsday 2016 Persuabilidad para convertir usuarios en leads.Multiplica
 
#Leadsday 2016 El Inbound Marketing entra a escena.
#Leadsday 2016 El Inbound Marketing entra a escena.#Leadsday 2016 El Inbound Marketing entra a escena.
#Leadsday 2016 El Inbound Marketing entra a escena.Multiplica
 
#Leadsday 2016 Lead scoring al servicio de la optimización de leads.
#Leadsday 2016 Lead scoring al servicio de la optimización de leads. #Leadsday 2016 Lead scoring al servicio de la optimización de leads.
#Leadsday 2016 Lead scoring al servicio de la optimización de leads. Multiplica
 
Las 30 webs más persuasivas del 2013
Las 30 webs más persuasivas del 2013Las 30 webs más persuasivas del 2013
Las 30 webs más persuasivas del 2013Multiplica
 
Raona Pharma & Healthcare 2014
Raona Pharma & Healthcare 2014Raona Pharma & Healthcare 2014
Raona Pharma & Healthcare 2014Raona
 
Workflows by Raona
Workflows by RaonaWorkflows by Raona
Workflows by RaonaRaona
 

Andere mochten auch (20)

#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.
#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.
#Leadsday 2016 Midiendo mejor la conversión de nuestros leads online.
 
EXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTES
EXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTESEXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTES
EXPLOTANDO EL POTENCIAL DEL ÁREA PRIVADA DE LA WEB PARA CLIENTES
 
[UXday] UX en StartUps.
[UXday] UX en StartUps.[UXday] UX en StartUps.
[UXday] UX en StartUps.
 
Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...
Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...
Tertulia #2 Puntolab: click heatmaps, Card Sorting & Tree testing con Itzel E...
 
#Uxday. User Research por Verónica Traynor
#Uxday. User Research por Verónica Traynor #Uxday. User Research por Verónica Traynor
#Uxday. User Research por Verónica Traynor
 
#Uxday. ¿Y ahora qué? por David Boronat
#Uxday. ¿Y ahora qué? por David Boronat #Uxday. ¿Y ahora qué? por David Boronat
#Uxday. ¿Y ahora qué? por David Boronat
 
#Uxday. Construir sin desperdicio por Jorge Bastidas
#Uxday. Construir sin desperdicio por Jorge Bastidas#Uxday. Construir sin desperdicio por Jorge Bastidas
#Uxday. Construir sin desperdicio por Jorge Bastidas
 
#Uxday. Customer journey por Gerard Adell y Miquel Mir
#Uxday. Customer journey por Gerard Adell y Miquel Mir#Uxday. Customer journey por Gerard Adell y Miquel Mir
#Uxday. Customer journey por Gerard Adell y Miquel Mir
 
#Uxday. Design Thinking por Bernardo Torres
#Uxday. Design Thinking por Bernardo Torres#Uxday. Design Thinking por Bernardo Torres
#Uxday. Design Thinking por Bernardo Torres
 
El banco ideal aún no existe
El banco ideal aún no existe  El banco ideal aún no existe
El banco ideal aún no existe
 
Reimaginando la experiencia de los clientes a través del móvil
Reimaginando la experiencia de los clientes a través del móvilReimaginando la experiencia de los clientes a través del móvil
Reimaginando la experiencia de los clientes a través del móvil
 
Uncommon Design Strategy
Uncommon Design StrategyUncommon Design Strategy
Uncommon Design Strategy
 
MyCo, movilidad empresarial
MyCo, movilidad empresarial MyCo, movilidad empresarial
MyCo, movilidad empresarial
 
Raona - Workflows en tu móvil o tablet, con SharePoint y Nintex Workflow
Raona - Workflows en tu móvil o tablet, con SharePoint y Nintex WorkflowRaona - Workflows en tu móvil o tablet, con SharePoint y Nintex Workflow
Raona - Workflows en tu móvil o tablet, con SharePoint y Nintex Workflow
 
#Leadsday 2016 Persuabilidad para convertir usuarios en leads.
#Leadsday 2016 Persuabilidad para convertir usuarios en leads.#Leadsday 2016 Persuabilidad para convertir usuarios en leads.
#Leadsday 2016 Persuabilidad para convertir usuarios en leads.
 
#Leadsday 2016 El Inbound Marketing entra a escena.
#Leadsday 2016 El Inbound Marketing entra a escena.#Leadsday 2016 El Inbound Marketing entra a escena.
#Leadsday 2016 El Inbound Marketing entra a escena.
 
#Leadsday 2016 Lead scoring al servicio de la optimización de leads.
#Leadsday 2016 Lead scoring al servicio de la optimización de leads. #Leadsday 2016 Lead scoring al servicio de la optimización de leads.
#Leadsday 2016 Lead scoring al servicio de la optimización de leads.
 
Las 30 webs más persuasivas del 2013
Las 30 webs más persuasivas del 2013Las 30 webs más persuasivas del 2013
Las 30 webs más persuasivas del 2013
 
Raona Pharma & Healthcare 2014
Raona Pharma & Healthcare 2014Raona Pharma & Healthcare 2014
Raona Pharma & Healthcare 2014
 
Workflows by Raona
Workflows by RaonaWorkflows by Raona
Workflows by Raona
 

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

Caso practico....venta de tickets
Caso practico....venta de ticketsCaso practico....venta de tickets
Caso practico....venta de ticketsmagnesol7
 
Responsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesResponsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesXavi Cardet
 
Presentacion mobilemarketing
Presentacion mobilemarketingPresentacion mobilemarketing
Presentacion mobilemarketingCristina Singla
 
5.1 Las tres diferencias
5.1 Las tres diferencias5.1 Las tres diferencias
5.1 Las tres diferenciasBrox Technology
 
Movilidad - Escalar y optimizar experiencias
Movilidad - Escalar y optimizar experienciasMovilidad - Escalar y optimizar experiencias
Movilidad - Escalar y optimizar experienciasSebastian Torres
 
Las 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | GoogleLas 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | GoogleNicolas Valenzuela
 
¿Que es una aplicacion Movil?.pptx
¿Que es una aplicacion  Movil?.pptx¿Que es una aplicacion  Movil?.pptx
¿Que es una aplicacion Movil?.pptxaxel798368
 
5.9 La realidad aumentada
5.9 La realidad aumentada5.9 La realidad aumentada
5.9 La realidad aumentadaBrox Technology
 
Presentación - eCommerce Day Bogotá 2014
Presentación - eCommerce Day Bogotá 2014Presentación - eCommerce Day Bogotá 2014
Presentación - eCommerce Day Bogotá 2014eCommerce Institute
 
Intermedia
IntermediaIntermedia
Intermediaojopiojo
 
Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasMovilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasBiko
 
5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web ResponsivoAntonRoMX
 

Ähnlich wie Responsive, móvil o app: ¿Por dónde empezar?l (20)

Libro blanco de las webs móviles
Libro blanco de las webs móvilesLibro blanco de las webs móviles
Libro blanco de las webs móviles
 
Libro Blanco de las Webs Móviles
Libro Blanco de las Webs MóvilesLibro Blanco de las Webs Móviles
Libro Blanco de las Webs Móviles
 
Caso practico....venta de tickets
Caso practico....venta de ticketsCaso practico....venta de tickets
Caso practico....venta de tickets
 
Responsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesResponsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendaciones
 
Presentacion mobilemarketing
Presentacion mobilemarketingPresentacion mobilemarketing
Presentacion mobilemarketing
 
5.1 Las tres diferencias
5.1 Las tres diferencias5.1 Las tres diferencias
5.1 Las tres diferencias
 
Movilidad - Escalar y optimizar experiencias
Movilidad - Escalar y optimizar experienciasMovilidad - Escalar y optimizar experiencias
Movilidad - Escalar y optimizar experiencias
 
Cuarta pantalla
Cuarta pantallaCuarta pantalla
Cuarta pantalla
 
Las 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | GoogleLas 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | Google
 
Pauta en Moviles
Pauta en MovilesPauta en Moviles
Pauta en Moviles
 
Clase mobile marketing
Clase mobile marketingClase mobile marketing
Clase mobile marketing
 
Apps
AppsApps
Apps
 
¿Que es una aplicacion Movil?.pptx
¿Que es una aplicacion  Movil?.pptx¿Que es una aplicacion  Movil?.pptx
¿Que es una aplicacion Movil?.pptx
 
5.9 La realidad aumentada
5.9 La realidad aumentada5.9 La realidad aumentada
5.9 La realidad aumentada
 
Rpeorte 10
Rpeorte 10Rpeorte 10
Rpeorte 10
 
Presentación - eCommerce Day Bogotá 2014
Presentación - eCommerce Day Bogotá 2014Presentación - eCommerce Day Bogotá 2014
Presentación - eCommerce Day Bogotá 2014
 
Intermedia
IntermediaIntermedia
Intermedia
 
Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasMovilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidas
 
5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo
 
Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?
 

Mehr von Multiplica

Research Prioridades Digitales 2021
Research  Prioridades Digitales 2021Research  Prioridades Digitales 2021
Research Prioridades Digitales 2021Multiplica
 
The future day
The future dayThe future day
The future dayMultiplica
 
Open finance Insights para la innovación en finanzas
Open finance   Insights para la innovación en finanzasOpen finance   Insights para la innovación en finanzas
Open finance Insights para la innovación en finanzasMultiplica
 
Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...
Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...
Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...Multiplica
 
Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...
Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...
Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...Multiplica
 
Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.
Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.
Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.Multiplica
 
Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...
Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...
Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...Multiplica
 
Open Session Multiplica - Dashboards efectivos para monitorear oportunidades
Open Session Multiplica - Dashboards efectivos para monitorear oportunidadesOpen Session Multiplica - Dashboards efectivos para monitorear oportunidades
Open Session Multiplica - Dashboards efectivos para monitorear oportunidadesMultiplica
 
Open Session Multiplica - Inteligencia comercial en herramientas digitales de...
Open Session Multiplica - Inteligencia comercial en herramientas digitales de...Open Session Multiplica - Inteligencia comercial en herramientas digitales de...
Open Session Multiplica - Inteligencia comercial en herramientas digitales de...Multiplica
 
Open session Multiplica - Integración de sistemas y medición de resultados
Open session Multiplica - Integración de sistemas y medición de resultadosOpen session Multiplica - Integración de sistemas y medición de resultados
Open session Multiplica - Integración de sistemas y medición de resultadosMultiplica
 
Open Session Multiplica - Research online pero no a distancia
Open Session Multiplica - Research online pero no a distanciaOpen Session Multiplica - Research online pero no a distancia
Open Session Multiplica - Research online pero no a distanciaMultiplica
 
Open sessions Multiplica - Compra, recompra y recomendación
Open sessions Multiplica - Compra, recompra y recomendaciónOpen sessions Multiplica - Compra, recompra y recomendación
Open sessions Multiplica - Compra, recompra y recomendaciónMultiplica
 
Open Session Multiplica - Activa tus Leads, orquestando el contenido que generas
Open Session Multiplica - Activa tus Leads, orquestando el contenido que generasOpen Session Multiplica - Activa tus Leads, orquestando el contenido que generas
Open Session Multiplica - Activa tus Leads, orquestando el contenido que generasMultiplica
 
Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...
Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...
Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...Multiplica
 
Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...
Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...
Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...Multiplica
 
Open Session Multiplica - CRO y la mejora continua de nuestro ecommerce
Open Session Multiplica - CRO y la mejora continua de nuestro ecommerceOpen Session Multiplica - CRO y la mejora continua de nuestro ecommerce
Open Session Multiplica - CRO y la mejora continua de nuestro ecommerceMultiplica
 
Open Session Multiplica - Intranets o sobre cómo comunicarse de manera óptim...
Open Session Multiplica -  Intranets o sobre cómo comunicarse de manera óptim...Open Session Multiplica -  Intranets o sobre cómo comunicarse de manera óptim...
Open Session Multiplica - Intranets o sobre cómo comunicarse de manera óptim...Multiplica
 
Open Session Multiplica - Captación de tráfico desde marketing automation
Open Session Multiplica - Captación de tráfico desde marketing automationOpen Session Multiplica - Captación de tráfico desde marketing automation
Open Session Multiplica - Captación de tráfico desde marketing automationMultiplica
 
Open Session Multiplica - Gestión de equipos en remoto
Open Session Multiplica - Gestión de equipos en remotoOpen Session Multiplica - Gestión de equipos en remoto
Open Session Multiplica - Gestión de equipos en remotoMultiplica
 
Open Session Multiplica - Estrategias de marketing automation para B2B y B2C
Open Session Multiplica - Estrategias de marketing automation para B2B y B2COpen Session Multiplica - Estrategias de marketing automation para B2B y B2C
Open Session Multiplica - Estrategias de marketing automation para B2B y B2CMultiplica
 

Mehr von Multiplica (20)

Research Prioridades Digitales 2021
Research  Prioridades Digitales 2021Research  Prioridades Digitales 2021
Research Prioridades Digitales 2021
 
The future day
The future dayThe future day
The future day
 
Open finance Insights para la innovación en finanzas
Open finance   Insights para la innovación en finanzasOpen finance   Insights para la innovación en finanzas
Open finance Insights para la innovación en finanzas
 
Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...
Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...
Open Session Multiplica - UX Analytics: el mejor amigo de las decisiones obje...
 
Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...
Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...
Open Session Multiplica - 13 reflexiones sobre transformación digital y educa...
 
Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.
Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.
Open Session Multiplica - Contenidos para regresar al futuro sin secuelas.
 
Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...
Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...
Open Session Multiplica - Vision 360º del cliente: aunando la informacion del...
 
Open Session Multiplica - Dashboards efectivos para monitorear oportunidades
Open Session Multiplica - Dashboards efectivos para monitorear oportunidadesOpen Session Multiplica - Dashboards efectivos para monitorear oportunidades
Open Session Multiplica - Dashboards efectivos para monitorear oportunidades
 
Open Session Multiplica - Inteligencia comercial en herramientas digitales de...
Open Session Multiplica - Inteligencia comercial en herramientas digitales de...Open Session Multiplica - Inteligencia comercial en herramientas digitales de...
Open Session Multiplica - Inteligencia comercial en herramientas digitales de...
 
Open session Multiplica - Integración de sistemas y medición de resultados
Open session Multiplica - Integración de sistemas y medición de resultadosOpen session Multiplica - Integración de sistemas y medición de resultados
Open session Multiplica - Integración de sistemas y medición de resultados
 
Open Session Multiplica - Research online pero no a distancia
Open Session Multiplica - Research online pero no a distanciaOpen Session Multiplica - Research online pero no a distancia
Open Session Multiplica - Research online pero no a distancia
 
Open sessions Multiplica - Compra, recompra y recomendación
Open sessions Multiplica - Compra, recompra y recomendaciónOpen sessions Multiplica - Compra, recompra y recomendación
Open sessions Multiplica - Compra, recompra y recomendación
 
Open Session Multiplica - Activa tus Leads, orquestando el contenido que generas
Open Session Multiplica - Activa tus Leads, orquestando el contenido que generasOpen Session Multiplica - Activa tus Leads, orquestando el contenido que generas
Open Session Multiplica - Activa tus Leads, orquestando el contenido que generas
 
Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...
Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...
Open Session Multiplica - Obtener tráfico orgánico. La importancia del Conten...
 
Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...
Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...
Open Session Multiplica - Conversión a lead, Conversión a cliente, Conversión...
 
Open Session Multiplica - CRO y la mejora continua de nuestro ecommerce
Open Session Multiplica - CRO y la mejora continua de nuestro ecommerceOpen Session Multiplica - CRO y la mejora continua de nuestro ecommerce
Open Session Multiplica - CRO y la mejora continua de nuestro ecommerce
 
Open Session Multiplica - Intranets o sobre cómo comunicarse de manera óptim...
Open Session Multiplica -  Intranets o sobre cómo comunicarse de manera óptim...Open Session Multiplica -  Intranets o sobre cómo comunicarse de manera óptim...
Open Session Multiplica - Intranets o sobre cómo comunicarse de manera óptim...
 
Open Session Multiplica - Captación de tráfico desde marketing automation
Open Session Multiplica - Captación de tráfico desde marketing automationOpen Session Multiplica - Captación de tráfico desde marketing automation
Open Session Multiplica - Captación de tráfico desde marketing automation
 
Open Session Multiplica - Gestión de equipos en remoto
Open Session Multiplica - Gestión de equipos en remotoOpen Session Multiplica - Gestión de equipos en remoto
Open Session Multiplica - Gestión de equipos en remoto
 
Open Session Multiplica - Estrategias de marketing automation para B2B y B2C
Open Session Multiplica - Estrategias de marketing automation para B2B y B2COpen Session Multiplica - Estrategias de marketing automation para B2B y B2C
Open Session Multiplica - Estrategias de marketing automation para B2B y B2C
 

Kürzlich hochgeladen

Compendio final de promoción aplicado a Oishii.
Compendio final de promoción aplicado a Oishii.Compendio final de promoción aplicado a Oishii.
Compendio final de promoción aplicado a Oishii.gazarakun
 
Estrategias de promoción aplicado a Nintendo
Estrategias de promoción aplicado a NintendoEstrategias de promoción aplicado a Nintendo
Estrategias de promoción aplicado a Nintendofreddy236k
 
PROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓN
PROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓNPROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓN
PROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓNp357106
 
Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024
Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024
Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024Marketing BRANDING
 
Suplemento Exibal Alimentos elaborados para el éxito
Suplemento Exibal Alimentos elaborados para el éxitoSuplemento Exibal Alimentos elaborados para el éxito
Suplemento Exibal Alimentos elaborados para el éxitoeluniversocom
 
Trabajo Final Brisia Yael Bencomo Martínez 314871.pdf
Trabajo Final Brisia Yael Bencomo Martínez 314871.pdfTrabajo Final Brisia Yael Bencomo Martínez 314871.pdf
Trabajo Final Brisia Yael Bencomo Martínez 314871.pdfp314871
 
8 EL MERCADO CENTRAL DE BUENOS AIRES.pdf
8  EL MERCADO CENTRAL DE BUENOS AIRES.pdf8  EL MERCADO CENTRAL DE BUENOS AIRES.pdf
8 EL MERCADO CENTRAL DE BUENOS AIRES.pdfSARA BUENDIA RIOJA
 
Presentación comercial SARA ANDRADE - PRODUCTORA
Presentación comercial SARA ANDRADE - PRODUCTORAPresentación comercial SARA ANDRADE - PRODUCTORA
Presentación comercial SARA ANDRADE - PRODUCTORASARA ANDRADE - PRODUCTORA
 
Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...
Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...
Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...rodriguezperezcarlos1
 
TRABAJO FINAL OFFICE Depot Estrategia de promoción
TRABAJO FINAL OFFICE Depot Estrategia de promociónTRABAJO FINAL OFFICE Depot Estrategia de promoción
TRABAJO FINAL OFFICE Depot Estrategia de promociónerocrogo
 
Deck__Primer-Marketo-User-Group-presencial-en-España.pdf
Deck__Primer-Marketo-User-Group-presencial-en-España.pdfDeck__Primer-Marketo-User-Group-presencial-en-España.pdf
Deck__Primer-Marketo-User-Group-presencial-en-España.pdfebaquedano1
 

Kürzlich hochgeladen (11)

Compendio final de promoción aplicado a Oishii.
Compendio final de promoción aplicado a Oishii.Compendio final de promoción aplicado a Oishii.
Compendio final de promoción aplicado a Oishii.
 
Estrategias de promoción aplicado a Nintendo
Estrategias de promoción aplicado a NintendoEstrategias de promoción aplicado a Nintendo
Estrategias de promoción aplicado a Nintendo
 
PROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓN
PROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓNPROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓN
PROYECTO FINAL NETFLIX. ESTRATEGIAS DE PROMOCIÓN
 
Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024
Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024
Agencia Marketing Branding Examen Google Perfil Negocio Febrero 2024
 
Suplemento Exibal Alimentos elaborados para el éxito
Suplemento Exibal Alimentos elaborados para el éxitoSuplemento Exibal Alimentos elaborados para el éxito
Suplemento Exibal Alimentos elaborados para el éxito
 
Trabajo Final Brisia Yael Bencomo Martínez 314871.pdf
Trabajo Final Brisia Yael Bencomo Martínez 314871.pdfTrabajo Final Brisia Yael Bencomo Martínez 314871.pdf
Trabajo Final Brisia Yael Bencomo Martínez 314871.pdf
 
8 EL MERCADO CENTRAL DE BUENOS AIRES.pdf
8  EL MERCADO CENTRAL DE BUENOS AIRES.pdf8  EL MERCADO CENTRAL DE BUENOS AIRES.pdf
8 EL MERCADO CENTRAL DE BUENOS AIRES.pdf
 
Presentación comercial SARA ANDRADE - PRODUCTORA
Presentación comercial SARA ANDRADE - PRODUCTORAPresentación comercial SARA ANDRADE - PRODUCTORA
Presentación comercial SARA ANDRADE - PRODUCTORA
 
Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...
Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...
Manual de empleados (Uno de los mejores beneficios de trabajar en McDonald's ...
 
TRABAJO FINAL OFFICE Depot Estrategia de promoción
TRABAJO FINAL OFFICE Depot Estrategia de promociónTRABAJO FINAL OFFICE Depot Estrategia de promoción
TRABAJO FINAL OFFICE Depot Estrategia de promoción
 
Deck__Primer-Marketo-User-Group-presencial-en-España.pdf
Deck__Primer-Marketo-User-Group-presencial-en-España.pdfDeck__Primer-Marketo-User-Group-presencial-en-España.pdf
Deck__Primer-Marketo-User-Group-presencial-en-España.pdf
 

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

  • 1. Responsive, móvil o app. ¿Por dónde empezar? 1
  • 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. 1 ¿Qué presencia móvil 
 debemos tener? 3
  • 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. 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. 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. 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. 2 Posibles alternativas para 
 nuestra presencia móvil 8
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. caso que se haga una actualización es posible que debas re-hacer o corregir ciertos elementos.   Tiende a requerir ajustes específicos por plataformas, en donde una funcionalidad debe ser igualmente desarrollada varias veces para que funcione óptimamente en cada plataforma, esto elimina la ventaja de one code to run everywhere. 19
  • 21. Entonces, ¿por dónde empezar? Una vez conocido el abánico de posibilidades, volvamos a las preguntas que nos hacíamos al principio e intentemos desvelar en cada caso por dónde empezar. Como decíamos la recomendación de nuestra estrategia móvil vendrá condicionada por la respuesta que tengamos para las siguientes preguntas:   ¿Cuál es la naturaleza del producto o servicio que queremos vender o prestar?   ¿Qué tipo de relación tenemos con nuestros usuarios y clientes?   ¿Qué tipo de valor y experiencia queremos ofrecerle al usuario?   ¿Cómo esperamos monetizar nuestra propuesta de valor móvil?   ¿Qué grado de madurez y recursos disponemos? 21
  • 22. 1. ¿Cuál es la naturaleza del producto o servicio? Sin lugar a dudas, el tipo de producto o servicio que ofrezcamos condicionará donde centrar nuestra apuesta. Si somos un juego, una red social o un software online, las aplicaciones nativas deberán ser nuestra clara prioridad. Si somos una empresa que busca captar nuevos clientes, una solución responsive o en algunos casos un site móvil deberá ser donde pongamos el acento. Lo que está claro es que cada vez más los usuarios usamos el móvil para buscar todo tipo de productos y establecimientos y, por tanto, el móvil se está convirtiendo en el mayor influenciador que tenemos para hacer que un usuario se dirija a una tienda o punto de venta físico. Pensemos en dos situaciones ya cotidianas. Primera situación: Estamos en una ciudad por primera vez, es hora de comer y decidimos buscar con nuestro móvil un buen restaurante cercano. Segunda situación: Nos encontramos en un centro comercial y dudamos sobre qué cámara de fotos comprar y si el precio a la que nos la venden es el mejor precio disponible y decidimos realizar una búsqueda también desde nuestro móvil. En ambas situaciones podemos identificar 2 elementos determinantes:   La ubicación geográfica como eje central de la búsqueda, especialmente si nos atenemos al informe de Google del 2013 que indica que el 91% de los usuarios móviles buscan información local, dejando otro tipo de búsquedas para el desktop o el tablet.   El tiempo de respuesta entendiendo que el momento es ahora y que sólo el que logre darnos la respuesta correcta en el momento correcto será el que se lleve el gato al agua. 22
  • 23. 1. ¿Cuál es la naturaleza del producto o servicio? En este sentido, los sites móviles están en mejor disposición de sacarle provecho a la ubicación del usuario y a la posibilidad de ofrecerle el contenido más relevante en ese momento del día. entretenimiento (juegos, casas de apuestas, contenidos audiovisuales,...), las apps permiten crear experiencias de consumo sensiblemente mejores y más convenientes. En el negocio del retail y el turismo, si el eje es de venta y generación de negocio, la apuesta deberá pasar por los sites móviles, mientras las apps podrán jugar un rol más de servicio y fidelización. En otras industrias, el factor espacio-tiempo no es tan determinante y el eje central es el servicio y el manejo de información personal y sensible. Así, en entidades financieras, seguros de salud o médicos o empresas de telefonía móvil, las apps nativas son las que están en mejor disposición de dar respuesta a las necesidades más habituales de consulta y gestión que tengan sus clientes. Para el resto de mortales - empresas de servicios, destinos turísticos, hoteles o casas rurales, agencias inmobiliarias, sites de contenidos o bloggers, … -, nuestra apuesta móvil pasará por el responsive. En las industrias más informativas, parece que a pesar del consumo diario y constante los usuarios se reparten entre aquellos que prefieren consumirlo vía web y aquellos que lo prefieren hacer desde una aplicación nativa, mientras que en el negocio del 23
  • 24. 2. ¿Qué tipo de relación tenemos con nuestros usuarios y clientes? El tipo de relación que se establecen con nuestros clientes también nos ayudará a entender cuál es el camino a seguir. Si la relación de nuestros clientes es esporádica y puntual, difícilmente el usuario tendrá el interés y motivación de realizar el esfuerzo de descargar nuestra app y configurarla. En cambio, si el uso de nuestros servicios es continuado y seguido se justificará claramente que nos planteemos seriamente crear un app. 3. ¿Qué tipo de valor y experiencia queremos ofrecer al usuario? Como hemos podido ver, las posibilidades a nivel de experiencia de las apps nativas son sensiblemente superiores a cualquier alternativa o desarrollo que nos planteemos. De ahí que cuando querramos ofrecer una experiencia de navegación y uso extraordinaria, nuestro camino estará claro. Cuando precisemos hacer uso de los recursos del dispositivo móvil, cuando precisemos ofrecer una experiencia que no necesite de conexión en línea, cuando la inmediatez en el acceso sea determinante, o cuando la seguridad y la protección de la información del usuario sea sensible e importante, no habrá mucho lugar a dudas: las apps deberán ser nuestro buque insignia en el mundo móvil, y nuestra presencia web en móvil deberá buscar y empujar que nuestros usuarios descarguen y usen nuestras aplicaciones nativas. 24
  • 25. 4. ¿Cómo esperamos monetizar nuestra propuesta de valor móvil? Si la publicidad es nuestra principal fuente de ingresos, probablemente deberemos decantarnos por un site móvil ya que nuestro control sobre nuestro inventario publicitario será sensiblemente mayor. formatos publicitarios en el móvil tienen por problemas de espacio menos recorrido y posibilidades). Por otro lado, si nuestra fuente de ingresos viene condicionada por el pago por el uso de la aplicación o un modelo de suscripción, las apps nativas presentan una mejor experiencia de pago (aunque obviamente a costa de un menor ingreso para nosotros). Hay sectores como los medios de comunicación donde está demostrado que cuando hay algún acontecimiento relevante los usuarios impactan de forma masiva el dispositivo móvil para entender lo que ha ocurrido en las primeras horas desde que se ha producido tal evento. Luego, pasada la marea los usuarios pasarán a la versión web para poder analizar con profundidad lo que ha ocurrido, revisar opiniones, etc. Si no tenemos fuente de ingresos directa, pues responde a un capa de valor y servicio que queremos ofrecer y entregar a nuestros clientes, ambas opciones podrán ser válidas (aunque la opción de app nativa puede ser la más recomendable). Tener un contenido actualizado casi al milímetro resultará fundamental para nuestros usuarios y también para las posibilidades de monetización del medio correspondiente (aunque obviamente los 25
  • 26. 5. ¿Qué grado de madurez y recursos disponemos? Si nuestro presupuesto es escaso, deberemos preguntarnos si realmente ahora es el momento de rediseñar todo nuestro sitio para hacerlo responsive o lo mejor sea esperar a que nos toque repensar y rediseñar nuestra presencia online y obligarnos en ese momento a hacerla responsiva. Pensar en realizar una app nativas cuando nuestros recursos son más bien escasos, no tiene mucho sentido ya que su desarrollo nos obligará a acercarnos a desarrolladores con conocimientos más avanzados (habitualmente se precisa mucho código C para iOS y Java para aplicaciones para Android). Actualmente con las principales herramientas de gestión de contenidos del mercado (Wordpress, Drupal,...), crear una versión responsive no resulta tan complejo ni complicado. Últimas reflexiones - como resumen - por si todavía nos queda duda alguna:   ¿Site responsive o site móvil?   ¿App nativa o site móvil? 26
  • 27. ¿Site responsible o site móvil? La respuesta vendrá dada por el objetivo que persiga la experiencia de su uso desde un dispositivo móvil. Si es parecida entre dispositivos móviles, entonces la fórmula responsive será la acertada. Si la intención del usuario es o puede ser distinta entre dispositivos y nuestra presencia móvil puede condicionar nuestro bottom-line, entonces el site móvil será la solución. Para los más técnicos y a pesar de que un sitio responsive tiene básicamente las mismas capacidades que un sitio web normal, no es aconsejable hacer uso de un site responsive en las siguientes situaciones:   Si precisamos hacer uso de plugins en flash ya que en la gran mayoría de dispositivos móviles, simplemente, no se visualizan.   Si tenemos contenidos muy extensos (el site La complejidad y extensión a nivel de contenidos también nos condicionará si la solución debe ser responsible o site móvil. Por ejemplo, en sites de grandes medios o incluso ecommerce donde el proceso de actualización de inventario, contenido o promociones debe pasar por varios niveles de aprobación, el desarrollo de una versión específicamente móvil será costosa e incrementará el esfuerzo de actualización de nuestros contenidos. web tiene gran cantidad de contenidos, nuestra home page es muy extensa y pesada) ya que el peso de descarga es demasiado alto para un móvil. El ejemplo más fácil que nos viene a la cabeza es el site de un medio de comunicación con una gran cantidad de contenidos, secciones y opciones. Llevar este tipo de site a un smartphone representa un peso excesivo, cuando la estructura de lectura en un dispositivo móvil es probablemente diferente y el usuario querrá consumir sobre todo últimas noticias. 27
  • 28. ¿Site responsible o site móvil?   En juegos en HTML5, aunque son En general, el proceso de desarrollo de una versión responsive se enfoca más a la masificación y generalización de dispositivos que en la optimización de rendimiento para cada uno de estos universos, plataformas, versiones de navegadores y demás. Por tanto, si lo que buscamos es tener la mayor exposición, no podremos tener un site con un 100% de rendimiento en cada plataforma. técnicamente posibles, optimizar un juego para diversidad de dispositivos puede ser una tarea titánica que no consiga dar respuesta a sus diferentes capacidades, rendimientos y opciones disponibles.   Si nuestro site precisa de un notable nivel de procesamiento de Javascript, estructuras complejas, contenidos offline o múltiples contenidos multimedia. En tales casos, el proceso de optimización puede ser mucho más complejo, y en consecuencia demasiado complejo de enfocarse en tales aspectos.   Si se quiere llegar a dispositivos de bajas características o relativamente antiguos, los sites responsive pueden no funcionar correctamente y presentar problemas en celulares de previas generaciones. 28
  • 29. ¿App nativa o site móvil? La respuesta vendrá dada esta vez por el objetivo que persigamos. Si lo que buscamos es crear un canal de relación más personal y cercano entre nuestros usuarios y nosotros, la app nativa será el vehículo más conveniente. Si lo que buscamos es llegar al máximo número de usuarios y clientes, el site móvil será el camino a priorizar. Fascinante una vez más el momento que estamos viviendo que nos obliga una y otra vez a entender lo más rápido posible cómo nuestro mundo está cambiando. Y sin lugar a dudas, como la irrupción de los smartphomes que podemos fechar - con vuestro permiso - con el lanzamiento del primer iPhone que el mismo Steve Jobs hizo el 29 de junio del 2007 y que ya nos advirtió que revolucionaría la industria de la telefonía móvil e Internet. http://www.youtube.com/watch?v=c_m2F_ph_uU 29
  • 31. Autores Dario Palacio (@dariopalacio) Licenciado en Administración de Negocios con especialización en marketing y comercio internacional por la Universidad EAFIT. Socio fundador de Multiplica Mobile, ha liderado las iniciativas de proyectos con tecnología móvil desde el 2004 a nivel mundial. Emprendedor, consultor y docente para Colombia y Latinoamérica. David Boronat (@davidboronat) Licenciado en Dirección y Administración de Empresas por ESADE y máster en International Business por la British Columbia University, es socio fundador de Multiplica y reconocido experto en internet con una larga trayectoria como consultor, docente y conferenciante en España, Latinoamérica y los Estados Unidos. Camilo Usuga Ingeniero de Sistemas de la universidad EAFIT, socio fundador de Multiplica Mobile, apasionado por nuevas tecnologías y con amplio recorrido en la creación y dirección de startups y grandes proyectos de desarrollo tecnológico a nivel mundial. 31
  • 33. Multiplica en cifras 12 75 Años de experiencia Consultores 250 620 Clientes Proyectos 33
  • 34. Multiplica Mobile en cifras 5 60 Proyectos móviles Años de experiencia móvil 1.0 2.0 Vivimos está etapa móvil Creamos ésta etapa móvil 34
  • 35. QR CODES MVP Mobile analytics Mobile payment HMTL5 Investigación de usuario móviles APP NATIVA Mobile Marketing, Mobile Advertising Bluetooth Estrategia mobile Mobile marketing advertising App Store, Google Play IOS, Android, RIM Mobile user 
 interface design SMS, Gateway, Mobile Content COCOA, Phone Gap, Titanium Geolocalización NFC, Strike Analytics 35
  • 36. Experiencia y diseño de interacción optimizada para los dispositivos móviles. En BCI rediseñamos su aplicación mobile bancaria 
 para que fuese más usable y persuasiva 36
  • 37. Repensamos toda la experiencia móvil de su acceso a clientes. Estamos creando las presencias mobile de UNE, 
 la empresa de telefonía de referencia colombiana 37
  • 38. Buscamos un grafismo que acompañara a la elección de producto Una experiencia de consulta de productos y puntos excepcional Creamos la aplicación para tablets del programa de puntos del BCI 38
  • 39. Desarrollo para Android y para iOS. Una experiencia móvil 100% visual y adaptada a la tarea que el usuario quiere realizar. Desde el Silicon Valley, hemos creado la app de Zwingit 
 para compartir momentos y fotografías desde el móvil 39
  • 40. Hemos desarrollado la app nativa de Beebox con integración 
 con Paypal, Facebook y cash-out. 40
  • 41. Visualización vertical de listados geolocalizados e integración con Google Maps. Diseño optimizado para cualquier tipo de pantalla. Diseñamos la presencia mobile-friendly de Bluespace, 
 el primer operador de selfstorage español. 41
  • 42. Hemos creado la app nativa del sistema de trenes de Miami TRI Trail 
 con geolocalización, contenido integrado y sistema de alarma. 42
  • 43. 43