1
Mobile email design
Ajustar
contenidos para
dispositivos
móviles
2
24/7
3
Usuarios con Smartphone
4
% de aperturas de email en móvil
(teléfonos y tablets)
Fuente:
5
32%
68%
Mobile Vs Escritorio
(Open email)
Fuente:
6
% de aperturas por dispositivo en
iOS y Android
acumulan el 98% de las
aperturas desde
dispositivos móviles en
febrero de 2013.
Fuente:
7
% apertura desktop vs mobile en
Fuente:
8
% apertura vs click en el mercado mobile (USA)
Fuente:
9
% apertura vs click mobile en Prisa
Fuente:
¿Por qué?
Envíos en la
actualidad
Desktop Vs Mobile
12
¿Cómo?
¿?
Establecer un ancho fijo de las
creatividades o html (450px - 500px).
13
¿Cómo?
14
15
15
16
Evitar los párrafos extensos y utilizar
viñetas para facilitar la lectura.
Agrupar en secciones.
17
¿Cómo?
Texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
Sección 1
Sección 2
Sección 3
18
Texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
texto texto texto
19
Sección 1
Sección 2
Sección 3
Botones y enlaces han de ser grandes
(interacción de 44×44 píxeles). Crear
una distancia adecuada entre ellos y
los contenidos (textos).
20
¿Cómo?
21
21
22
22
Incluir la etiqueta meta (html):
<meta name = "viewport" content = "width = 320">
Para asegurar que el contenido se
ajuste a la pantalla (IOS/IPhone).
23
¿Cómo?
24
24
2525
Titulares entre 30 y 14 puntos (40px
– 20px) para resaltar el contenido y
que el texto se pueda leer sin
necesidad de agrandarlo.
26
¿Cómo?
2727
Comprime las imágenes para reducir
su tamaño y para que el envío se
cargue más rápidamente.
Reducir el peso de las imágenes para
facilitar la carga.
28
¿Cómo?
Adapta tus envíos para orientaciones
de pantalla horizontales (usuarios
Android). Avisar al usuario mediante
botones o banners.
29
¿Cómo?
3030
3131
Centrarse en la información que
genera conversiones.
32
¿Cómo?
Utilizar para la interactividad
y la animación, transiciones y efectos
para “call to action”.
33
¿Cómo?
On the right path !!
Y además…
35
Adaptar contenidos a dispositivos móviles
puede mejorar:
• Experiencia de usuario.
• La afinidad con la marca o producto.
• Incremento del ROI en envíos comerciales.
Unidades de Negocio
con versión adaptada
37
Newsletter Empleo El País
38
Especiales de Planeo
39
Especial Planeo/Yomvi
4040
Newsletter Meristation
41
Adaptar contenidos a dispositivos móviles
mejorará:
• Experiencia de usuario.
• La afinidad con la marca o producto.
• Incremento del ROI en envíos comerciales.
42
Evolución
2011-2013
42
434343
Newsletter Actualidad Email Marketing
Feb 2011:
Primer envío
444444
Newsletter Actualidad Email Marketing
Feb 2011:
Primer envío
(versión
desktop)
454545
Newsletter Actualidad Email Marketing
Feb 2011:
Primer envío
(versión
Android)
464646
Newsletter Actualidad Email Marketing
Mayo 2011:
Cambio de
plantilla
474747
Newsletter Actualidad Email Marketing
Mayo 2011:
Cambio de
plantilla
(versión
desktop)
484848
Newsletter Actualidad Email Marketing
Mayo 2011:
Cambio de
plantilla
(versión
Android)
494949
Newsletter Actualidad Email Marketing
Nov 2012:
Plantilla
adaptada al
móvil
505050
Newsletter Actualidad Email Marketing
Nov 2012:
Plantilla
adaptada al
móvil
(versión
desktop)
515151
Newsletter Actualidad Email Marketing
Nov 2012:
Plantilla
adaptada al
móvil
(versión
Android)
525252
Newsletter Actualidad Email Marketing
Feb 2013:
Mejoras a la
plantilla
adaptada al
móvil
535353
Newsletter Actualidad Email Marketing
Feb 2013:
Mejoras a la
plantilla
adaptada al
móvil
(versión
desktop)
545454
Newsletter Actualidad Email Marketing
Feb 2013:
Mejoras a la
plantilla
adaptada al
móvil
(versión
Android)
555555
% Open Actualidad Email Marketing
Ene 2011: Mayo 2011: Feb 2013:
565656
% Click Actualidad Email Marketing
Ene 2011: Mayo 2011: Feb 2013:
prisa.com

Email Marketing - Best Practices