Qué hacer y qué no hacer en el diseño de correo electrónico

no hacer

• No utilice una sola imagen para sus correos electrónicos; muchos clientes de correo electrónico no mostrarán imágenes automáticamente.
• No incluya un bloque largo de texto en ninguna parte de su correo electrónico. En su lugar, divide el contenido en secciones concisas.
• No hagas tus correos electrónicos demasiado largos. Algunos clientes de correo electrónico recortan los mensajes largos (Gmail, por ejemplo, recorta los mensajes de más de 102 KB). Los mensajes recortados no solo son malos para el marketing y el reenvío, sino que también pueden violar las reglas CAN-SPAM porque ocultan enlaces para darse de baja.
• No meta todo lo que se le ocurra en sus correos electrónicos; en su lugar, utilice los correos electrónicos como herramientas para motivar clics para obtener más información y compras.
• No utilice un fondo oscuro, estampado o de imagen para su contenido (está bien tener un fondo oscuro detrás de un área de contenido del cuerpo principal más clara, lo que puede hacer que su correo electrónico destaque, aunque no se mostrará en todos los clientes de correo electrónico).
• No haga que su diseño sea demasiado recargado: mantenga sus correos electrónicos simples con resúmenes fáciles de digerir y llamadas a la acción claras.

Consejos de color por correo electrónico

Su elección de color de correo electrónico puede ayudar a que su marca y mensaje se destaquen. Si bien es divertido experimentar con los colores, sus elecciones deben ser estratégicas.

hacer

• Limite la cantidad de colores que usa (puede combinar los colores de su marca y sitio web, o elegir colores específicos para su promoción actual).
• Contrasta el texto oscuro con un fondo claro.
• Rellene los encabezados y pies de página con su color principal, si lo desea, o use líneas de colores para separarlos del contenido del cuerpo principal.
• Use imágenes para agregar colores adicionales a su diseño de correo electrónico.

El rojo y el amarillo en el correo electrónico de Dr. Martens a continuación agregan un agradable toque de color y complementan los elementos en blanco y negro del diseño. La paleta de colores limitada atrae la atención del lector hacia la copia, mientras que un diseño más recargado podría haber desviado la atención de la información más importante.

no hacer

• No use texto de cuerpo en color, manténgalo en negro o gris oscuro.
• No utilice un fondo de color oscuro para su área de contenido principal.
• No use más de dos colores en su diseño (los logotipos e imágenes de varios colores están bien).
• No use colores que choquen o que sean poco atractivos.

Fuentes de correo electrónico y consejos tipográficos

Mantenga la tipografía simple para correos electrónicos legibles que atraigan a los lectores.

hacer

• Use solo una o dos fuentes en su correo electrónico.
• Use fuentes sans serif para el cuerpo del texto; Se pueden usar fuentes sans serif o serif para encabezados y subtítulos.
• Use fuentes simples, fáciles de leer y seguras para la web. Los ejemplos incluyen Open Sans, Helvetica, Courier, Raleway, Droid Serif, Arial, Tahoma, Times New Roman, Georgia y Trebuchet MS.
• Tamaño de las fuentes del cuerpo del texto de 14 a 16 puntos, fuentes de título de 22 a 24 puntos para una mejor legibilidad.
• Use fuentes que se alineen con su marca y mensajes.

Domino's se divierte con las fuentes que usan en este correo electrónico. Pero incluso su texto más estilizado es fácil de leer.

no hacer

• Use fuentes de escritura u otras fuentes elegantes, que pueden ser difíciles de leer.
• Use fuentes personalizadas que pueden no mostrarse correctamente en todos los dispositivos.
• Use fuentes de colores, excepto para los encabezados (el gris oscuro o el negro funcionan mejor para el cuerpo del texto).

Consejos sobre emojis por correo electrónico

El uso de emoji por parte de las marcas ha aumentado un 609 % año tras año en las comunicaciones digitales. Aquí se explica cómo usarlos correctamente.

hacer

• Incorpore emojis para ahorrar espacio y diga más en los asuntos de los correos electrónicos (mantenga sus asuntos por debajo del umbral "mágico" de 49 caracteres).
• Use emojis para que los asuntos de los correos electrónicos se destaquen en las bandejas de entrada de los destinatarios.
• Solo use emojis relevantes que ayuden a transmitir su mensaje y crear emoción.
• Agregue personalidad con emojis en saludos y firmas.
• Use emojis para resaltar ofertas y ofertas especiales en el cuerpo del texto.

El asunto anterior de Tarte Cosmetics, con dos emojis de piña, fue la introducción perfecta a un correo electrónico sobre su nueva paleta de maquillaje con forma de piña:

no hacer

• No abuses de los emojis: deben servir como acentos significativos, no como la mayor parte de tu mensaje.
• No uses emojis confusos. Cíñete a los emojis que son universalmente reconocidos: caras sonrientes, tazas de café, etc.
• No confíes exclusivamente en emojis para hacer puntos clave. Es posible que no se muestren correctamente en todos los clientes de correo electrónico, por lo que deben usarse para reforzar su mensaje.

Sugerencias de imagen de correo electrónico

Las imágenes valen más que mil palabras, pero dentro de los correos electrónicos deben usarse con moderación.

hacer

• Guarde imágenes a 72ppi/dpi y optimícelas para la web para correos electrónicos de carga rápida.
• Use imágenes JPG y PNG en los correos electrónicos. Use GIF con moderación y solo si no son demasiado grandes.
• Escalone imágenes y texto para un diseño limpio y fácil de seguir.
• Utilice imágenes convincentes que generen deseo y cuenten su historia: sus productos en uso, por ejemplo, o clientes satisfechos.
• Utilice el texto alternativo de la imagen para que los lectores puedan leer de qué tratan sus imágenes si sus clientes de correo electrónico no las muestran. Un buen texto alternativo aún motivará los clics.
• Tamaño de imágenes para pantallas retina (dos veces el tamaño de las pantallas normales).

El siguiente correo electrónico de Whosits & Whatsits utiliza imágenes de alta calidad para promocionar su nueva línea de sombreros. Los modelos se muestran en acción, lo que da vida a las fotos.

Este correo electrónico de Whosits & Whatsits utiliza imágenes de alta calidad para promocionar su nueva línea de sombreros. Los modelos se muestran en acción, lo que da vida a las fotos.

no hacer

• No utilice imágenes como todo su correo electrónico, ya que es posible que no se muestren automáticamente en muchos clientes de correo electrónico.
• No use imágenes para los botones de llamada a la acción, ya que es posible que no se muestren.
• No confíe en las imágenes para contar su historia; los clientes de correo electrónico que no procesan imágenes automáticamente lo perderán.
• No utilice imágenes complejas o confusas que puedan alienar a los clientes.
• No aumente el tamaño de la imagen para los correos electrónicos: reduzca siempre el tamaño para obtener imágenes de correo electrónico nítidas y cautivadoras.

Sugerencias de llamada a la acción (CTA) por correo electrónico

Su CTA alimenta el éxito del correo electrónico. Asegúrate de que sea efectivo con estos consejos.

hacer

• Haga que su llamado a la acción sea un botón de color que se destaque del resto del contenido de su correo electrónico.
• Mantenga el texto de su CTA corto y significativo: compre ahora, obtenga más información, lea más, etc. Consulte esta lista de 50 llamados a la acción que venden para obtener más ideas.
• Coloque su primera CTA en la mitad superior de la página y repítala a continuación si es necesario (dos o tres CTA por correo electrónico es una buena regla general).
• Haga que sus botones sean lo suficientemente grandes para que los lectores no los pasen por alto.

Los botones de llamada a la acción de color gris oscuro de Uniqlo se encuentran en la mitad superior de la página y se destacan sobre el fondo claro del correo electrónico:

no hacer

• No sobrecargue su correo electrónico con diferentes llamadas a la acción. En su lugar, concéntrese en llevar a los lectores hacia una sola acción. Si tiene más, envíe más de un correo electrónico.
• No entierres tu llamado a la acción. Desea que su CTA se destaque, llame la atención y haga clic.
• No te desvíes de tu tema. Su CTA debe alinearse con su asunto para que los lectores sepan qué esperar cuando abran su correo electrónico y para cumplir con las regulaciones CAN-SPAM (¡sin engaños!).

Sugerencias para el encabezado y el pie de página del correo electrónico

Logre un aspecto profesional con estos consejos para diseñar encabezados y pies de página de correo electrónico.

hacer

• Incorpore su logotipo o nombre de la empresa en su encabezado para identificar su marca.
• Agregue un texto de avance antes de su encabezado, que aparecerá en la línea de asunto en muchos clientes de correo electrónico y le brindará otra oportunidad para influir en las aperturas.
• Aplique el mismo encabezado y pie de página en todas las campañas para una marca consistente.
• Incluya información de contacto, recursos adicionales como enlaces de redes sociales y enlaces de valor agregado, enlaces para darse de baja y cualquier letra pequeña legal en el pie de página.

En el correo electrónico promocional a continuación, el logotipo de Lucky Brand es lo primero que ve cuando lo abre. El minorista de ropa también incluye siempre enlaces de redes sociales en los pies de página de sus correos electrónicos.

no hacer

• No cree un diseño complejo para su encabezado o pie de página; manténgalo simple para que los lectores puedan llegar al meollo de su correo electrónico.
• No agregue mucha navegación a su encabezado o pie de página. Simplifique tanto como sea posible, para que pueda marcar sus correos electrónicos de manera efectiva sin interferir con su mensaje.
• No incluya demasiado texto en su encabezado o pie de página; nuevamente, la simplicidad es la clave.

Siempre que juegue con el diseño del correo electrónico, recuerde que es una buena práctica asegurarse de que los nuevos elementos de diseño se vean bien en todas las plataformas y navegadores; afortunadamente, el Test Kit de VerticalResponse facilita esa parte. Y, armado con estos consejos, puede diseñar correos electrónicos atractivos que se abran, motiven los clics y aumenten las ventas.