Tendencias de diseño de correo electrónico realmente buenas: grabación de seminarios web + preguntas y respuestas

Sus suscriptores son bombardeados con miles de mensajes a través de varios canales y es más difícil que nunca hacer que su marca se destaque. ¿Una forma de cortar el ruido? Impresionarlos con un diseño de correo electrónico realmente bueno .

En este seminario web, analizamos las tendencias de diseño de correo electrónico a lo largo de los años. ¿Cómo se veía el correo electrónico a principios de la década de 2000? ¿Qué tendencias se unieron al círculo de ganadores en 2019? ¿Y qué será enorme en 2020, o incluso en 2030? El equipo de Really Good Emails se unió a nosotros para un viaje por el camino de la memoria del diseño de correo electrónico y nos ayudó a hacer predicciones sobre lo que vendrá después.

¿No tuvo la oportunidad de ver el seminario web en vivo? No te preocupes. Puede acceder a la grabación completa en cualquier momento y leer las preguntas y respuestas a continuación.

Preguntas y respuestas

¡Un gran agradecimiento a todos los que participaron durante el seminario web con una pregunta! Aquí hay un resumen de nuestras respuestas a las preguntas más populares, junto con nuestra opinión sobre algunas de las preguntas a las que no llegamos durante el seminario web en vivo. ¿Tiene alguna pregunta adicional? Déjelos en los comentarios.

¿En qué se diferencian estas tendencias de diseño de correo electrónico entre B2C y B2B?

Mike Nelson : Estas tendencias son consistentes en B2B, B2C y organizaciones sin fines de lucro. El hecho de que esté en una vertical no significa que no pueda utilizar las ideas de diseño de otra. La única vertical que parece tener su propio tipo de sensación son los correos electrónicos del gobierno, que suelen tener mucho texto.

¿Cuál es la mejor manera de usar el espacio en blanco, ahora que el modo oscuro tiende a hacerlo más difícil?

Mike : Parece un poco confuso llamarlo "espacio en blanco" cuando en realidad solo significa espacio en blanco. En ese contexto, no importa si es blanco u oscuro, solo desea dejar algo de espacio para cada elemento.

Lily Worth : Creo que el término espacio en blanco a menudo se considera espacio negativo, lo cual es útil ya que no es específico de color.

¿Algún consejo sobre formas de incluir elementos de diseño visual más reflexivos en correos electrónicos con estilo de texto sin formato?

Jason Rodríguez : Para los correos electrónicos con estilo de texto sin formato, realmente se reduce a la jerarquía, por lo que no es solo una gran cantidad de texto que sus suscriptores probablemente no verán. Si puede crear una capacidad de escaneo mediante la creación de secciones con diferentes encabezados y el uso de diferentes pesos o texto con diferentes estilos para hacer que esos encabezados se destaquen, eso también ayuda.

Mike : A menos que esté escribiendo un artículo extenso y usando el correo electrónico como medio, trate de limitar sus párrafos a solo un par o pocas oraciones. Utilice viñetas donde pueda para resumir ideas. Utilice caracteres especiales como "#################" para crear pausas visuales entre ideas. Tenemos algunos buenos ejemplos de correos electrónicos con estilo de texto y carta en esta colección en RGE .

Lily : Estoy de acuerdo con Jason. El uso de diferentes tamaños y pesos de fuente, y tal vez un par de estilos de fuente diferentes para crear alguna jerarquía, ayudará a que un correo electrónico se pueda escanear y digerir. Ciertamente puede ser creativo con la tipografía; Hay algunos buenos ejemplos de correos electrónicos de solo texto en la parte inferior de nuestra publicación de blog sobre tipografía en negrita .

¿Hay alguna forma de hacer que la animación y los GIF animados sean accesibles?

Lily : Una animación debe desempeñar un papel de apoyo, por lo tanto, el mensaje clave y la llamada a la acción deben existir dentro del contenido escrito . Si una animación contiene información separada e importante, entonces debe estar representada en una etiqueta ALT.

Para la animación en sí, las velocidades de parpadeo del contenido entre 2 Hz y 55 Hz pueden dañar a los usuarios con epilepsia fotosensible. Además, los usuarios con discapacidad visual pueden tener dificultades para leer o revisar el contenido de un GIF antes de que cambie la animación. Asegúrese de que sus GIF animados tengan transiciones suaves o no se animen de un cuadro al siguiente a un ritmo elevado.

Jason : Los GIF son de naturaleza muy decorativa para la mayoría de las campañas. Pero si ese GIF no se carga, si no está allí cuando sus suscriptores abren su correo electrónico, ¿su mensaje aún tiene sentido? Si alguien está usando un lector de pantalla para leer su correo electrónico, ¿podrá entender su mensaje? Como dijo Lily, si el GIF proporciona un valor no repetitivo, asegúrese de poner ese mensaje en una etiqueta ALT para que todos los suscriptores tengan acceso a esa información.

¿Hay alguna herramienta que sugiera para crear animaciones y GIF?

Matt Helbig : Seguimos viendo que las marcas utilizan herramientas como Adobe Photoshop o After Effects. Agregar algunas animaciones CSS o efectos de desplazamiento puede ser una buena manera de agregar movimiento a su correo electrónico con unas pocas líneas de código.

Lily : Para crear las animaciones que presentamos en los correos electrónicos de Litmus, usamos Adobe Animate. Este software nos permite crear animaciones GIF, PNG y HTML5; aquellos que hayan trabajado con Flash en el pasado encontrarán este software familiar.

Whitney Rudeseal Peet : si está buscando implementar PNG animados (APNG) , actualmente no es posible guardar animaciones como APNG con Adobe Photoshop o Adobe Animate. Cuando incluimos APNG en nuestros correos electrónicos, usamos Adobe Animate para crear la animación, pero exportamos cada fotograma como un solo PNG. Para convertir todos esos PNG individuales en un APNG, puede utilizar una herramienta como PNG Animator o esta alternativa gratuita de ezgif.com .

¿Se utilizan ilustraciones personalizadas en las audiencias B2B y B2C, o principalmente B2C?

Mike : Están parejos. Los ejemplos que usamos en el seminario web pueden haber parecido más al estilo del consumidor, pero todos fueron de empresas B2B: Mailchimp (que vende servicios de correo electrónico a otras empresas), HelpScout (que vende tecnología de servicio al cliente a empresas) y Bulb (que vende energía a empresas). .

Jason : Como todo en el correo electrónico, depende de su marca y su audiencia, y de cuál es su objetivo para cada campaña. Entonces, si estás en una de esas industrias donde cosas como las ilustraciones personalizadas pueden percibirse como menos serias, entonces no las uses. Pero tenga en cuenta que también existen oportunidades para revolucionar la industria. Las marcas como Simple o Stripe en la industria financiera adoptan algunas tendencias de diseño más nuevas porque pueden representar conceptos abstractos con mayor claridad y dar un poco de personalidad a sus marcas. Así que nunca digas nunca.

¿Sigue habiendo desafíos con la representación de funciones interactivas en los clientes de correo electrónico?

Whitney : Para muchas empresas, el soporte del proveedor de bandeja de entrada inconsistente y limitado es la razón principal por la que no envían correos electrónicos más interactivos. Desafortunadamente, ese sigue siendo el caso de funciones como los efectos de desplazamiento y los carruseles de imágenes interactivos. Con eso en mente, si aún desea implementar la interactividad, no tiene que temer el apoyo limitado si tiene una alternativa. Para comenzar, consulte nuestra publicación de blog sobre alternativas para el correo electrónico interactivo .

¿Qué pasa con el modo oscuro que proporciona una mejor experiencia de accesibilidad?

Mike : Todavía hay mucha investigación en este espacio. Decir que el "Modo oscuro" es más agradable para los ojos como una afirmación general no es correcto, pero ayuda a algunos y, alternativamente, puede ser peor para otros, como aquellos con astigmatismos graves. Para aquellos que tienen problemas para dormir, se ha demostrado que usar el modo oscuro por las noches es más útil que las pantallas más brillantes, lo que puede afectar sus ritmos circadianos. El modo oscuro también se ve comúnmente como menos distractor y se usa para ayudar a las personas a concentrarse . Pero, si el contraste es demasiado fuerte (fondo negro verdadero y texto blanco verdadero, por ejemplo) , es más difícil de leer para las personas con dislexia. Esto se puede mitigar utilizando un fondo oscuro, pero usando algo como gris oscuro con un color crema para la fuente.

¿Cómo crees que estas tendencias de diseño podrían funcionar con una audiencia de más de 65 años?

Mike : No cubrimos esto específicamente, pero los correos electrónicos que mostramos en el seminario web y que vemos en Really Good Emails están aumentando significativamente el tamaño de fuente en comparación con hace unos pocos años. Esto es algo que adoptan los grupos demográficos de mayor edad. También existe familiaridad con respecto a hacia dónde se dirigen las tendencias con la Bauhaus y el diseño suizo.

Lily : Como sugiere Mike, los estilos retro que se inclinarán a ser populares en 2020 probablemente sean nostálgicos para un grupo demográfico mayor. También es probable que la simplificación sea útil para su audiencia, ya que los correos electrónicos se vuelven aún menos desordenados, lo que hace que el mensaje y la llamada a la acción sean mucho más fáciles de leer y comprender.

Si bien la tipografía es una excelente manera de destacar, es difícil de justificar cuando muchas fuentes no son compatibles con los clientes de correo electrónico. ¿Crees que esto cambiará pronto?

Lily : Desafortunadamente, no es posible saber si se implementará más soporte para las fuentes web, pero ciertamente nos gustaría que eso sucediera. Esta útil herramienta puede ayudarlo a encontrar la alternativa adecuada para usar con su fuente web, mientras tanto.

¿Cómo crees que evolucionará la personalización en lo que respecta a algunas de estas nuevas tendencias?

Matt : Esperamos que más marcas personalicen cada sección de un correo electrónico. Los clientes intercambiarán datos para una mejor experiencia. Los informes fáciles de entender, las ofertas únicas y los reconocimientos hacen que los clientes se sientan VIP. Los especialistas en marketing por correo electrónico deben convertir los datos de los clientes en lo que sea más útil y relevante para los suscriptores.

Además, aquí están todas las colecciones de Really Good Emails para las tendencias que cubrimos en el webinar:

• Ilustraciones personalizadas
• Diseño visual más reflexivo
• Diseños más oscuros
• Colores más atrevidos
• Correos electrónicos animados