Newsletters adaptables a móviles (Responsive Newsletter)

El email marketing en el móvil, se convertirá pronto en una de las herramientas publicitarias más potentes, combina un contenido requerido por el usuario con la inmediatez del visionado móvil.

La navegación móvil está ganando terreno día a día, y dentro de la navegación móvil está la consulta de email (al menos un 30% de la apertura de email se produce en el móvil), no hay mejor momento para leer los emails que en ese corto trayecto en metro (ahora que tenemos cobertura) en bus, o en esos tiempos muertos de espera… por eso una de las herramientas más potentes de publicidad actual, el email marketing, debe adaptarse a esta nueva tendencia y captar la atención del usuario en esos momentos tan importantes, en los que seguro presta más atención a nuestras comunicaciones, que en otros lugares como el trabajo sitio en el que no puede permitirse prestar atención a estas comunicaciones publicitarias. Todo esto significa que tenemos que empezar a diseñar nuestros emails para el usuario móvil.

Este es un ejemplo de una de las Newsletter Responsive que hemos diseñado, es para el IED Madrid.

Email marketing en el Móvil (Mobile friendly email marketing).

Una de las técnicas más usadas actualmente en el diseño de websites es el Responsive Web Design (Diseño web adaptable), que no es más que un conjunto de técnicas de diseño y programación utilizando HTML5, CSS3 y JavaScript, combinado con Media Queries para hacer un sólo diseño de página web pero que se adapta a los distintos tamaños de pantalla en los que la veamos, es decir que el mismo diseño que usamos para nuestra página web que se ve en el ordenador, se adapta a su visión en tablet y móvil.

Esto nos permite optimizar recursos en diseño y programación ya que con una sola plantilla solucionamos los problemas de visualización en distintos soportes. En la parte técnica, para hacer Newsletter adaptables vamos a basarnos en esta técnica, pero de forma un poco distinta ya que los clientes de email móvil no todos soportan Media Queries y mucho menos las últimas tecnologías de programación.

Diseño y usabilidad en email marketing para móviles.

Las newsletter para móvil deben ser optimizadas para conseguir los máximos resultados, siempre pensando:

1) El tipo de Newsletter (Comercial o informativa).

2) Objetivo de la newsletter.

3) Elementos que necesitas para conseguir ese objetivo.

Elementos a considerar cuando diseñas Newsletters para móviles.

Diseños de una sola columna y como mucho 500 o 600 px de ancho

Pocos links, y estos deben ser botones con un mínimo de 45×45 px, recuerda que estamos en móvil y hay que tocar el botón

La tipografía tiene que ser como mínimo 14 px

Mensaje, simple, claro y conciso. Cuantos menos elementos mejor, y estos colocados en la parte superior del email, que se vean a primera vista, para captar la atención del lector.

Focus: Qué objetivo quieres conseguir con la Newsletter y que elementos necesitas para conseguirlo.

Call to Action: Visible a ser posible sin hacer scroll.

Eliminar (esconder) todo lo superfluo usando técnicas de descubrimiento progresivo, no muestres todo lo que tienes, da lo justo y necesario para conseguir tu objetivo no desfocalizando al usuario y que no sepa que elegir.

Una vez que tengamos diseñada nuestra newsletter adaptada a la visualización en plataformas móviles, podemos usar una aplicación de email marketing como teenvio.com para su envío a nuestra bb.dd. y recoger los resultados estadísticos generados por la misma, el índice de apertura, click y lectura de emails cuando utilizas Newsletters Responsive suele aumentar considerablemente.

Pero todas estas optimizaciones no tendrán mucho sentido si tu website, o el sitio al que apuntan los links de tu Newsletter no está preparado para su visualización en móviles. Esta realizado el 50% del trabajo, la otra parte es tener una web acorde con lo que el usuario móvil espera

En teenvio.con diseñamos Newsletters para plataformas móviles, si necesitas que tu comunicado, boletín o Newsletter se adapte a dispositivos móviles ponte en contacto con nosotros.

Posted in:
Sobre el autor

jr

Creative Director IED Madrid

4 Comentarios

  1. Hola!
    Interesante post. Aunque llevamos años hablando del Responsive Web Design, el diseño “adaptativo” es aún un recién llegado en el sector del email. Se presenta como la opción ideal para que nuestros emails rendericen bien en los dispositivos móviles, pero a día de hoy es difícil encontrar casos de éxito, principalmente porque por los problemas de compatibilidad entre servicios (muchos aún no aceptan las media queries o tienen dificultades para interpretarlas). Estos problemas hacen que nos planteemos muy mucho si lanzarnos a la piscina y utilizar el Responsive Design. Creo que lo primero que debemos hacer es observar el comportamiento de nuestros usuarios(dispositivos y software utilizado) y valorar lo oportuno de esta estratregia teniendo en cuenta estos obstaculos de compatibilidad.

  2. Hola! Muy interesante artículo!
    Pero tengo muchas dudas técnicas de cómo aplicar los media queries a mis newsletters, ya que siempre utilizo estilos inline, es decir, dentro de cada elemento del html; esto debido a que no puedo enlazar un css externo ya que los servicios de mail los bloquean.
    Siendo así, cómo puedo enlazar un css con media queries..? Y otra duda.. Es posible utilizar font-face en newsletters..?
    Muchas gracias!!

    • Hola Nelson,

      sería muy complicado darte un curso completo de maquetación a través del post, los media quieres deben de ir en el mismo HTML y no son compatibles con muchos gestores de correo móvil por ejemplo Gmail y font-face no se puede usar.

      Un saludo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *