Email Marketing - Best Practices

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