Diseño y usabilidad en email marketing

Diseño y usabilidad en email marketing

Diseño y usabilidad en email marketing

El diseño y usabilidad en email marketing es uno de los factores que marcan el éxito de una campaña, es decir, esta debe tener un diseño cuidado, acorde con lo que es y a los clientes que va dirigido, pero es importante no olvidar que detrás debe haber un buen producto útil que lo respalde, que despierte el interés de los consumidores, tiene que haber un contenido y usabilidad respaldando al diseño.

 
¿QUE ES LA USABILIDAD?

La usabilidad es el diseño al servicio de la experiencia del usuario.

La usabilidad permite controlar la experiencia que tienen los usuarios al leer nuestros e-mailing, las sensaciones que les transmitimos, lo cómoda y fluida que resulta su experiencia, por lo que una usabilidad planificada contribuirá a mejorar la imagen de marca.

Un e-mail debe transmitir identidad corporativa en todo su conjunto, pero a la vez todo debe ser fácil, intuitivo y amable. Un diseño gráfico desarrollado con criterios de usabilidad, orientado a las habilidades de los usuarios, determinará su éxito.

Podemos establecer una serie de pautas concretas que permitan que nuestros mails sean intuitivos, usables y sencillos de utilizar:

  • No debemos abusar de las imágenes en nuestros e-mails.
  • Los usuarios no leen, sino que escanean, por lo que debemos resumir al máximo los textos y dejar claro a través del diseño cuáles son los elementos más relevantes.
  • Debemos cuidar la legibilidad del mensaje, utilizando textos sencillos, con una correcta alineación y espaciado.
  • Pocas columnas, un mínimo de una y un máximo de tres.
  • Un ancho del email de entre 550 y 700px para web, y un 100% de la pantalla en dispositivos móviles.
  • Alineación a la izquierda para textos largos.
  • Priorizar la importancia de los textos utilizando distintos tamaños de fuente, evitando el uso de tamaños demasiado pequeños o demasiado grandes.
  • Uso de ratio de contraste de color suficiente para una correcta lectura.
  • Incluir pocos enlaces en el cuerpo de texto del mensaje para no dispersar la atención, de manera que los call-to-action queden más claros.
  • Los destinos de los enlaces deben ser relevantes con respecto a la fuente, debiendo estar relacionados con la imagen o la sección.
  • La llamada a la acción ha de ser visible y con contraste con respecto a su entorno sin romper el diseño. Es preferible crear botones sin imagen, para que sean visibles siempre, siendo en ocasiones efectivo distribuir varios call-to-action a lo largo del mensaje, colocando los prioritarios más arriba.
  • En último lugar, no podemos obviar que más del 30% de los emails se abren en dispositivos móviles, debiendo optimizar la visualización de los mensajes en estos dispositivos, utilizando para ello porcentajes o diseño responsive

Ya sabemos que no todos podemos ser expertos en HTML para poder llevar a cabo un diseño y usabilidad eficiente, si es tu caso, afortunadamente a día de hoy en el mercado podemos encontrar magníficas plataformas cómo mailify que nos van a facilitar muchísimo esta tarea.

CONSIDERACIONES ANTES DE SU MAQUETACIÓN

Nuestro e-mail debe tener un equilibrio perfecto entre texto, espacio en blanco, imágenes y enlaces. A continuación, presentamos una serie de pautas para poder maquetar e-mails que cumplan correctamente los estándares de diseño y de usabilidad:

    • Evitar el uso de demasiadas imágenes o gráficos.
    • Tener en cuenta el panel de vista previa.
    • Tener en cuenta el ancho de la bandeja de entrada (entre 550 y 700 píxeles).
    • Evitar que nuestro email tenga vínculos rotos, enlaces muertos e imágenes que no se muestren correctamente.
    • Evitar el uso de código distinto de HTML.
    • Probar nuestro e-mail en los gestores y servicios de correo más populares.
    • Evitar el uso de video.
    • Evitar el uso de flash.
    • Evitar el uso de hojas de estilo CSS.
    • Evitar el uso de formularios.
    • Evitar el uso de procesadores de texto para maquetar la newsletter.
    • Evitar copiar y pegar código desde otras aplicaciones.
    • Evitar el uso de capas <div> o frames.
    • Utilizar solamente tipografías estándar.
    • Evitar el uso de javascript.
    • Optimizar el uso de imágenes.
 
EMAIL RESPONSIVE

El mercado de los smartphones y tablets no para de crecer, por lo que es necesario que nuestros e-mails puedan visualizarse correctamente en ellos.

Lo ideal es utilizar una plantilla de tipo responsive, cuyo diseño se adapte al tamaño de la pantalla del dispositivo, mejorando la visibilidad del mensaje.

Usando herramientas cómo mailchimp o mailify cuando diseñemos el cuerpo del mensaje, nos generan un diseño responsive sin necesidad de complicadas parametrizaciones, ni escribir código fuente.

Si quisieras saber más sobre newsletter y campañas de email marketing te recomendamos echar un vistazo a este artículo de isocialweb.

Y tu ¿qué haces para optimizar la experiencia de usuario en una campaña de email marketing?

2 Comments
  • Adela Ruiz
    Posted at 10:36h, 27 agosto Responder

    La verdad es que está funcionando genial la idea de captar clientes a través del email marketing. Personalmente la recomiendo mucho como técnica dentro del Marketing Digital, ya que está demostrado que funciona de verdad. Un saludo!!

  • The Shed Co
    Posted at 10:53h, 27 agosto Responder

    Hola Adela, en primer lugar agradecer tu comentario, y por otro lado estaría fenomenal que nos recomendases un post de tu blog o escribieras algo con tus resultados para ayudar a los que nos leen.
    Un saludo

Post A Comment