Pasado, presente y futuro de las herramientas de correo electrónico: grabación de seminarios web + preguntas y respuestas

Las herramientas que utilizamos para diseñar, crear y probar campañas de correo electrónico han cambiado drásticamente a lo largo de los años. Desde Dreamweaver y Builder, hasta Photoshop y Figma, las herramientas han evolucionado para hacer que nuestro trabajo sea más dinámico, colaborativo y agradable. Esas herramientas clásicas aún ocupan un lugar especial en los corazones de los fanáticos del correo electrónico en todas partes. Más importante aún, influyen en lo que esperamos de nuestras herramientas actuales y lo que queremos ver en el futuro.

En este seminario web, Shani Nestingen de Target y Camille Palu de Camiah se unieron al equipo de Litmus para conocer (y compadecerse) sobre la historia de la creación de correos electrónicos y las herramientas que usamos.

¿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.

¿Algún consejo para adaptar el correo electrónico al modo oscuro?

Lily Worth : Alice Li, ingeniera principal de correo electrónico de Litmus, escribió una excelente guía sobre el modo oscuro que sería una lectura útil. Lo guía a través de las consultas de medios del modo oscuro para agregar a su CSS incrustado, para que pueda personalizar su experiencia del modo oscuro.

¿Puede definir código abierto para alguien que solo tenga conocimientos de HTML DW?

Camille Palu : La definición es: software para el cual el código fuente original está disponible gratuitamente y puede ser redistribuido y modificado. Esto significa que el código no es un secreto. Esto es genial porque se puede actualizar e iterar para hacerlo cada vez mejor, en lugar de estar bloqueado y ser propiedad de una empresa. Si está bloqueado y es propiedad de una empresa, hay menos posibilidades de que se realicen actualizaciones de manera oportuna, o incluso que se realicen.

¿Es Dreamweaver la única aplicación de edición de apuntar y hacer clic?

Camille Palu : Dreamweaver es el único que conozco. También Litmus Builder tiene la funcionalidad.

¿Cómo se compara Atom con Sublime?

Camille Palu : ¡Ambos son buenos! Definitivamente, debe analizar las necesidades reales y las razones de una herramienta para el trabajo que realiza durante todo el día. Prefiero la personalización de los paquetes que admite Atom. Vale la pena probar ambos para ver qué funciona para usted y su equipo.

¿Cómo aprendiste Adobe Animate? ¿Te enseñaste tú mismo o encontraste tutoriales útiles?

Lily Worth : Al principio aprendí a animar en Flash. Cuando se convirtió en Adobe Animate, retuvo la mayoría de las funciones de animación de Flash. Por lo que puedo recordar de esa época, utilicé las guías y tutoriales que venían con el programa. Me cuesta retener todas las técnicas que puede usar con este software, por lo que a menudo recurro a YouTube para actualizar mis conocimientos. Recomendaría Tiptut para algunos divertidos aprendizajes de animación.

¿Algún recurso que recomiende para un diseñador que quiera trabajar en After Effects?

Lily Worth : Aunque no he animado con éxito en After Effects, he recurrido a algunos de los excelentes recursos que se ofrecen al intentar aprender. Creative Bloq ofrece no menos de 50 prácticos tutoriales en esta publicación, que van desde lo básico hasta técnicas más complejas. Y Tiptut también tiene algunos videos divertidos de YouTube.

Camille Palu : ¡YouTube seguro!

Shani Nestingen : YouTube seguro. Además, Smashing Magazine tiene algunos artículos geniales al respecto, así como excelentes tutoriales de introducción sobre Lynda y Pluralsight.

¿Cómo se manejan los elementos de corte para un diseño de correo electrónico en Figma? Mi equipo acaba de cambiar a Figma y estoy luchando por manejarlo.

Camille Palu : Guardo cosas de Figma al doble de tamaño y llevo esos elementos guardados a Photoshop para perfeccionarlos. Soy muy exigente con lo perfectas que deben ser las imágenes. Muchas veces los elementos se guardan muy bien, pero me gusta asegurarme en Photoshop y guardar para la web.

Lily Worth : ¡Utilizo un proceso similar al de Cam! Lucho mucho con los píxeles decimales en Figma, por lo que a menudo verifico y perfecciono mis imágenes en Photoshop antes de entregárselas a Alice para que las compile en el correo electrónico.

¿Tiene algún consejo para un diseñador que intente incursionar en la codificación y el diseño de correos electrónicos?

Lily Worth : Se siente como una montaña para escalar cuando estás comenzando, pero hay muchos recursos que te ayudarán a ponerte en marcha. Aquí hay material de lectura útil:

• ¿Es nuevo en la codificación de correo electrónico? Aquí es por dónde empezar. (Correos electrónicos realmente buenos)
• Una guía paso a paso para crear su propio correo electrónico HTML (Uplers)
• Referencia de diseño de correo electrónico (Mailchimp)
• 101 del código de correo electrónico (Litmus)

Además, conéctese con la comunidad de correo electrónico a través de #emailgeeks en Twitter. La comunidad de correo electrónico es increíble y siempre está dispuesta a ayudar. También puede publicar sus preguntas en la comunidad Litmus para comunicarse con diseñadores y desarrolladores de correo electrónico para obtener soporte, o unirse a la comunidad Email Geeks Slack.

Shani Nestingen : Los enlaces que comparte Lily son con los que comenzaría, pero definitivamente se conectan a través de las redes sociales, Twitter y el grupo de usuarios de Email Geeks. Hay tantos recursos y personas geniales con las que conectarse allí.

¿Tiene alguna recomendación sobre cómo migrar mejor de una herramienta a otra? Estamos buscando trasladar nuestra pila de diseños a Figma.

Lily Worth : Figma te permite importar tus diseños desde Sketch fácilmente. Si está migrando desde Photoshop, hay una manera de convertir sus archivos PSD a archivos Sketch y luego importarlos a Figma.

Lo mejor de Figma es la rapidez con la que puede crear diseños y guardar módulos y elementos en su biblioteca, por lo que si la importación no funciona muy bien, puede que no sea demasiado doloroso recrear algunos de sus archivos existentes dentro de Figma (dedos cruzado).

¿Alguno de ustedes usó Adobe Fireworks en su día? ¡Habla de un retroceso!

Shani Nestingen : Solo usé Fireworks cuando todavía era propiedad de Macromedia, ¡pero me gustó poder guardar versiones web en muy pocos pasos!

¿Qué herramientas recomendaría para cualquier paso del proceso de creación de correo electrónico?

Jason Rodríguez : Estas son algunas de las herramientas que discutimos durante el seminario web, junto con las herramientas que recomendaron otros asistentes:

• diffchecker.com
• rectangleapp.com
• emailcomb.com
• howtotarget.email
• betterplaceholder.com
• imageoptim.com
• ezgif.com
• tinypng.com