View
153
Download
5
Category
Preview:
Citation preview
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?
¿?
13
Establecer un ancho fijo de las creatividades o html (450px - 500px).
¿Cómo?
14
1515
16
17
Evitar los párrafos extensos y utilizar viñetas para facilitar la lectura. Agrupar en secciones.
¿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
20
Botones y enlaces han de ser grandes (interacción de 44×44 píxeles). Crear una distancia adecuada entre ellos y los contenidos (textos).
¿Cómo?
2121
2222
23
Incluir la etiqueta meta (html):
<meta name = "viewport" content = "width = 320">
Para asegurar que el contenido se ajuste a la pantalla (IOS/IPhone).
¿Cómo?
2424
2525
26
Titulares entre 30 y 14 puntos (40px – 20px) para resaltar el contenido y que el texto se pueda leer sin necesidad de agrandarlo.
¿Cómo?
2727
28
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.
¿Cómo?
29
Adapta tus envíos para orientaciones de pantalla horizontales (usuarios Android). Avisar al usuario mediante botones o banners.
¿Cómo?
3030
3131
32
Centrarse en la información que genera conversiones.
¿Cómo?
33
Utilizar para la interactividad y la animación, transiciones y efectos para “call to action”.
¿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óvilesmejorará:
• 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
Recommended