Diseño de correos electrónicos que la gente quiera leer

¡No te preocupes si tienes experiencia en diseño! Encontrar las imágenes y la tipografía adecuadas, elegir una paleta de colores y presentar tu contenido correctamente puede parecer desalentador, pero hay algunos trucos que te ayudarán a tener éxito en la creación de una estrategia de diseño que funcione.

¿Qué es el diseño de correos electrónicos?

El diseño del correos electrónicos se puede dividir en 2 componentes importantes:

• Diseño de la campaña de email

• La composición visual

En este capítulo, compartiremos algunos de los mejores enfoques de diseño y composición visual para ayudarte a diseñar correos electrónicos que tus suscriptores quieran leer.

Cuentas con aproximadamente 8 segundos para captar la atención de tus lectores antes de que pierdan interés. Si bien tu contenido debe ser relevante y agregar valor, tu primera prioridad es asegurarte de que la gente realmente lo lea.

Pero antes de hablar sobre el diseño de tu newsletter de correo electrónico, convengamos en que su línea de asunto también es importante. Nadie verá tu hermoso correo electrónico si no hacen clic para abrirlo. Sugerimos mantenerlo simple, usar un encabezado previo y realizar regularmente pruebas A/B para optimizar la tasa de apertura y encontrar fórmulas de línea de asunto que entusiasmen a tu base de suscriptores.

Al pensar en tu diseño, considera estos 3 principios de diseño:

• No lo hagas demasiado ancho

• Hazlo escaneable

• Recuerda el poder de las 3 secciones

No lo hagas demasiado ancho

Mantén tu correo electrónico o newsletter dentro de los 600 píxeles de ancho. Si tus correos electrónicos son demasiado anchos, el lector debe desplazarse de lado a lado, lo que es realmente molesto; y es probable que el lector se salte el contenido si no puede ver inmediatamente todo el ancho de la campaña de correo electrónico.

Hazlo escaneable

Antes de que alguien invierta su valioso tiempo en tu contenido, escaneará todo el correo electrónico para ver qué le llama la atención. Por esta razón, utiliza títulos descriptivos y listas de viñetas para dividir tus puntos clave en secciones. Esto permite que la gente sepa de qué se trata tu campaña de email marketing en pocos segundos.

Recuerda el poder de las 3 secciones

Por lo general, hay 3 secciones principales en un newsletter de correo electrónico: titular, copia del cuerpo y CTA. Estos son los elementos clave de la jerarquía de contenido. El titular resume el mensaje principal, el texto del cuerpo presenta los puntos de soporte y el llamado a la acción sella el trato. Asegúrate de que estos 3 elementos sean súper fáciles de encontrar. 

La jerarquía de contenido del correo electrónico es el proceso de colocar el mensaje más importante donde el lector pueda encontrarla rápidamente. Hermosos diseños se ven increíbles, pero si nadie puede darle sentido al contenido, no lograrás tu objetivo.

La jerarquía visual no es tan complicada como parece. 

1. Comienza con los puntos más importantes que deseas que el lector se lleve consigo.

2. Usa color, contraste, posición y tamaño para poner más peso en esos puntos. 

3. Coloca una tipografía más grande en la parte superior y gradualmente continúa con una más pequeña para la información menos importante.

Tu audiencia tiene un tiempo limitado, así que crea una jerarquía de importancia que le permita obtener los puntos principales de un vistazo.

Para una jerarquía de texto, usa títulos en negrita, subtítulos, citas y tipografías variables como cursiva para resaltar tus puntos importantes.

Los estudios de mapas de calor, donde los investigadores ven cómo las personas miran la pantalla de una computadora, muestran que el cerebro prioriza lo visual en forma de F. Los ojos miran primero a la parte superior e izquierda para obtener información. Luego centran su atención en el lado izquierdo y el medio.

La parte inferior y la extrema derecha apenas son notadas por el usuario. Mantén tu información relevante en las áreas que sabes que la mayoría de los lectores definitivamente escanearán, especialmente tu llamado a la acción.

Si bien quieres que tu campaña de email marketing sea visualmente atractiva, sigue siendo una herramienta funcional, así que asegúrate de que tu contenido sea legible antes de que sea bonito.

Los visuales juegan un papel integral en tu diseño de correo electrónico. Los elementos visuales no solo rompen el cuerpo del texto para hacer que el correo electrónico sea más legible, sino que los elementos visuales correctos ayudan al lector a avanzar por el mensaje.

¿Suena intimidante? Estos son algunos fundamentos que te ayudarán a diseñar correos electrónicos que coincidan con tu marca y mensaje.

Elección de los colores adecuados

Antes de elegir al azar los colores que te atraen, considera el poder que tienen los colores para comunicar una emoción. El color influye en las percepciones de tus lectores.

Cada color comunica un conjunto diferente de emociones y estados de ánimo que puedes incorporar en tu diseño de correo electrónico.

Por ejemplo, el rojo provoca pasión (piensa en San Valentín), el amarillo comunica calidez y el verde significa salud y paz. Sea cual sea el estado de ánimo que estés tratando de transmitir, mantente firme y mantenlo enfocado en una emoción.

Aquí hay una tabla de colores para ayudarle a empezar.

Más allá de establecer el estado de ánimo de tu diseño de newsletter de correo electrónico, el color se puede utilizar para ayudar a llamar la atención sobre cierto contenido o hacer que las cosas sean fáciles de encontrar. Una técnica es usar bloques de color resaltados para hacer que el contenido se luzca mejor. Al colocar color alrededor del texto, el correo electrónico se vuelve mucho más fácil de leer.

Por último, si estás eligiendo un color, es una buena idea encontrar una paleta de colores que sean compatibles para no distraer a los lectores. 

Elección de la imagen correcta

Utilizar las imágenes adecuadas pueden llevar tu contenido a otro nivel de interacción. Aunque el uso de textos en la tipografía correcta puede transmitir tu mensaje, las imágenes pueden comunicar una idea o una historia en cuestión de segundos. Tus imágenes tienen mucha influencia.

El primer trabajo de la imagen es captar la atención del lector. Selecciona imágenes que complementan o incluso mejoran tu texto. El lector está esperando aprender algo específico basado en la imagen. Asegúrate de que el mensaje y la imagen transmitan el mismo mensaje. 

Por ejemplo, si usas una imagen de un gráfico circular con puntos de datos específicos, el texto debe explicar o contar la historia de los datos. Suena obvio, pero muchos cometen el error de agregar elementos visuales que no se relacionan con el mensaje principal.

Nuestros clientes han enviado millones de campañas de email marketing, lo que nos da una idea bastante buena de qué funciona y qué no. Hemos identificado 5 trucos de diseño que pueden mejorar la interacción.

Utiliza estas tácticas con moderación. Demasiado de cualquier cosa pierde su atractivo y podría tener un efecto negativo.

1. GIF animados

Seamos realistas, los GIF son divertidos. Para el email marketing, los GIF también juegan un papel más funcional. En lugar de sobrecargar tus newsletters con varias imágenes que ralentizan los tiempos de descarga, un GIF puede ayudar a consolidar imágenes para contar una historia.

Ya sea que tengas varios productos que presentar o necesites explicar algo complejo, un GIF te da la libertad de ser creativo y encajarlo todo en el correo electrónico. Puedes crear tus propios GIFs con herramientas como GIFMaker o GIPHY.

2. Video

El video te da la capacidad de contar una historia más dinámica y atraer a tu audiencia. El problema con el video es que la mayoría de los correos electrónicos no aceptan archivos de este tipo. 

Si utilizas MailerLite, ¡no hay necesidad de preocuparse!

Mailerlite te permite incluir videos en tus newsletters, lo que realmente puede ayudar a la interacción. El video en el correo electrónico tiene el potencial de aumentar los clics hasta en un 80%. 

3. Patrones de fondo

Si no tienes imágenes llamativas que incluir en tus correos electrónicos, considera usar patrones de fondo o imágenes. Fondos interesantes ayudarán a que el contenido aparezca.

El creador de newsletter de MailerLite te permite elegir entre una amplia selección de patrones o puedes cargar el tuyo. Sigue experimentando y probando hasta que encuentres un diseño que realmente funcione.

4. Señales direccionales

Una señal direccional es un gráfico que apunta al lector a una dirección específica. Ya sea que desees que vean una oferta promocional o el botón de llamado a la acción, usar señales direccionales es una manera efectiva de enfatizar la acción deseada.

Puedes usar elementos visuales como flechas, líneas, señalar con el dedo o incluso una imagen que conduzca el ojo hacia la meta final. No uses demasiado las señales direccionales y mantenlas sutiles.

5. Diseño adaptable

Más de la mitad de tu audiencia está abriendo tu correo electrónico en un dispositivo móvil, por lo que tiene sentido pensar en todo momento en cómo ser verá tu correo en otros dispositivos. El diseño adaptable es una buena práctica para cada correo electrónico que creas. Asegura que tus suscriptores tengan una experiencia de correo electrónico positiva en cualquier dispositivo.

Los diseños de MailerLite siempre responden y te permiten obtener una vista previa de tus newsletters tanto en dispositivos móviles como de escritorio.

Consejos adicionales: 2 elementos de diseño a considerar

1. Texto ALT

Muchas personas se olvidan de él, pero te recomendamos que agregues textos ALT a todas las imágenes del newsletter.

El texto ALT es un texto alternativo que se muestra cuando no se puede cargar un archivo de imagen o cuando las personas usan lectores de pantalla para leer el newsletter de correo electrónico. De esta manera, te aseguras de que tu mensaje llegue al lector, incluso cuando el diseño del newsletter no se muestra completamente.

2. Pie de página

El hecho de que sea el final de tu correo electrónico no significa que el pie de página del correo electrónico no necesite ser parte del diseño del newsletter. Te sorprendería saber cuántos lectores se desplazan allí. Mantenlo simple y conciso. La mayoría de los pies de página de correo electrónico contienen el enlace de cancelación de suscripción, preferencias de correo electrónico, enlaces de redes sociales e información de contacto.

Además, incluye un enlace “ver en el navegador” para permitir a tus suscriptores acceder al correo electrónico en sus navegadores. Puedes añadir el enlace del navegador en el encabezado del pie de página (o ambos).

Comienza un correo electrónico con un objetivo claro y escribe el contenido que transmitirá tu punto de vista. El diseño suele ser un tema que se deja en segundo plano. No ignores su poder.

Un hermoso diseño captará la atención de tu lector, y un diseño inteligente garantizará que tus lectores puedan digerir toda la información rápidamente.

¿Necesitas más inspiración? Visita nuestra galería de ejemplos para ver diseños de email creados por nuestros clientes.

Ya sea que diseñes tu correo electrónico por ti mismo o utilices una de nuestras plantillas de diseño de correo electrónico, el email marketing consiste  en persuadir al lector para que tome medidas. Nuestro próximo capítulo cubrirá cómo crear CTAs eficaces (llamados a la ación). 

¿Quieres que tus correos conviertan? ¡Haz clic aquí para leer la siguiente guía!