Volver al menú principal

Emailing

Encuesta: El uso del modo oscuro en los emails

Analiza los resultados de la encuesta sobre los retos de diseño y desarrollo de emails en modo oscuro, y descubre nuestras soluciones.

Hermes está pintando sobre lienzo

¿Pensar en posibles problemas con el correo electrónico en modo oscuro te provoca pesadillas? O, por el contrario, ¿ha superado tu equipo el miedo a la oscuridad de los emails? Los resultados de nuestra nueva encuesta sobre el modo oscuro revelan lo que les quita el sueño a los profesionales del email marketing.

El aumento de la popularidad del modo oscuro ha creado interesantes retos para muchos diseñadores y desarrolladores. No obstante, en el mundo del correo electrónico, los retos del modo oscuro pueden ser todavía más desconcertantes.

Nos interesaba saber si los equipos tienen presente el modo oscuro o lo ignoran a la hora de diseñar y desarrollar campañas de email marketing. Si tomamos los aspectos básicos del correo electrónico en modo oscuro, ¿cuáles son los problemas que causan más frustración?

Pathwire se ha aliado con  Ascend2 en la creación de una encuesta para el sector: Email After Dark. En la infografía que aparece a continuación se pueden ver algunos de los resultados más destacados.

Principales conclusiones de Email After Dark

Los resultados de la encuesta sobre modo oscuro

Echemos un vistazo más de cerca a lo que revela la encuesta Email After Dark sobre el estado del modo oscuro y el email marketing. Hablamos con Megan Boshuyzen, desarrolladora sénior de email de Pathwire, y François Sahli, diseñador gráfico sénior, para pedirles su opinión y algunos consejos.

¿Tienes en cuenta el modo oscuro?

Si bien solo el 11% de los profesionales de marketing que participaron en nuestra encuesta afirmaron tener en cuenta siempre el modo oscuro, este dato no refleja una imagen exacta del grado de adopción de dicha práctica. También descubrimos que solamente el 28% de los encuestados dijo no tener intención de abordar el modo oscuro.

Esto significa que el 72% de los profesionales de marketing encuestados se preocupa por los correos electrónicos en modo oscuro, y el 44% ha diseñado correos electrónicos para el modo oscuro al menos en alguna ocasión. ¿Qué quiere decir esto? Por un lado, que puede que estén creando/utilizando plantillas compatibles con el modo oscuro; por otro, que quizá estén creando emails diferentes para quienes prefieran el modo claro u oscuro.

"La encuesta revela que el modo oscuro es algo más que una tendencia", dice la desarrolladora Megan Boshuyzen. "Los emails en modo oscuro no van a desaparecer".

Los datos arrojados por Google Trends no hacen sino reafirmar la afirmación de Boshuyzen. Echa un vistazo al gráfico que muestra el interés en el correo electrónico en modo oscuro en los últimos cinco años.

La encuesta Email After Dark también desveló que las pequeñas empresas tendían a no considerar tanto el modo oscuro como los profesionales de marketing de organizaciones más grandes.

Un experto en marketing de una pequeña empresa tiene que desempeñar múltiples funciones y responsabilidades, lo que le dificulta asumir el trabajo extra que supone diseñar un email en modo oscuro. Además, es menos probable que las pequeñas empresas cuenten con un desarrollador de correo electrónico especializado.

El mejor consejo para estos profesionales de marketing es usar plantillas de correo electrónico que funcionen tanto para modo claro como para oscuro.

Los principales retos de los emails en modo oscuro

Nuestra encuesta extrajo algunos desafíos comunes a empresas de todos los tamaños y a profesionales de marketing que se dirigen tanto a un público B2C como a uno B2B.

Optimización de logotipos e imágenes para el modo oscuro

Uno de los tres primeros retos, independientemente del tamaño de la empresa o del destinatario, es conseguir que los logotipos y las imágenes aparezcan correctamente en modo oscuro.

El consejo típico para los logotipos y gráficos es utilizar imágenes en formato PNG con fondos transparentes. De este modo, evitas tener un logo antiestético rodeado de un cuadro blanco en modo oscuro. Sin embargo, el remedio puede ser peor que la enfermedad; si hay partes de tu logotipo que son negras, estas podrían desaparecer sobre un fondo más oscuro.

Una solución rápida que a menudo se recomienda es añadir un brillo o colocar sombras en el logotipo. Sin embargo, diseñadores gráficos como François Sahli se muestran reacios a aplicar esa solución, pues les parece poco profesional. Muchas directrices de marca prohíben terminantemente añadir brillo y sombras a los logotipos.

No se puede añadir brillos o sombras a la hora de diseñar un logotipo. Es un tema algo delicado.

François Sahli Diseñador gráfico de Pathwire

Por este motivo, François y Megan sugieren alternativas:

  1. Colocar el logo en un gráfico de encabezado que utilice un color de la marca y no cambie en modo oscuro. Deberás asegurarte de que el encabezado y el logotipo brinden una experiencia móvil aceptable, teniendo en cuenta que el logo podría verse muy pequeño en un dispositivo móvil.

  2. Usar la CSS @media (prefers-color-scheme) y aplicar clases que muestren u oculten el logotipo deseado. No olvides que la media query prefers-color-scheme no es compatible con Gmail y ciertas versiones de Outlook.

  3. Colocar el logotipo en un gradiente que se mezcle gradualmente con el fondo del email. Ten presente que el uso de un degradado con un logotipo puede no funcionar con todos los diseños de correo electrónico o no seguir las directrices de estilo de tu marca.

Optimización del lenguaje de programación para el modo oscuro

En general,  los problemas de programación relacionados con los correos electrónicos en modo oscuro ocuparon el segundo lugar entre los retos más citados de la encuesta. Sin embargo, solo se encuentran en los tres primeros puestos de las organizaciones del mercado medio. Las empresas más pequeñas son menos propensas a optimizar el código del correo electrónico, y es posible que las organizaciones grandes tengan ya una solución para el modo oscuro.

Si tu equipo de marketing tiene desarrolladores de correo electrónico trabajando en las campañas, hay formas de ajustar la programación y crear una mejor experiencia para el suscriptor. Nos referimos sobre todo al uso de la media query (prefers-color-scheme)  para modificar una experiencia en función de si la bandeja de entrada está configurada en modo oscuro o claro.

Desafortunadamente, dicha CSS no es compatible con algunos clientes de correo electrónico importantes como Gmail. Cuando escribimos este artículo, solo funcionaba en aquellos que utilizan WebKit como motor de renderizado de correo electrónico.

Megan Boshuyzen afirma que los desarrolladores de correo electrónico deben esforzarse siempre por ofrecer una experiencia ideal a los usuarios. A pesar de la falta de compatibilidad, los usuarios que consulten sus emails en dispositivos Apple no tendrán problemas a la hora de usar la media query (prefers-color-scheme). Por lo tanto, vale la pena dedicar tiempo a programar.

También hay algunas correcciones específicas de programación de modo oscuro para Gmail y Outlook que ayudan a optimizar la experiencia de la bandeja de entrada para otros suscriptores. Sin embargo, François y Megan nos recuerdan la importancia de saber cuándo enviar.

Dado que no existe un ajuste de píxeles perfecto para emails, el objetivo debe ser ofrecer la mejor experiencia posible a los suscriptores.

Megan Boshuyzen Desarrolladora de emails de Pathwire

François señala que es muy poco probable que tus suscriptores comparen el diseño de tus emails en diferentes bandejas de entrada. Intenta ser lo más uniforme posible, pero no dediques demasiado tiempo a nimiedades.

"Tampoco se va a acabar el mundo si hay pequeñas discrepancias en el modo oscuro", añade. "No te obsesiones demasiado, a menos que sea un elemento muy importante del correo electrónico".

Permanecer fieles al diseño de tu marca

La experiencia de marca en los emails en modo oscuro también ocupa los primeros puestos de la encuesta. Un tercio de los participantes consideran que es un problema, y ese porcentaje es el mismo para empresas de todos los tamaños.

Puesto que algunos clientes de correo electrónico invierten los colores de un mensaje, puede parecer que la experiencia de marca en modo oscuro no te atañe. Precisamente esa podría ser la razón por la que nuestra encuesta halló que el 31% de los profesionales de marketing consideran la inversión automática de los colores como uno de los mayores desafíos del modo oscuro.

Algunos clientes de correo electrónico invierten todos los colores de un mensaje, mientras que otros solo hacen una inversión parcial (normalmente del fondo y el texto). En el caso de la inversión completa, puede que obtengas algunas combinaciones de colores curiosas, pero que no tienen nada que ver con la imagen de la marca.

François aconseja a los profesionales del email marketing que apuesten por diseños lo más sencillos posible. De este modo, tendrán menos problemas de inversión de colores.

"Si los elementos CSS de un email utilizan mayoritariamente el negro, el blanco y los colores neutros, puedes añadir los colores de tu marca en elementos como logotipos, ilustraciones e iconos", explica el experto. "Dichos elementos no presentarían inversión, por lo que se alinearían más con tu marca".

Observa cómo utiliza Nike un diseño sencillo en blanco y negro para crear experiencias de email óptimas en modo claro y oscuro.

François añade que hay un elemento de tus emails al que vale la pena prestar mucha atención: las CTA. Estos botones suelen estar codificados con un color específico de la marca que podría no funcionar bien si se invierte.

Dado que el modo oscuro es algo más que una tendencia pasajera, tanto Megan como François coinciden en que sería inteligente empezar a incluirlo en las guías de estilo de las marcas y en los sistemas de diseño. Si te estás replanteando los colores de la marca o definiendo una nueva, dale al modo oscuro el protagonismo que se merece. Así, no solo optimizarás tus mensajes, sino también el desarrollo de las páginas web y la interfaz de usuario en modo oscuro cuando desarrolles una aplicación.

¿Por qué merece la pena comprobar los emails en modo oscuro?

La encuesta Email After Dark reveló que el 36% de los profesionales de marketing siempre comprueban sus emails en modo oscuro o previsualizándolos antes de enviarlos. Esta cifra representa más del triple del 11% que afirma crear plantillas específicamente para el modo oscuro.

Entre los que admiten diseñar para el modo oscuro ocasionalmente, el 62 % dice que siempre comprueba/previsualiza sus correos electrónicos. Hacer pruebas antes de lanzar una campaña de email marketing es como ver el futuro, además de la mejor manera de detectar problemas en modo oscuro antes de que sea demasiado tarde.

Hay dos maneras de probar tus mensajes en modo oscuro:

  1. Envía el email a varios dispositivos y bandejas de entrada y visualízalo en modo oscuro.

  2. Utiliza una plataforma de comprobación de emails de última generación para poder previsualizar tus correos electrónicos en los principales clientes y dispositivos. 

Las pruebas manuales pueden llevar mucho tiempo y no ser del todo eficaces. Por lo general, se llevan a cabo buscando gente en la empresa con un determinado modelo de teléfono y que puedan acceder a un proveedor de servicios de correo electrónico específico. Además, es necesario pedirles que activen la configuración de modo oscuro.

Email on Acid by Pathwire es una plataforma de preparación de correo electrónico impulsada por IA que te ofrece una previsualización precisa de los principales clientes de correo electrónico, además de funciones como vista previa en modo oscuro, que te ayudan a detectar problemas de diseño e inversión de colores antes de que tus suscriptores los vean.

Los desafíos del modo oscuro podrían dificultar la interacción de un segmento de tu lista con tus mensajes. Si no son capaces de leer el texto o ver una CTA, no podrán responder, de ahí que el 28% de los encuestados considera que una menor interacción representa otro reto más. Hacer pruebas de correo electrónico en modo oscuro  puede ayudarte a evitarlo.

6 consejos rápidos para emails en modo oscuro

Aquí tienes un resumen de los consejos de Megan y François para desarrolladores y diseñadores de correo electrónico:

  1. No ignores el modo oscuro: es probable que una parte considerable de tu lista vea los emails de esta manera, sin olvidar que podrías darle ventaja a la competencia.

  2. Usa plantillas compatibles con el modo oscuro: este consejo está más dirigido a profesionales de marketing sin experiencia en programación que utilicen un editor de arrastrar y soltar.

  3. Encuentra la manera de modificar un logotipo en modo oscuro adecuada para tu marca, desde sacrificar brillos hasta optar por una solución creativa en modo oscuro para tu imagen.

  4. Implementa la media query (prefers-color-scheme): optimizarás la experiencia de correo electrónico en modo oscuro para muchos suscriptores.

  5. Apuesta por diseños sencillos: evitarás inversiones de colores poco acertadas que se alejen de tu marca.

  6. Incluye el modo oscuro en las directrices de tu marca: desarrolla un plan de acción para abordar los desafíos del correo electrónico en modo oscuro y define qué aspecto quieres que adopte el modo oscuro en tu marca. Por ejemplo, puedes incluir un catálogo de elementos de email que funcionen en dicho modo.

Los resultados de la encuesta anticipan un aumento del interés por el modo oscuro entre los profesionales del email marketing.  Email After Dark revela que el 28% de los encuestados se plantea comenzar a diseñar y desarrollar emails específicamente para el modo oscuro. No te quedes en el lado oscuro de la fuerza y empieza a pensar en cómo puedes abordar estos retos y, al mismo tiempo, comprueba tus correos electrónicos en modo oscuro.

¿Quieres estar a la última en tendencias de email marketing? Apúntate a nuestra newsletter y recibe nuestros contenidos en tu bandeja de entrada cada dos semanas.

Puestos populares

God watching woman with computer wires

Email best practices

6 min

What is an SMTP relay and why do we use it?

Leer más

Hermes and two goddesses hang up some spheres in front of a painter

Marketing

17 min

Big Data: What is it and how does it work?

Leer más

Hermes sitting on books while reading

Email best practices

Leer más

Nunca ha sido tan fácil conectar con tu audiencia. Empieza a enviar emails con Mailjet hoy mismo.Empieza tu camino
CTA icon