Le passé, le présent et l'avenir des outils de messagerie : enregistrement de webinaire + questions-réponses

Les outils que nous utilisons pour concevoir, créer et tester des campagnes par e-mail ont radicalement changé au fil des ans. De Dreamweaver et Builder à Photoshop et Figma, les outils ont évolué pour rendre notre travail plus dynamique, collaboratif et agréable. Ces outils classiques occupent toujours une place particulière dans le cœur des geeks du courrier électronique du monde entier. Plus important encore, ils influencent ce que nous attendons de nos outils actuels et ce que nous voulons voir à l'avenir.

Dans ce webinaire, Shani Nestingen de Target et Camille Palu de Camiah ont rejoint l'équipe Litmus pour découvrir (et compatir) l'histoire de la création d'e-mails et les outils que nous avons utilisés.

Vous n'avez pas eu la chance de regarder le webinaire en direct ? Ne t'inquiète pas. Vous pouvez accéder à l'enregistrement complet à tout moment et lire les questions-réponses ci-dessous.

Questions et réponses

Un grand merci à tous ceux qui ont répondu au webinaire avec une question ! Voici un récapitulatif de nos réponses aux questions les plus courantes, ainsi que notre point de vue sur certaines des questions auxquelles nous n'avons pas répondu lors du webinaire en direct. Vous avez des questions supplémentaires ? Veuillez les laisser dans les commentaires.

Avez-vous des conseils pour adapter le courrier électronique au mode sombre ?

Lily Worth : Alice Li, ingénieur principal de messagerie chez Litmus, a écrit un excellent guide sur le mode sombre qui serait une lecture utile. Il vous guide à travers les requêtes multimédias en mode sombre à ajouter à votre CSS intégré, afin que vous puissiez personnaliser votre expérience en mode sombre.

Pouvez-vous définir l'open source pour quelqu'un qui n'a que des connaissances DW HTML ?

Camille Palu : La définition est : un logiciel dont le code source original est mis à disposition gratuitement et peut être redistribué et modifié. Cela signifie que le code n'est pas un secret. C'est génial car il peut être mis à jour et itéré pour le rendre de mieux en mieux, plutôt que d'être verrouillé et détenu par une entreprise. S'il est verrouillé et détenu par une entreprise, il y a moins de chance que des mises à jour soient effectuées en temps opportun, voire pas du tout .

Dreamweaver est-il la seule application d'édition par pointer-cliquer ?

Camille Palu : Dreamweaver est le seul que je connaisse. Litmus Builder a également la fonctionnalité.

Comment Atom se compare-t-il à Sublime ?

Camille Palu : Les deux sont bons ! Vous devriez certainement examiner les besoins réels et les raisons d'un outil pour le travail que vous faites toute la journée. Je préfère la personnalisation des packages pris en charge par Atom. Cela vaut la peine de tester les deux pour voir ce qui fonctionne pour vous et votre équipe.

Comment avez-vous appris Adobe Animate ? Avez-vous appris vous-même ou trouvé des tutoriels utiles ?

Lily Worth : Au départ, j'ai appris à animer en Flash. Lorsqu'il est devenu Adobe Animate, il a conservé la plupart des fonctionnalités d'animation Flash. D'après ce dont je me souviens de cette époque, j'ai utilisé les guides et les didacticiels fournis avec le programme. J'ai du mal à retenir toutes les techniques que vous pouvez utiliser avec ce logiciel, je me tourne donc souvent vers YouTube pour rafraîchir mes connaissances. Je recommanderais Tiptut pour des apprentissages amusants sur l'animation.

Des ressources que vous recommandez pour un designer qui souhaite travailler dans After Effects ?

Lily Worth : Bien que je n'aie pas réussi à animer dans After Effects, j'ai puisé dans certaines des excellentes ressources proposées lorsque j'ai essayé d'apprendre. Creative Bloq propose pas moins de 50 tutoriels pratiques dans cet article, qui vont des bases aux techniques plus complexes. Et Tiptut propose également des vidéos YouTube amusantes.

Camille Palu : YouTube bien sûr !

Shani Nestingen : YouTube bien sûr. De plus, Smashing Magazine contient d'excellents articles, ainsi que d'excellents didacticiels d'introduction sur Lynda et Pluralsight.

Comment gérez-vous les éléments de tranchage pour la conception d'un e-mail dans Figma ? Mon équipe vient de passer à Figma et j'ai du mal à m'y habituer.

Camille Palu : J'enregistre des trucs de Figma à 2x la taille et prends ces éléments enregistrés dans Photoshop pour les perfectionner. Je suis vraiment pointilleux sur la perfection des images. La plupart du temps, les éléments sont très bien économisés, mais j'aime m'en assurer dans Photoshop et économiser pour le Web.

Lily Worth : J'utilise un processus similaire à Cam ! J'ai beaucoup de mal avec les pixels décimaux dans Figma, donc je vérifie et perfectionne souvent mes images dans Photoshop avant de les remettre à Alice pour qu'elle les intègre dans la compilation de l'e-mail.

Avez-vous des conseils à donner à un designer qui essaie de se lancer dans le codage et la conception d'e-mails ?

Lily Worth : Cela ressemble à une montagne à gravir quand vous débutez, mais il existe de nombreuses ressources pour vous aider à démarrer. Voici quelques lectures utiles :

• Nouveau dans le codage des e-mails ? Voici par où commencer. (Très bons e-mails)
• Un guide étape par étape pour créer votre propre e-mail HTML (Uplers)
• Référence de conception d'e-mails (Mailchimp)
• 101 du code de courrier électronique (Litmus)

Connectez-vous également avec la communauté des e-mails via #emailgeeks sur Twitter ! La communauté des e-mails est incroyable et toujours prête à aider. Vous pouvez également poster vos questions sur la communauté Litmus pour contacter les concepteurs et les développeurs d'e-mails pour obtenir de l'aide, ou rejoindre la communauté Email Geeks Slack.

Shani Nestingen : Les liens que Lily partage sont ceux avec lesquels je commencerais, mais je me connecte certainement via les réseaux sociaux, Twitter et le groupe Email Geeks slack. Il y a tellement de bonnes ressources et de personnes avec qui se connecter là-bas.

Avez-vous des recommandations sur la meilleure façon de migrer d'un outil à un autre ? Nous cherchons à déplacer notre pile de conception vers Figma.

Lily Worth : Figma vous permet d'importer facilement vos designs depuis Sketch. Si vous migrez depuis Photoshop, il existe un moyen de convertir vos fichiers PSD en fichiers Sketch, puis de les importer dans Figma.

L'avantage de Figma est la rapidité avec laquelle vous pouvez créer des mises en page et enregistrer des modules et des éléments dans votre bibliothèque, donc si l'importation ne fonctionne pas très bien, il peut ne pas être trop pénible de recréer certains de vos fichiers existants dans Figma franchi).

L'un d'entre vous utilisait-il Adobe Fireworks à l'époque ? Parlez d'un retour en arrière !

Shani Nestingen : Je n'ai utilisé Fireworks que lorsqu'il appartenait encore à Macromedia, mais j'aimais pouvoir sauvegarder des versions Web en très peu d'étapes !

Quels outils recommanderiez-vous pour chaque étape du processus de création d'e-mails ?

Jason Rodriguez : Voici quelques-uns des outils dont nous avons discuté pendant le webinaire, ainsi que des outils recommandés par les autres participants :

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