O passado, o presente e o futuro das ferramentas de e-mail: gravação de webinar + perguntas e respostas

As ferramentas que usamos para projetar, construir e testar campanhas de e-mail mudaram drasticamente ao longo dos anos. Do Dreamweaver e Builder ao Photoshop e Figma, as ferramentas evoluíram para tornar nosso trabalho mais dinâmico, colaborativo e agradável. Essas ferramentas clássicas ainda ocupam um lugar especial no coração dos geeks de e-mail em todos os lugares. Mais importante, eles influenciam o que esperamos de nossas ferramentas atuais e o que queremos ver no futuro.

Neste webinar, Shani Nestingen da Target e Camille Palu da Camiah se juntaram à equipe Litmus para descobrir (e lamentar) sobre a história de fazer e-mails e as ferramentas que usamos.

Não teve a chance de assistir ao webinar ao vivo? Não se preocupe. Você pode acessar a gravação completa a qualquer momento e ler as perguntas e respostas abaixo.

Q&A

Um grande obrigado a todos que colaboraram durante o webinar com uma pergunta! Aqui está uma recapitulação de nossas respostas às perguntas mais populares, junto com nossa opinião sobre algumas das perguntas que não respondemos durante o webinar ao vivo. Tem mais perguntas? Por favor, deixe-os nos comentários.

Alguma dica para adaptar o e-mail para o modo escuro?

Lily Worth : Alice Li, engenheira de e-mail principal da Litmus, escreveu um ótimo guia para o Modo escuro que seria uma leitura útil. Ele percorre as consultas de mídia do modo escuro para adicionar ao seu CSS incorporado, para que você possa personalizar sua experiência no modo escuro.

Você pode definir código aberto para alguém que só tem conhecimento de HTML DW?

Camille Palu : A definição é: software para o qual o código-fonte original é disponibilizado gratuitamente e pode ser redistribuído e modificado. Isso significa que o código não é um segredo. Isso é ótimo porque pode ser atualizado e iterado para torná-lo cada vez melhor, em vez de ser bloqueado e pertencente a uma empresa. Se ele estiver bloqueado e pertencente a uma empresa, haverá menos chance de as atualizações serem feitas em tempo hábil, ou mesmo de qualquer forma .

O Dreamweaver é o único aplicativo de edição de apontar e clicar?

Camille Palu : Dreamweaver é o único que conheço. Além disso, Litmus Builder tem a funcionalidade.

Como o Atom se compara ao Sublime?

Camille Palu : Ambos são bons! Definitivamente, você deve examinar as reais necessidades e motivos de uma ferramenta para o trabalho que realiza o dia todo. Eu prefiro a customização dos pacotes que o Atom suporta. Vale a pena testar ambos para ver o que funciona para você e sua equipe.

Como você aprendeu Adobe Animate? Você aprendeu sozinho ou encontrou tutoriais úteis?

Lily Worth : Inicialmente aprendi a animar em Flash. Quando se tornou o Adobe Animate, manteve a maioria dos recursos de animação do Flash. Pelo que me lembro daquela época, usei os guias e tutoriais que vieram com o programa. Eu me esforço para reter todas as técnicas que você pode usar com este software, então costumo recorrer ao YouTube para atualizar meus conhecimentos. Eu recomendaria o Tiptut para alguns aprendizados divertidos de animação.

Algum recurso que você recomende para um designer que deseja trabalhar no After Effects?

Lily Worth : Embora eu não tenha animado com sucesso no After Effects, eu mergulhei em alguns dos grandes recursos disponíveis ao tentar aprender. O Creative Bloq oferece nada menos que 50 tutoriais úteis nesta postagem, que vão desde o básico até técnicas mais complexas. E Tiptut também tem alguns vídeos divertidos no YouTube.

Camille Palu : YouTube com certeza!

Shani Nestingen : YouTube com certeza. Além disso, a Smashing Magazine tem ótimos artigos sobre ela, bem como ótimos tutoriais de introdução sobre Lynda e Pluralsight.

Como você lida com o fatiamento de elementos para um design de e-mail no Figma? Minha equipe acabou de mudar para o Figma e estou lutando para me controlar.

Camille Palu : Eu salvo coisas do Figma com o dobro do tamanho e levo esses elementos salvos para o Photoshop para aperfeiçoá-los. Eu sou muito exigente sobre o quão perfeitas as imagens precisam ser. Muitas vezes os elementos economizam muito bem, mas eu gosto de ter certeza no Photoshop e salvar para a web.

Lily Worth : Eu uso um processo semelhante ao Cam! Eu luto muito com pixels decimais no Figma, então frequentemente verifico e aperfeiçoo minhas imagens no Photoshop antes de entregá-las a Alice para compilar o e-mail.

Você tem algum conselho para um designer que está tentando começar a codificar e criar e-mails?

Lily Worth : Parece uma espécie de montanha para escalar quando você está começando, mas existem muitos recursos para ajudá-lo a começar. Aqui está algum material de leitura útil:

• Novo na codificação de e-mail? Aqui está por onde começar. (Emails realmente bons)
• Um guia passo a passo para criar seu próprio e-mail em HTML (Uplers)
• Referência de design de email (Mailchimp)
• 101 do Código de Email (Litmus)

Além disso, conecte-se à comunidade de e-mail via #emailgeeks no Twitter! A comunidade de e-mail é incrível e está sempre pronta para ajudar. Você também pode postar suas perguntas na Comunidade Litmus para entrar em contato com designers e desenvolvedores de e-mail para suporte, ou juntar-se à comunidade Email Geeks Slack.

Shani Nestingen : Os links que Lily compartilha são com os quais eu começaria, mas definitivamente me conectaria via mídia social, Twitter e o grupo de folga Email Geeks. Existem tantos recursos e pessoas excelentes com os quais se conectar.

Você tem alguma recomendação sobre a melhor forma de migrar de uma ferramenta para outra? Queremos mover nossa pilha de design para o Figma.

Lily Worth : Figma permite que você importe seus projetos do Sketch facilmente. Se você estiver migrando do Photoshop, existe uma maneira de converter seus arquivos PSD em arquivos Sketch e depois importar para o Figma.

A melhor coisa sobre o Figma é a rapidez com que você pode criar layouts e salvar módulos e elementos em sua biblioteca, então se a importação não funcionar muito bem, pode não ser muito doloroso recriar alguns de seus arquivos existentes dentro do Figma (dedos cruzado).

Algum de vocês usava o Adobe Fireworks naquela época? Fale sobre um retrocesso!

Shani Nestingen : Eu só usei o Fireworks quando ainda era propriedade da Macromedia, mas gostei de poder salvar versões da web em poucos passos!

Quais ferramentas você recomendaria para qualquer etapa do processo de criação de e-mail?

Jason Rodriguez : Aqui estão algumas das ferramentas que discutimos durante o webinar, junto com as ferramentas que os outros participantes recomendaram:

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