Consejos de diseño de correo electrónico: una guía para no diseñadores


Tabla de contenido

Un buen diseño de correo electrónico aumenta la probabilidad de que sus correos electrónicos obtengan clics y ventas. Pero, ¿y si no eres diseñador? No se preocupe: estos sencillos consejos de diseño y diseño de correo electrónico pueden ayudar a cualquier persona a crear mejores correos electrónicos.

¿Qué tan importante es el diseño de tu correo electrónico? ¿Es suficiente un mensaje convincente o también necesita imágenes impactantes?

Si tiene poco tiempo como muchos dueños de negocios, es posible que no haya tenido la oportunidad de hacer mucho con el diseño de su correo electrónico.

Sin embargo, agregar algunos elementos de diseño podría mejorar en gran medida el rendimiento de su correo electrónico. ¿Por qué? Porque los estudios demuestran que El 90 por ciento de la información enviada a nuestro cerebro es visual.

Entonces, ¿cómo puedes usar parte de este conocimiento a tu favor? Estas son las mejores prácticas de diseño de correo electrónico para que sus correos electrónicos se vean mejor de inmediato, incluso si no es diseñador.

Jerarquía visual de diseño de diseño de correo electrónico

El estilo visual adecuado puede marcar la diferencia entre que un suscriptor realice una acción y otro que elimine su correo electrónico. El lapso de atención es cada vez más corto. Entonces, al comprender cómo las personas leen su correo electrónico, puede crear mensajes más efectivos.

Cuando sepa dónde es más probable que vayan sus ojos, puede crear un diseño que haga que su correo electrónico sea más fácil de leer y que lleve al lector a su llamado a la acción. Entonces, profundicemos en algunos consejos de diseño de correo electrónico que lo ayudarán con eso.

1 – patrón Z

El patrón Z traza el camino de tus ojos mientras lees, de izquierda a derecha y de arriba a abajo.

La gente lee la primera línea de lado a lado, luego hacia abajo ya la izquierda, y luego de vuelta a la derecha. Cuando se lee este patrón, forma una Z.

Diseño de diseño de correo electrónico de patrón Z

Este diseño de diseño de correo electrónico se utiliza mejor cuando tiene mucha información. Esta estructura ayuda a tu suscriptor a consumir toda la información de una forma sencilla y lógica.

A menudo verá que este tipo de correo electrónico sigue un patrón en el que comienza con el título y el texto en la parte superior izquierda con una imagen a la derecha, luego la esquina inferior izquierda tendrá otra imagen que es el texto opuesto. Esto funciona porque:

  1. Los ojos de los lectores se sienten naturalmente atraídos por las imágenes. Por lo tanto, al colocar las imágenes en diagonal entre sí, ayuda a sus suscriptores a seguir una ruta fácil de leer.
  2. Crea un diseño más limpio al no mostrar todo el texto en una página del correo electrónico.
Un ejemplo de un diseño de diseño de correo electrónico de patrón Z

2 – Pirámide invertida

La pirámide invertida es un formato que se utiliza para los mensajes, pero también funciona bien para el correo electrónico. Está estructurado para captar la atención y centrarse en las partes más importantes de su mensaje. Es bueno si tiene algo que decir a sus lectores y un llamado a la acción específico que desea que realicen.

Diseño de diseño de correo electrónico de pirámide invertida

Este diseño se puede utilizar para dirigir a los suscriptores a su sitio web para leer un artículo, registrarse en un evento o comprar un solo producto o servicio.

Ejemplo de diseño de un diseño de correo electrónico de pirámide invertida

3 – patrón F

El patrón F fue identificado por primera vez por Nielson Norman Group a partir de entonces. para estudiar cómo los ojos de las personas leen un sitio web.

Similar al patrón Z, un lector leería el contenido de izquierda a derecha y luego de izquierda a derecha. Pero en lugar de leer la segunda línea, leerían menos. Etcétera.

Diseño de diseño de correo electrónico de patrón F

¿Cómo afecta esta información al diseño de su correo electrónico?

En primer lugar, debe colocar su información más importante y llamativa en la parte superior de su correo electrónico. Luego espere que su suscriptor escanee el resto de su correo electrónico. Por lo tanto, use menos texto a continuación al redactar su correo electrónico. Y equilibre su correo electrónico con imágenes a la derecha.

Este diseño de diseño de correo electrónico se utiliza mejor cuando tiene mucha información que desea comunicar. En este caso, debe estructurar su correo electrónico con la información más importante en la parte superior, luego usar viñetas y contenido más breve más adelante en el correo electrónico y terminar con un llamado a la acción.

Ejemplo de diseño de diseño de correo electrónico con patrón F

Elementos de diseño de correo electrónico

El gran contenido es una parte esencial de un correo electrónico exitoso, y el diseño es parte de ese contenido.

1 – Elige los colores adecuados

Elija colores que reflejen su logotipo y/o marca… pero asegúrese de que haya suficiente contraste y claridad para garantizar que su mensaje se presente de forma clara y fácil de leer.

El texto sin suficiente contraste con el fondo es difícil de leer.

También puede usar algo de la psicología del color discutida anteriormente para elegir colores complementarios. Echa un vistazo a este cuadro sobre el impacto emocional de los diferentes colores.

Guía de correo electrónico a color

Herramientas gratuitas de paleta de colores como enfriador lo ayuda a crear una paleta profesional en minutos para que sus correos electrónicos estén más en la marca.

2 – Deja algo de espacio para respirar

Los correos electrónicos densamente empaquetados pueden ser difíciles de leer, especialmente en dispositivos móviles, donde tiene lugar el 49,7 por ciento de todas las aperturas.

Esto se debe a que la mayoría de las personas escanean los correos electrónicos en lugar de leerlos palabra por palabra. Un pequeño espacio en blanco entre los elementos hace que un correo electrónico parezca más fácil de escanear. Básicamente, solo hace que el correo electrónico parezca menos abrumador visualmente.

Dejar espacios en blanco adicionales tiene un beneficio adicional: lo alienta a que su mensaje sea breve y solo incluya detalles relevantes.

Aquí hay un gran ejemplo de TrueCar.

Correo electrónico de TrueCar con elementos caídos

3 – Usa el texto como elemento de diseño

También ayuda a formatear sus correos electrónicos para los escáneres. Los elementos de formato más comunes son subtítulos, párrafos cortos, viñetas y frases en negrita. Señales visuales como estas facilitan la búsqueda de los puntos más importantes en su correo electrónico.

Mire este ejemplo de Jon Persson de CultMethod, pone en negrita elementos importantes en el cuerpo de su correo electrónico, también divide la copia usando viñetas y encabezados perfectamente colocados. Además, cada párrafo es corto y fácil de leer.

Ejemplo de correo electrónico de CultMethod con texto como elemento de diseño

4 – Equilibrar texto con imágenes

Divide bloques de texto con imágenes visuales. Los lectores prefieren información breve a la que se pueda acceder fácilmente insertando imágenes y líneas cuando sea necesario.

Las imágenes ayudan a contar la historia de lo que desea transmitir a sus suscriptores, pero no exagere. Siga la regla 60/40 que dice que las imágenes no deben ocupar más del 40 % de su correo electrónico.

Entrenamiento de primavera en Fort Myers texto de crédito por correo electrónico con fotos

5 – Plan para las imágenes que faltan

Casi todos los programas de correo electrónico ofrecen a los suscriptores la opción de ocultar imágenes. Algunos incluso apagan las imágenes automáticamente, obligando al usuario a hacer clic en un enlace o presionar un botón para «encender» las imágenes.

Por ejemplo, así es como aparece un correo electrónico con una gran imagen principal en Outlook:

ejemplo de imagen faltante en un correo electrónico

Dado que las imágenes están bloqueadas en muchos programas de correo electrónico populares, debe asegurarse de que su correo electrónico aún se pueda leer, y que se pueda hacer clic en su llamado a la acción, cuando las imágenes están deshabilitadas.

En lugar de usar botones basados ​​en imágenes que ocultan tu CTA cuando las imágenes están deshabilitadas, prueba con un botón «a prueba de balas». Esta técnica combina un color de fondo con un enlace de texto regular, creando la ilusión de un botón que es visible cuando las imágenes se activan o desactivan.

La mayoría de los servicios de marketing por correo electrónico (incluido AWeber) le permiten crear fácilmente botones a prueba de balas dentro del diseño del correo electrónico.

Si las imágenes que usa son una parte importante de sus correos electrónicos, asegúrese de incluir el texto alternativo de la imagen. Este es un texto que describe de qué se trata la imagen. Si alguna vez diseñó sitios web o trabajó con WordPress, es posible que haya agregado texto alternativo a las imágenes. Es lo mismo, solo para el correo electrónico.

Con el texto alternativo de la imagen agregado, si su suscriptor bloquea las imágenes, aún puede leer lo que quería que viera.

Una plataforma de tejedores que muestra dónde agregar el texto alternativo de la imagen

No tiene que empezar desde cero para crear correos electrónicos atractivos. Aquí hay tres herramientas de diseño de correo electrónico que harán que comenzar sea muy fácil.

1 – lienzo

Canva es una herramienta gratuita de diseño gráfico muy utilizada que te permite crear y editar cualquier tipo de imagen. AWeber tiene un botón de arrastrar y soltar de Canva completamente integrado que le permite crear sus imágenes en Canva y arrastrarlas directamente a su correo electrónico de AWeber.

Uso del elemento de diseño Canva en AWeber

2 – Plantillas de correo electrónico

A veces, empezar es la parte más difícil de enviar un correo electrónico. Aquí hay un plantilla de correo electrónico puede ser útil. Una vez que encuentre la plantilla correcta, la mayor parte del trabajo estará hecho por usted. Simplemente personalícelo para que coincida con su marca agregando su logotipo y actualizando los colores y listo.

AWeber ahora tiene más de 600 plantillas de boletines y marketing por correo electrónico que puede personalizar para sus mensajes. Esto puede ahorrarle horas de tiempo cada semana y puede omitir todo el trabajo de diseñar sus propios correos electrónicos.

Estas son solo algunas de las plantillas disponibles. Cada plantilla también tiene al menos tres paletas de colores para elegir.

Ejemplos de plantillas de correo electrónico de AWeber

3 – Prueba un generador de correo electrónico

Herramientas en línea como stripo, Se librey Envío también tiene plantillas y editores de correo electrónico de arrastrar y soltar. Son similares a los que encontrará en la cuenta de su vendedor de correo electrónico, pero algunos diseñadores de correo electrónico prefieren estas herramientas.

Puede diseñar un correo electrónico en cualquiera de estas herramientas y luego importarlo en AWeber, o copiar y pegar el código del generador de correo electrónico en AWeber. Hay instrucciones sobre cómo hacerlo con Stripo aquí.

Comience a usar estas mejores prácticas de diseño de correo electrónico

A menos que sea un diseñador profesional, la tarea de diseñar un correo electrónico puede parecer un poco desalentadora. Pero si sigue estos consejos de diseño de correo electrónico o utiliza una plantilla de correo electrónico lista para usar proporcionada por su plataforma de marketing por correo electrónico, enviar hermosos correos electrónicos puede ser fácil.

Si desea un correo electrónico o un boletín de noticias diseñado individualmente, por supuesto, también podemos ayudarlo con esto. AWeber ofrece plantillas de correo electrónico personalizadas y diseños de páginas de destino. Los diseños personalizados completos cuestan $ 229, o la modificación de una plantilla existente cuesta $ 29. Haga clic aquí para obtener más información sobre nuestros servicios de diseño personalizado..



Source link

WP Twitter Auto Publish Powered By : XYZScripts.com