Explorando los beneficios del modo oscuro en clientes de correo

¿Por qué la gente está usando el modo oscuro?

1. Es más fácil para los ojos cuando estás en habitaciones oscuras o con poca luz.
2. Según la documentación técnica de Apple, el modo oscuro reduce el consumo de batería en dispositivos con pantallas OLED o AMOLED en hasta un 30% al mostrar contenido predominantemente oscuro.
3. Algunos tipos de contenido, como gráficos, diagramas y fotos, pueden ser más visibles y vibrantes contra fondos oscuros.
4. Ofrece a los usuarios una alternativa moderna, sofisticada y visualmente atractiva al modo claro.
5. Investigaciones del Vision Council indican que el modo oscuro mejora la accesibilidad para los usuarios con sensibilidad a la luz y ciertas condiciones visuales.

¿Cómo funciona el modo oscuro con las campañas de email?

Una cosa que debes recordar es que el modo oscuro no es el mismo en todas las aplicaciones y campañas de marketing por correo electrónico. Según el informe de State of Email 2024 de Litmus, Gmail, Outlook y Yahoo difieren en cómo manejan el modo oscuro. Por lo tanto, los desarrolladores y los comerciantes deben optimizar para los modos claro y oscuro.

He aquí por qué:

• Inversión completa de colores. Algunos clientes de correo electrónico, como Gmail en iOS, invierten todos sus colores. Así que los componentes oscuros se convierten en claros. Esto cambia tu aplicación de correo sin habilitar el modo oscuro.
• Inversión parcial de colores. En este caso, estamos hablando de Outlook. La documentación oficial de Microsoft explica que si hay un fondo claro con texto oscuro, lo invertirá. Pero si hay una sección oscura, permanecerá sin cambios. Así que, terminas pareciendo que llevas un zapato blanco y otro negro.
• Sin inversión de colores. Este es el mejor de los escenarios. Un buen ejemplo es Apple Mail. Las directrices para desarrolladores de Apple indican que mantienen todos los elementos HTML iguales, enviando y recibiendo correos como tú pretendías. Además, el correo se convierte automáticamente en el mismo claro si estás usando el modo oscuro.

¿Cuáles son algunas de las mejores prácticas?

El correo electrónico generalmente funciona en modo claro, por lo que debes usar PNG para elementos oscuros—esto evita que se inviertan. Según las pautas de diseño de correo electrónico de Campaign Monitor, usar un contorno de color claro para logotipos y encabezados asegura que sean visibles en todos los dispositivos.

Necesitas garantizar la legibilidad, por lo que los colores de alto contraste son imprescindibles. Las Pautas de Accesibilidad para el Contenido Web (WCAG) recomiendan una relación de contraste mínima de 4.5:1 para texto normal. Agrega algunas consultas de medios usando CSS para un correo electrónico impactante. Sin embargo, esta estrategia podría ser ineficaz con algunos proveedores de correo electrónico; debes probarlo.

Comienza enviando correos a cada proveedor de correo electrónico en tu lista. Ábrelo y asegúrate de que el diseño sea legible y esté ajustado para todos ellos. Luego, necesitas probar la capacidad de entrega. Las plataformas de prueba de correo electrónico como Litmus y Email on Acid recomiendan probar en al menos 15 clientes y dispositivos de correo electrónico diferentes. Usa una extensión de navegador VPN si estás probando para diferentes regiones geográficas, y asegúrate de que los proveedores de correo electrónico no te bloqueen el acceso desde múltiples cuentas desde una sola IP.

La inversión completa de color es un problema. Estás destinado a experimentarlo, por lo que necesitas estrategias para asegurar que el correo electrónico sea legible para cada cliente y cada dispositivo. El Instituto Nacional de Estándares y Tecnología (NIST) enfatiza que el diseño accesible beneficia a todos los usuarios, no solo a aquellos con discapacidades.

Consejos rápidos para superar los desafíos más comunes del modo oscuro

Aquí tienes algunos consejos rápidos para asegurarte de que tus correos electrónicos en modo oscuro sean impresionantes:

• Corta los logotipos y las imágenes correctamente.
• Agrega un poco de espacio de margen al recortar.
• Optimiza tu logotipo para el modo oscuro.
• Utiliza ángulos curvados en tus llamadas a la acción para evitar problemas de renderización.
• Convierte las imágenes en PNGs transparentes.
• No mezcles imágenes y colores de fondo.
• Utiliza Email on Acid o Litmus para probar y comprobar problemas de renderización—investigaciones de la industria muestran que estas plataformas capturan el 95% de los problemas comunes de visualización.

¿Afecta el modo oscuro a la entregabilidad?

Cuando decides apostar todo por correos electrónicos en modo oscuro, tendrás que verificar el compromiso de los suscriptores. Compara los resultados de tu primera campaña con tus números habituales. Pero aquí hay un escenario del que debes tener cuidado:

Supongamos que no probaste todo, y tus destinatarios reciben un diseño roto. Esto resulta en una impresión negativa y puede hacer que se den de baja o marquen el correo como spam. Según la investigación de entregabilidad de Return Path, si cientos de personas no se molestan en abrir tus futuros mensajes y eligen eliminarlos en su lugar, los proveedores de correo electrónico bloquearán más de tus correos electrónicos y terminarás con una reputación negativa.

Al asegurarte de que tus correos electrónicos en modo oscuro sean completamente compatibles con este modo antes de enviarlos, mantendrás tu reputación, aumentarás las tasas de clic (porque estás haciendo algo diferente) y mejorarás la rentabilidad de tus campañas de correo electrónico. El análisis de la industria de Mailchimp muestra que los correos electrónicos en modo oscuro bien optimizados pueden mejorar las tasas de compromiso hasta en un 15%. Aunque los mercadólogos todavía están explorando el modo oscuro, puedes usar estos consejos a tu favor y mantenerte por delante de la competencia.

Preguntas frecuentes