Desde la década de 2010 hasta la actualidad: tendencias de diseño de correo electrónico que sobrevivieron a la prueba del tiempo
Publicado: 2021-04-01El correo electrónico ha recorrido un largo camino. Fundada por Ray Tomlinson en 1971, lo que comenzó como una forma de comunicarse con colegas que no contestaban sus teléfonos se convirtió en una potencia. El canal de marketing por correo electrónico continúa brindando retornos asombrosamente altos, con un ROI de 36: 1.
Este octubre, el correo electrónico cumple oficialmente 50 años. No podemos evitar sentirnos un poco nostálgicos. Es por eso que hemos decidido echar un vistazo al historial del correo electrónico, desde la década de 2010 hasta ahora.
Le pedimos a los expertos en correo electrónico Lily Worth, nuestra especialista en diseño y producción de correo electrónico, y a Brian Thies, desarrollador de correo electrónico y propietario de Thies Publishing, que indagaran en los archivos y compartieran información sobre su experiencia a lo largo de los años, específicamente con la codificación y el diseño.
Dé un paseo con nosotros por el camino de la memoria mientras revisamos las tendencias de diseño de correo electrónico que sobrevivieron a la década de 2010. En esta publicación, veremos algunas de las tendencias de diseño más icónicas y cómo evolucionaron para mejorar.
El correo electrónico crece en la década de 2010
La década de 1990 a 2000 fue un período de renacimiento para el diseño de correo electrónico. Alrededor de 1991, nació Internet, como lo conocemos ahora. Luego, a fines de la década de 1990, el correo electrónico experimentó un renacimiento con la introducción de HTML en el correo electrónico.
¿Qué pasa con la década de 2010? A pesar de ser la década "más parecida" de todos los tiempos, se produjeron grandes avances con el marketing por correo electrónico.
Durante esta década, muchas cosas despegaron: segmentación, personalización, automatización del correo electrónico, cumplimiento (como GDPR), accesibilidad y mucho más. Esto preparó el escenario para el marketing por correo electrónico tal como lo conocemos hoy.
Aquí hay una breve historia de los hitos del marketing por correo electrónico durante la última década:
- 2009 - Se introducen los correos electrónicos receptivos.
- 2010: los correos electrónicos activados se convierten en la norma, y el 48% de los especialistas en marketing ahora envían correos electrónicos activados.
- 2012 - 90 millones de estadounidenses ahora usan el correo electrónico en un dispositivo móvil.
- 2013: Google introduce pestañas en Gmail.
- 2014: la integración de CSS con HTML introdujo la era de los correos electrónicos interactivos.
- 2014: el contenido dinámico se utiliza para crear experiencias personalizadas con los suscriptores.
- 2014 - Entra en vigor la legislación antispam de Canadá (CASL).
- 2015: la animación CSS dentro del correo electrónico gana popularidad.
- 2016 - La personalización se hace cargo.
- 2016: se adopta el RGPD.
- 2018: Apple presenta el modo oscuro como parte de su decimoquinto lanzamiento del sistema operativo.
¿Qué pasa con la codificación y el diseño?
Tendencias de diseño de correo electrónico que definieron la década de 2010
Para refrescar nuestros recuerdos, le pedimos a Lily que investigara los archivos y compartiera el correo electrónico más antiguo que pudiera encontrar. Echemos un vistazo al primer correo electrónico que diseñó y desarrolló para Experian en 2009:
¿Qué piensa después de volver a visitar este correo electrónico? "Gran cantidad de imágenes en rodajas, fuentes diminutas y sin código de respuesta".
Aquí hay otro de los primeros correos electrónicos de Lily, de un proyecto diferente en Experian:
¿Qué recuerda Lily de este? “Los botones y el extenso texto del preencabezado. Es bueno ver que en ese entonces usábamos texto en vivo la mayor parte del tiempo ".
Para llevar las cosas un poco más allá, le pedimos a nuestra comunidad en Twitter que compartiera la primera campaña de correo electrónico que enviaron (¡gracias #EmailGeeks!). Veamos algunas de las características clave que definieron los correos electrónicos de esta década.
Botones chillones
Antes de los botones a prueba de balas, había botones de todo tipo. Los tratamientos habituales eran el brillo y el buen bisel y relieve .
Primero, echemos un vistazo a algunos ejemplos de botones brillantes.
Aquí hay un ejemplo en correo electrónico, que se remonta a 2014:
Y mira este efecto de bisel y relieve. Irresistible, ¿no crees?
Aunque fue más una característica de los años 90, vimos una combinación de brillo mezclado con la técnica de bisel y relieve en nuestros primeros correos electrónicos, que se muestra en uno de los primeros correos electrónicos de Megan Boshuyzen que diseñó en 2008.
Diseñé esto en Photoshop en 2008, en mi primera pasantía de diseño gráfico. ¡Se envió a un equipo de desarrollo para que lo codificara! pic.twitter.com/OA9xsrXjrF
- Megan Boshuyzen (@megbosh) 10 de marzo de 2021
Sombras paralelas
Parece que en ese entonces éramos grandes admiradores de agregar profundidad a nuestros correos electrónicos de cualquier manera posible. ¿Además de los estilos de botones enumerados anteriormente? Sombras sueltas.
Consulte este correo electrónico de 2010. La tarjeta Starbucks "flotante" y la tarjeta de regalo fueron posibles gracias a las sombras paralelas.
Barras de navegación
El diseño de correo electrónico tiende a seguir de cerca los pasos del diseño web. Mucho de lo que era popular en la web pronto llegaría al correo electrónico.
Aquí hay un ejemplo de una barra de navegación en las primeras campañas de correo electrónico de Paul Airy:
Una de las primeras campañas de correo electrónico que diseñé y desarrollé. pic.twitter.com/euS5FcafnV
- Más allá del sobre (@Paul_Airy) 10 de marzo de 2021
Otro ejemplo de la barra de navegación que se muestra a continuación, de Justine Jordan:
Como dijo Emily Benson, los correos electrónicos tenían la tendencia a verse como "sitios web atrapados en el correo electrónico". ¡No podríamos haberlo dicho mejor!
Cuadros de rótulos
Antes de que los dispositivos móviles se convirtieran en la norma, la atención se centraba principalmente en las computadoras de escritorio. El enfoque parecía ser "obtener todo lo posible en este correo electrónico".
Aunque las barras laterales se usan comúnmente en el correo electrónico hoy en día, en ese entonces, los cuadros de llamada solían aparecer en la barra lateral de los correos electrónicos como una forma de estructurar el contenido.
Algunas de las desventajas de las barras laterales son que agregan desorden visual y pueden ser difíciles de responder. Incluso barras laterales más limpias y bien diseñadas podrían distraer a los suscriptores del objetivo principal de una campaña de correo electrónico.
Marcando el comienzo de una nueva era de marketing por correo electrónico
Muchas tendencias de diseño, tal como las conocemos hoy, se introdujeron en la última década. La introducción del diseño receptivo en 2009, junto con el aumento en el uso del correo electrónico a principios de la década de 2010, fue un catalizador que abrió las puertas que más tarde influirían en gran parte de cómo se crean los correos electrónicos ahora.
A medida que avanzamos a lo largo de la década, la accesibilidad y el diseño inclusivo se convirtieron en una parte más importante de la conversación.
Diseño para dispositivos móviles
Con la creciente popularidad de los dispositivos móviles a principios de la década de 2010, la optimización para dispositivos móviles se convirtió en una necesidad. El diseño escalable, fluido y receptivo se convirtió en enfoques importantes a considerar en el desarrollo del correo electrónico. Según nuestro post de 2015:
El correo electrónico móvil fue apenas un parpadeo en nuestros radares en 2011, y representó solo el 8% de las aperturas de correo electrónico. Avance rápido hasta 2014, y casi la mitad de los correos electrónicos se abren en teléfonos inteligentes y tabletas, un aumento del 500% en cuatro años.
Aquí hay un ejemplo de un correo electrónico que no responde de 2016 (y otro ejemplo de un sitio web atrapado en un correo electrónico):
Colaboración
Cuando le preguntamos a Brian sobre los cambios más importantes que ha visto con el correo electrónico en la última década, habló sobre cómo la mayor demanda de automatización y herramientas transaccionales generó un aumento en la contratación:
“Uno de los mayores cambios fue el crecimiento en la cantidad de correos electrónicos de marketing legítimos (y relevantes) de empresas que buscan establecerse dentro de sus industrias.
Esto incluye el mayor uso de herramientas transaccionales y de automatización para crear una conexión más cercana con sus usuarios y consumidores. Ese aumento ayudó a generar un frenesí de contratación y allanó el camino para la enorme comunidad de marketing por correo electrónico que disfrutamos hoy ".
Brian Thies
Con más gente, viene más colaboración. Con el tiempo, se hizo evidente la necesidad de trabajar de forma más inteligente en colaboración cruzada. Era necesario pensar en el proceso a largo plazo de uso de lo que se estaba codificando, no solo para el desarrollador de correo electrónico, sino también para el equipo cada vez mayor de especialistas en marketing, diseñadores e ingenieros en el "frenesí de la contratación".
Estrategias como bloques de contenido reutilizables, fragmentos, globales y plantillas se convirtieron en una parte habitual de la codificación de correos electrónicos de manera más eficiente.
¿Qué tendencias de diseño de correo electrónico sobrevivieron y evolucionaron?
Echemos un vistazo a las tendencias de diseño que sobrevivieron y evolucionaron en la última década.
Botones, pero mejor
Como se mencionó anteriormente, uno de los aspectos más icónicos del diseño de correo electrónico en la última década fueron esos botones chillones. Y aunque todavía vemos bisel, relieve y brillo, están atenuados y son simples.
Aquí hay un ejemplo actual de un botón con efecto de bisel y relieve:
Una vez que la accesibilidad se convirtió en una parte más importante de la imagen, descubrimos cómo hacer botones a prueba de balas, de modo que nuestras llamadas a la acción no estuvieran contenidas en imágenes que pudieran bloquearse o apagarse.
Uso de imágenes, pero más inteligente
Antes de que supiéramos que los correos electrónicos de solo imagen no eran la mejor manera de producir campañas de correo electrónico, lo estábamos haciendo.
En aquel entonces, un método popular para crear correos electrónicos comenzaría con cortar en Photoshop (#SlicinAndDicin, ¿alguien?), Exportar el HTML y hacerlo funcionar desde allí. Sin embargo, a medida que aprendimos y evolucionamos con el tiempo, descubrimos que no era el mejor método.
En 2012, 90 millones de estadounidenses usaban el correo electrónico en un dispositivo móvil. Con el auge de los dispositivos móviles, descubrimos cómo trabajar de forma más inteligente.
En este ejemplo de McDonald's en 2014, vemos cómo implementaron algunas técnicas de mejores prácticas con texto alternativo y color de fondo, teniendo en cuenta la experiencia del suscriptor. Aquí hay una comparación lado a lado para mostrar imágenes encendidas versus imágenes apagadas.
El tema general: la simplicidad
Si bien vemos todas estas cosas en el correo electrónico hoy en día, son más sutiles y simples de lo que eran en ese entonces. En pocas palabras, Lily explica que el correo electrónico ahora tiene “un diseño mucho más limpio: diseños simplificados con mucho menos desorden y fuentes más grandes. Ahora se considera mejor la legibilidad ".
En general, los correos electrónicos del pasado tenían la tendencia a tener mucho que ver en comparación con los correos electrónicos que vemos hoy. El uso de diseños desordenados (cuadros de llamada y barras de navegación) ha evolucionado hacia otros mucho más simples.
Es bueno recordar
Recordar nuestro pasado puede hacernos conscientes de cuánto hemos cambiado. Y el cambio es bueno, ¡es una señal de que estamos creciendo y evolucionando! Entonces, gracias a Dios, el correo electrónico siempre está cambiando, ¿verdad?
¿Qué les viene a la mente cuando Lily y Brian piensan en la década de 2010?
“Soy un fanático de la evolución del correo electrónico, definitivamente vivo en el presente / futuro y sin mirar atrás. "
Lily Worth
“Si bien extraño la simplicidad de administrar un número menor de clientes de correo electrónico, no extraño la cantidad de pruebas que se realizaron antes de Litmus. Poder realizar pequeños ajustes en el código y ver los resultados en todos los clientes de correo electrónico a la vez ha sido un gran ahorro de tiempo ".
Brian Thies
 | Asegúrese de que sus correos electrónicos se vean perfectos frente al cambio El correo electrónico está en constante evolución, con más de 15.000 representaciones potenciales diferentes, y sigue aumentando. Asegúrese de que sus correos electrónicos se vean perfectos frente al cambio. Proteja la reputación de su marca en cada envío de correo electrónico asegurándose de que cada envío sea de marca y sin errores, en cualquier bandeja de entrada. Inicie su prueba gratuita → |
Una forma de refrescar los recuerdos del pasado es pensar en detalles específicos, desde una perspectiva holística. Así que, para el transporte de ayuda Lily y Brian al pasado, tuvimos que preguntar acerca de las cosas que también se perdieron, además de correo electrónico.
¿Qué extrañan Lily y Brian de la última década?
"Al depender menos de las pantallas, la comedia británica era mejor en ese entonces, y extraño ir a ver a las bandas tocar en vivo casi todas las noches".
Lily Worth
"Fácil. No tener que usar una máscara ".
Brian Thies
Y finalmente, no pudimos resistirnos y desafiamos a Lily y Brian a compartir su primera dirección de correo electrónico (pista: solo uno dijo la verdad).
Ah, los buenos viejos tiempos
De vez en cuando, es bueno recordar el pasado. Mirar el pasado de nuestro correo electrónico puede recordarnos lo lejos que hemos llegado. Y como resultado, puede ayudarnos a desarrollar una nueva apreciación del presente.
Si bien podemos perder el zen de #SlicinAndDicin en Photoshop, la evolución es algo bueno. La década de 2010 fue una década decisiva para el correo electrónico. Los 90 caminaron, por lo que los 2010 pudieron correr.
¿Todavía te sientes un poco nostálgico? Nosotros también. Por eso hicimos esta edición especial de Litmus Weekly como un homenaje a los años 90.
 | Conoce a tu nueva mejor amiga del correo electrónico Es nuestro boletín informativo de todo menos ordinario creado por especialistas en marketing, diseñadores y desarrolladores por correo electrónico. Suscríbase para recibir contenido y noticias cuidadosamente seleccionados que debe conocer, todo con una versión personal. ¡Inscríbeme! → |