Lo que todo profesional del marketing debe saber sobre el diseño del correo electrónico

Publicado: 2022-06-29

Esta es la verdad: no existe un gran secreto para crear un diseño de correo electrónico ganador.

Un gran correo electrónico es como una sinfonía. Docenas de piezas funcionan juntas, algunas detrás de escena, otras visibles, para crear una experiencia impresionante y funcional.

Su diseño también puede tener un impacto directo en sus resultados.

Un tercio de las personas dice que el mal diseño es su mayor queja por correo electrónico. Mientras tanto, el 66% de las personas dice que encontrarse con problemas como correos electrónicos mal diseñados, contenido genérico o correos electrónicos que no están optimizados para dispositivos móviles les impedirá gastar dinero en una marca.

Volvamos a lo básico. En esta publicación, repasaremos las mejores prácticas y tendencias de diseño de correo electrónico para 2020 para que pueda sorprender a sus suscriptores y aumentar las conversiones.

13 mejores prácticas de diseño de correo electrónico para impresionar a sus suscriptores en 2020

Los diseños de correo electrónico pueden ser complicados, por lo que dividimos las cosas en consejos digeribles (con ejemplos).

1. El móvil es imprescindible

Alrededor del 54% de todos los correos electrónicos se abren en dispositivos móviles, pero los diferentes grupos de edad tienen hábitos únicos.

estadísticas de dispositivos móviles

Fuente: DMA

Como puede ver, las personas menores de 35 años tienden a abrir correos electrónicos en sus teléfonos inteligentes, mientras que las personas mayores de 55 años prefieren las computadoras portátiles y de escritorio.

Incluso entonces, las personas a menudo abren el mismo correo electrónico varias veces en diferentes dispositivos. Por ejemplo, una amplia mayoría en todos los grupos de edad no hace clic en la llamada a la acción (CTA) para completar una compra. Esperan hasta estar en un escritorio o navegan directamente al sitio web de la marca.

ejemplo de estadísticas

Fuente: DMA

Para crear una experiencia perfecta, deberá decidir si desea crear correos electrónicos compatibles con dispositivos móviles o correos electrónicos receptivos.

Es importante saber la diferencia entre los dos:

  • Los correos electrónicos optimizados para dispositivos móviles tienen el mismo aspecto en todos los dispositivos, pero dependen de funciones como diseños de una sola columna.

  • Los correos electrónicos receptivos son dinámicos: el diseño cambia según el lugar donde un suscriptor abre el correo electrónico

2. Priorizar la accesibilidad del diseño del correo electrónico

Aproximadamente 12 millones de personas mayores de 40 años en los EE. UU. sufren algún tipo de discapacidad visual. Mientras tanto, el 8% de los hombres y la mitad de las mujeres sufren de daltonismo o deficiencia de color.

Es importante que sus diseños sean accesibles para todos. Considere estos consejos:

  • Evite imágenes intermitentes para personas con epilepsia

  • Segmente su lista de suscriptores según la edad y diseñe correos electrónicos únicos para grupos de edad mayores de 40 y mayores de 65 años.

  • Use texto grande y mucho espacio entre cada línea

  • Evite el vocabulario complicado y las oraciones largas.

3. No descuides las líneas de asunto y el texto de vista previa

Las personas tienden a considerar las líneas de asunto y el texto de vista previa como parte de su copia, pero estos dos elementos también juegan un papel importante en el diseño.

Por ejemplo, las pantallas de los móviles cortarán la línea de asunto después de 30 o 35 caracteres.

La mayoría de los proveedores de servicios de correo electrónico también le permiten escribir su propio texto de vista previa, así que no lo descuide. De lo contrario, los suscriptores solo verán la primera o las dos primeras oraciones de su correo electrónico en sus notificaciones automáticas.

Estos son algunos ejemplos destacados de texto de vista previa. Observe también la línea de asunto altamente personalizada y procesable de Google AdSense.

ejemplos resaltados de texto de vista previa

Fuente: Gmail

4. Use un "flujo" continuo en el diseño de su correo electrónico

Volviendo a la clase de fotografía de la escuela secundaria, piense en algunas estrategias básicas de composición. Cree un diseño de correo electrónico que guíe los ojos de su destinatario por la página hasta la CTA a medida que se desplazan.

Tienes dos opciones principales aquí:

1. Pirámide invertida

2. forma de Z

UNICEF logró usar ambos estilos de manera efectiva en este correo electrónico.

ejemplo de correo gmail

Fuente: Gmail

5. Recuerda los colores y la marca

El truco aquí es combinar los colores de tu marca con toques de colores brillantes que contrasten.

Las grandes marcas planifican con mucha anticipación qué colores usarán en el material de marketing para las festividades de temporada, los botones de CTA y las salpicaduras únicas.

Considere la psicología del color aquí. El rosa brillante o el neón pueden funcionar bien para transmitir urgencia durante una venta, pero los azules o verdes apagados son mejores para crear un ambiente tranquilo con boletines informativos, por ejemplo.

Mire a UNICEF otra vez. Si bien por lo general se adhieren al "azul de EE. UU." que usan todas las agencias de la ONU, también tienen una paleta ampliada con colores brillantes para llamar la atención.

paleta de colores unicef

Fuente: UNICEF

Nuevamente: no olvide considerar la accesibilidad para personas con discapacidades visuales o deficiencias de color.

6. Elige imágenes relevantes

Las imágenes importan en muchos niveles. Los gráficos que elija pueden ayudar a llamar la atención, explicar su mensaje y relacionarse con los destinatarios.

Evite incluir imágenes solo porque sí. Los expertos en diseño de Nielsen Norman descubrieron que los suscriptores de correo electrónico se confunden o se frustran cuando las marcas y las organizaciones incluyen imágenes aleatorias, incluso las de alta calidad.

En su lugar, elija imágenes que se relacionen directamente con su producto o el concepto que está tratando de transmitir en su mensaje, como lo hizo Penn LPS Online a continuación.

Ejemplo en línea de Penn LPS

Fuente: Gmail

7. Llama la atención con GIF

Los videos son excelentes para aumentar la participación en los correos electrónicos, pero desafortunadamente, la mayoría de los clientes de correo electrónico no admiten las capacidades de reproducción integradas. Los GIF ofrecen una alternativa perfecta al video.

Los GIF facilitan la explicación de temas complejos e incluso pueden aumentar su ROI en un 109 %.

Cuando cree archivos GIF, asegúrese de que no reduzcan la velocidad de su correo electrónico; esto no es ideal para lectores móviles. Además, tenga en cuenta que es posible que los clientes de correo electrónico de la vieja escuela no admitan GIF.

DavidsTea usó un GIF efectivo para explicar cómo funciona su botella.

Ejemplo de gif de té de David

Fuente: Muy buenos correos electrónicos

8. Considere un diseño de correo electrónico dinámico

No tiene que enviar el mismo diseño de correo electrónico a todos. De hecho, es mejor si no lo hace. El 67% de las personas espera que las marcas ofrezcan contenido personalizado y el 42% se molesta cuando el contenido no está personalizado.

Afortunadamente, los clientes de correo electrónico como Emma te permiten enviar correos electrónicos dinámicos que son únicos para cada suscriptor.

El contenido dinámico toma los datos que ha recopilado sobre sus suscriptores y los utiliza para enviar campañas hiperpersonalizadas. Por ejemplo, si su suscriptor tiende a abrir correos electrónicos en Gmail para Android y responde mejor a los botones azules de CTA, obtendrá campañas codificadas especialmente para ellos.

En el back-end, solo tiene que diseñar un correo electrónico. La inteligencia artificial (IA) toma el control del desafiante trabajo.

Aquí hay una instantánea de cómo se ve el contenido dinámico.

ejemplo de contenido dinámico en emma

Fuente: Emma

9. El espacio en blanco es tu amigo

Grandes bloques de texto tienden a asustar a los lectores.

Use espacios en blanco para dividir su copia y ayudar a guiar a los lectores por el correo electrónico.

Los espacios en blanco no solo hacen que los correos electrónicos sean más fáciles de leer, sino que compensan la idea de que las personas escanean el contenido (en lugar de leer cada palabra).

10. Use un botón CTA en el que se pueda hacer clic

Puede ser difícil hacer clic en los hipervínculos en las pantallas de los dispositivos móviles, especialmente si el texto es pequeño o los enlaces están demasiado juntos.

En su lugar, diseñe un diseño de correo electrónico con un CTA claro y un botón grande y brillante.

Nielsen Norman Group descubrió que los colores contrastantes también son importantes. Tu botón CTA no debe pasar desapercibido.

También señalan que la copia del botón CTA es importante. "Comenzar" es demasiado ambiguo y, a menudo, parece engañoso para los lectores. En su lugar, elija palabras claras y procesables como "RSVP ahora" o "Compre aquí".

American Enterprise Institute ofrece dos CTA claros, por lo que no hay dudas sobre lo que hay detrás del enlace.

American Enterprise Institute dos claros ejemplos de CTA

Fuente: Gmail

11. Incluye contenido interactivo

El contenido interactivo es útil porque permite a los suscriptores hacer clic sin salir del correo electrónico, lo que aumenta la participación.

Puede usar contenido interactivo para reseñas, juegos, cuestionarios y más.

Este es un ejemplo de un cuestionario interactivo de GoDaddy. A medida que hace clic en las respuestas, lo lleva a través de diferentes preguntas.

ejemplo de prueba interactiva de GoDaddyCaptura de pantalla de una publicación en las redes sociales Descripción generada automáticamente

Fuente: Muy buenos correos electrónicos

12. No te olvides de las páginas de destino

Muchos especialistas en marketing se olvidan de optimizar sus páginas de destino con el mismo diseño y diseño que sus correos electrónicos.

Los suscriptores esperan una experiencia fluida una vez que hacen clic en cualquier botón de CTA o enlace en sus correos electrónicos. Si puede, aproveche las páginas móviles aceleradas que se abren a la velocidad del rayo.

No olvides usar la misma voz, tono y colores que usaste en el diseño del correo electrónico. Es igualmente importante asegurarse de que el contenido de sus páginas de destino esté a la altura de las expectativas del botón o enlace.

En otras palabras, evite el clickbait y explique claramente qué hay al otro lado del enlace para generar confianza.

UNICEF tenía una página de destino compatible con dispositivos móviles lista para usar detrás de su correo electrónico de donación navideña.

Ejemplo de página de destino móvil de UNICEF

Fuente: Gmail

13. Ejecute muchas pruebas de diseño de correo electrónico

Finalmente, la única forma de garantizar que su diseño se vea perfecto para cada suscriptor es realizar pruebas.

Emma le permite realizar pruebas para diferentes clientes de correo electrónico a medida que diseña su diseño para que nunca tenga que adivinar.

A continuación, querrá ejecutar pruebas A/B para ver qué tipos de diseños funcionan mejor en diferentes segmentos de su audiencia. Lo que aprendas puede sorprenderte.

Envolver

El diseño del correo electrónico involucra varias partes móviles, a veces incluso literalmente. Para la mejor experiencia, recuerda:

  • Priorizar la experiencia móvil y la accesibilidad

  • Haz que tus llamadas a la acción sean claras y visibles

  • Cree un flujo y una experiencia fluidos (incluidas sus páginas de destino)

  • Ejecute pruebas para diferentes clientes de correo electrónico y preferencias de suscriptor

¿Quieres mejorar tus correos electrónicos? Obtenga más información sobre el contenido dinámico de Emma y haga que sus correos electrónicos sean tan únicos como sus suscriptores.