Cómo optimizar los diseños de sus boletines para el modo oscuro

Los correos electrónicos son el salvavidas de una campaña de marketing. Ningún vendedor aceptará lanzar una campaña sin una estrategia de marketing por correo electrónico. Y esto no es porque estén acostumbrados o porque no quieran innovar.

Sino porque sigue el viejo dicho "No arregles algo si no está roto". El marketing por correo electrónico o sus boletines pueden brindarle el ROI más alto que pueda imaginar. Y funciona para consumidores de todos los grupos demográficos, viejos o jóvenes.

El mundo del marketing de boletines ha ido viento en popa desde hace mucho tiempo. Sin embargo, surge un pequeño problema debido a una característica que entró en juego hace 4 años.

Sí, estamos hablando del modo oscuro. Pero, ¿por qué es tan importante ahora? ¿Ha existido por un tiempo ahora? Si compró un teléfono inteligente recientemente, el primer vistazo a su bandeja de entrada de correo electrónico le habría hecho pensar: "¿Por qué el fondo del correo electrónico es negro?"

Las compañías de teléfonos inteligentes ahora han comenzado a hacer que el modo oscuro sea el predeterminado, lo que significa que los números de adopción (que ya son altos) aumentarán más.

Entonces, ahora es el momento de crear una estrategia de diseño para optimizar sus boletines para el modo oscuro. Y eso es exactamente lo que este blog de Kimp te ayudará a lograr.

Pero, antes de eso, un poco de historia y un resumen rápido de todo lo relacionado con el modo oscuro.

La evolución y la creciente popularidad del modo oscuro

El favorito de Internet y nuestro supuesto salvador de la salud en esta época de riqueza digital sigue siendo el chico nuevo del barrio. Incluso TikTok es más antiguo que el modo oscuro y eso es decir algo.

Si quieres un poco de historia sobre lo que comenzó todo el episodio de pasión del Modo oscuro, todo comenzó con una actualización de Apple. Sí, Apple es la razón por la que existe el modo oscuro. Apple lanzó el modo oscuro durante el lanzamiento de la serie 15 de macOS Mojave en septiembre de 2018. Luego, estuvo disponible en Gmail un año después para dispositivos Android e iOS, incluido iOS Mail.

La actualización de Outlook llegó un poco más tarde, en junio de 2019, y su versión 1907 del canal Insider se convirtió en la primera en recibirla. Más tarde lo implementaron para todos los productos en junio de 2020.

Pero, ¿qué es el modo oscuro?

Sabemos que escuchamos mucho el término, pero no todos saben qué es exactamente.

El modo oscuro es mucho más que el espacio en blanco en una pantalla que se vuelve negra. Es esencialmente una función que invierte el color de cualquier diseño o pantalla para oscurecer el fondo y cambiar el color, los elementos de la interfaz de usuario, los íconos y otros diseños en elementos de colores claros.

Así que ya sabes que no se trata de un solo elemento de diseño. Es toda una experiencia en sí misma.

¿Por qué el repentino interés en el modo oscuro por todas partes?

Bueno, el rumor se ha estado acumulando durante algunos años, pero la industria cree que la pandemia de COVID-19 aceleró su crecimiento. ¿Cómo?

Bueno, nuestro tiempo frente a la pantalla siempre fue ridículo, pero cuando el exterior cerró oficialmente, la gente no tuvo más remedio que encontrar consuelo en las experiencias virtuales. Esto significaba pasar mucho tiempo en las pantallas de todos los dispositivos. Eventualmente, esto provocó dolores de cabeza, dolor de espalda y muchas otras molestias.

Si bien la mayoría de los problemas necesitan ajustes a largo plazo, cambiar al modo oscuro ayudó a las personas a evitar la luz brillante de la pantalla, el deslumbramiento y el impacto resultante en los ojos y el sistema nervioso.

Esto también significó que el modo oscuro no era solo para pantallas móviles y extendió su presencia a computadoras de escritorio y otros dispositivos inteligentes como iPads y tabletas también.

¿Por qué optimizar el diseño de los boletines para el modo oscuro?

Sabemos que a los clientes les encanta. Casi el 92 % de los usuarios de Android y más del 80 % de los usuarios de MacOS prefieren el modo oscuro. Y esta debe ser una razón importante para que busque estrategias de optimización para los diseños de sus boletines.

Pero hay más

Incluso si los clientes no buscan activamente el modo oscuro. Como mencionamos, los nuevos teléfonos inteligentes ahora ofrecen productos con este modo como predeterminado. Y muchas de las aplicaciones y clientes de correo electrónico también están a punto de hacer este movimiento.

Entonces, cuando esto se convierte en el valor predeterminado, si sus diseños no son compatibles, corre el riesgo de perder un mensaje impactante.

El modo oscuro no es solo invertir arreglos en blanco y negro. Muchos colores no funcionan igual, algunos íconos no se ven igual y los diseños no optimizados también pueden afectar la legibilidad.

Esta es la razón por la cual una encuesta sobre el modo oscuro nos muestra que el 44 % de los vendedores por correo electrónico están considerando desarrollar una experiencia de usuario más oscura y el 28 % de ellos está buscando introducirla pronto.

No querrás ser el único que ofrece una experiencia insatisfactoria, ¿verdad?

Esto puede resultar en una pérdida de suscriptores, un impacto en el ROI y una gran cantidad de reelaboración cuando ya es demasiado tarde.

Así que comience ahora y manténgase a la vanguardia.

7 formas de optimizar los diseños de sus boletines para el modo oscuro

Ahora que se ha descubierto la razón de la popularidad del modo oscuro, vayamos al problema que nos ocupa. Trabajar con el modo oscuro no es tarea fácil. Muchas de sus pautas de diseño y plantillas tienen que desaparecer o adaptarse.

Pero como empresa, puede ser confuso hacer un seguimiento de todos los cambios que tiene que hacer. Tampoco debes confiar ciegamente en lo que te pueda decir un diseñador.

Así que aquí hay una lista seleccionada de cambios y técnicas de optimización que necesita para asegurarse de que los diseños de sus boletines funcionen bien con el modo oscuro. Con este blog de Kimp, podrá criticar y apreciar los diseños que ofrece su equipo.

Empecemos.

1. Elige el estilo de diseño adecuado

Si está comenzando su viaje de marketing por correo electrónico ahora, entonces tiene una oportunidad de oro en sus manos. Puede modelar el diseño para que sea compatible con el modo oscuro. Por lo general, las marcas que han estado haciendo esto por un tiempo tienen muchas limitaciones, como el estilo de diseño, las imágenes obligatorias o los diseños de marca.

Para que la optimización del modo oscuro sea un éxito, necesita colores, imágenes, íconos y otros elementos para trabajar con él. Pero la buena noticia es que siempre puedes actualizarlos. Si bien el estilo de diseño es un problema.

El estilo de diseño es importante porque decide el diseño, la organización de los elementos y la entrega general del mensaje.

Por lo general, el mejor estilo de diseño para el modo oscuro es el minimalismo debido al abundante espacio en blanco que incorpora. Los diseños se ven grandes y abarrotados contra un fondo más oscuro, pero el estilo de diseño minimalista no obstaculiza la experiencia del usuario.

Por lo tanto, intente adoptar un estilo de diseño minimalista o compatible con el modo oscuro.

Consejo de Kimp: un estilo de diseño minimalista puede no ser la vibra de todas las marcas. Es posible que haya tenido un diseño de boletín informativo retro o basado en arte pop anteriormente. Cambiar es difícil, así que trabaje con un equipo de diseño para ver cómo puede atenuarlo para que funcione en modo oscuro.

Si desea crear un estilo de diseño personalizado que sea exclusivo de su marca y se inspire en los estilos de moda, ¡pruebe Kimp Graphics hoy mismo!

2. Elija contrastes de color según los estándares

El fondo más oscuro es un desafío para todos los diseñadores. Un fondo blanco o de color claro le permite explorar diferentes colores, jugar con contrastes y trabajar en diferentes alineaciones con restricciones mínimas.

Pero el modo oscuro es completamente diferente. El fondo más oscuro hace que sea más difícil distinguir algunos colores y dificulta enormemente la legibilidad. Independientemente de los colores que elija (más sobre esto en la siguiente sección), el contraste juega un papel importante. Esto decide si el diseño del correo electrónico tiene éxito en modo oscuro o no.

Google Material design recomienda que el nivel de contraste entre el fondo y el texto sea como mínimo de 15,8:1. Esto se aplica al texto blanco y al fondo negro, lo que indica que el blanco funciona mejor con fondos gris oscuro.

Sin embargo, la regla general es que ajustar la luminosidad y la saturación de los colores ayuda a la legibilidad. Por lo tanto, piense en el contraste y asegúrese de evitar la vibración visual tanto como sea posible.

Sugerencia de Kimp: los colores pueden ser confusos cuando desea trabajar en modo oscuro. Si desea asegurarse de que su diseñador obtenga el color correcto, obtenga una vista previa y revise el diseño en modo oscuro. No compare los colores del modo claro con los del modo oscuro, ya que es posible que no sea posible lograr coincidencias exactas.

3. Crea una paleta de colores

Creemos que el punto anterior sobre los contrastes le dio una idea de la importancia de elegir el color correcto para sus diseños de modo oscuro. Los colores se ven diferentes según el fondo, especialmente cuando está diseñando para la web.

Los colores en el modo RGB obtienen su matiz en función del porcentaje de cada color (rojo, verde y azul). El porcentaje que debe agregar un diseñador para un fondo negro frente a un fondo blanco variará. Esto significa que sus paletas existentes no funcionarán para el modo oscuro.

Es por eso que recomendamos crear una paleta de colores que funcione mejor para los diseños de sus boletines en modo oscuro. De esta manera, puede mantener la consistencia de la marca y no preocuparse por esto más de una vez.

¿Qué colores funcionan en modo oscuro?

Bueno, como regla general, los colores demasiado saturados chocan con el fondo negro oscuro y lo hacen bastante extenuante para los ojos. Entonces, en lugar de optar por colores llamativos, puede elegir pasteles para un mejor contraste con el fondo oscuro. Dado que también se verán más oscuros, el estilo de diseño no cambia demasiado.

Hablando de fondos, no es necesario elegir solo negro oscuro. También puedes experimentar con el gris oscuro, siempre y cuando los otros colores funcionen con él.

Sugerencia de Kimp : si planea cambiar los colores para hacerlos más adecuados para el modo oscuro, no realice demasiados cambios de inmediato. Pruebe algunos patrones en algunos correos electrónicos transaccionales y de rutina. Analice el impacto en términos de CTR, tiempo de lectura, etc. antes de hacer el cambio.

Además, no olvide que el proceso de inversión de color varía entre los clientes de correo electrónico, así que asegúrese de que su equipo de diseño diseñe para cada plataforma por separado.

Con la suscripción al servicio de diseño ilimitado de Kimp Graphics, experimentar no le cuesta nada extra.

4. Selección de fuente

Cada diseño tiene tres elementos principales: color, fuente e imágenes. Cubrimos el color, así que ahora pasemos a la fuente.

La mayor molestia que tienen los diseñadores con el modo oscuro es que afecta en gran medida la legibilidad. Y el mayor impacto suele estar en el texto. El texto blanco sobre fondos más oscuros hace que la fuente se vea más grande y audaz. Esto da como resultado un diseño de diseño muy discordante y lleno de gente.

Es por eso que recomendamos planificar el modo oscuro en detalle más allá de los cambios habituales que todos hacen.

Por lo tanto, en términos de selección de fuentes, recomendamos elegir un peso de fuente más ligero para que el resultado en el modo oscuro tenga la cantidad justa de negrita. De esta manera, el estilo de diseño general no sufre mucho.

Sugerencia de Kimp: si cree que la versión más clara de la fuente que generalmente usa no funciona para sus diseños de marca, le recomendamos que cree fuentes personalizadas. Sí, de esta manera, puede inspirarse en la fuente anterior pero modificarla para adaptarla a sus expresiones de marca y diseño.

Evite las vibraciones visuales con un cuidadoso diseño en modo oscuro y fuentes personalizadas. ¡Regístrese para obtener una suscripción de Kimp Graphics para obtener esto ahora!

5. Actualice los elementos de diseño para trabajar en modo oscuro

Hemos cubierto el color y la fuente, pero el diseño de un boletín informativo también tiene muchos otros elementos. Y eso incluye iconos, logotipos, marcas, imágenes, etc. Estos también tienen que funcionar bien en modo oscuro para que el diseño sea un éxito.

Ahora, si observa los ejemplos que tenemos a continuación, puede ver cómo los íconos con fondos oscuros se ven muy diferentes en el modo oscuro que en el modo claro. A veces, su logotipo también puede desaparecer cuando el consumidor ve el correo electrónico en modo oscuro. Por lo tanto, su diseño debe tener elementos que funcionen bien con este modo.

¿Cómo haces eso?

• Bueno, para empezar, comience usando archivos png con fondos transparentes para iconos, logotipos, estilo de marca, etc.
• Si el elemento en sí tiene un fondo oscuro o viene en color negro como el logotipo de TikTok, considere agregar un trazo blanco al diseño negro. Esto agrega peso al diseño y lo separa del fondo.
• Algunos diseños de boletines también tienen texto superpuesto en las imágenes de fondo. Si su texto es blanco, entonces el modo oscuro se invertirá a negro. Así que elige una imagen de fondo que no desentone. Si no, considere agregar una capa entre ellos.

Sugerencia de Kimp: si tiene una pequeña empresa que comienza con los diseños de marca, asegúrese de que su equipo de diseño cree activos que funcionen bien en modo oscuro. No quiere decir que no puede tener logotipos negros, pero asegúrese de que le den el archivo png.

¿Sabías? Con Kimp Graphics, tiene la propiedad total de todos los archivos y compartimos los diseños en todos los formatos para que pueda aprovecharlos al máximo.

6. No olvides tus ilustraciones

Vivimos en una época en la que el diseño gráfico se ha alejado de las imágenes de archivo o incluso de las fotografías en los correos electrónicos. Sí, las ilustraciones y los garabatos son las tendencias actuales, y con razón. Muestran la personalidad de su marca de la mejor manera posible y no debe renunciar a ellos a toda costa.

Pero dado que las ilustraciones de la marca vienen con colores preestablecidos, representan un desafío cuando optimiza su boletín informativo para el modo oscuro. Pero no imposible de hacer. Si su marca no puede soportar cambiar el color de las ilustraciones por motivos de marca, un equipo de diseño profesional puede ayudarlo.

Pueden separar el fondo con la ilustración de primer plano y cambiar las capas para que el diseño funcione bien en modo oscuro.

Y si está diseñando nuevas ilustraciones, asegúrese de incluir la compatibilidad con el modo oscuro en su resumen de diseño. Y trabaje con el equipo de diseño para elegir colores pastel y no saturados para la ilustración.

7. Prueba, prueba, hasta la perfección

El último y más importante paso para optimizar los diseños de sus boletines para el modo oscuro es experimentar hasta que lo haga bien. Dado que cada cliente de correo electrónico procesa el correo electrónico en modo oscuro de manera diferente, es prácticamente imposible hacerlo bien la primera vez. Sin mencionar que el color varía según las pantallas y también lo hará la experiencia del usuario.

Pero si te comprometes a probar, analizar y experimentar, estás en el camino correcto.

Verifique el correo electrónico por sí mismo en todos los dispositivos y modos oscuro/claro. Comprenda cómo varía el color, la fuente y la representación de la imagen. Vuelva a la mesa de dibujo oa la reunión del equipo de diseño para trabajar en los problemas.

Diseña newsletters compatibles con el modo oscuro con Kimp

¿Estás orgulloso de tus campañas de newsletter? ¿Te encanta crear contenido para él todos los días? Estamos muy contentos de saber esto y usted debe continuar haciéndolo. No se desanime por los cambios en los estilos o tendencias de diseño.

Kimp está aquí para manejar todo eso por usted. Sí, sabemos que encontrar el estilo de diseño perfecto para el modo oscuro es un proceso largo, pero estamos contigo. Nuestros servicios de diseño ilimitados (Kimp Graphics y Kimp Video) están diseñados especialmente para estos escenarios. Para que puedas experimentar y conseguir el mejor diseño sin preocuparte por el presupuesto.

¡Así que regístrese en nuestras suscripciones hoy y empiece a optimizar!