Vergangenheit, Gegenwart und Zukunft von E-Mail-Tools: Webinar-Aufzeichnung + Fragen und Antworten

Die Tools, die wir zum Entwerfen, Erstellen und Testen von E-Mail-Kampagnen verwenden, haben sich im Laufe der Jahre drastisch verändert. Von Dreamweaver und Builder bis hin zu Photoshop und Figma haben sich Tools weiterentwickelt, die unsere Arbeit dynamischer, kollaborativer und angenehmer machen. Diese klassischen Tools haben immer noch einen besonderen Platz in den Herzen der E-Mail-Geeks überall. Noch wichtiger ist, dass sie beeinflussen, was wir von unseren aktuellen Tools erwarten und was wir in Zukunft sehen wollen.

In diesem Webinar traten Shani Nestingen von Target und Camille Palu von Camiah dem Litmus-Team bei, um sich über die Geschichte der E-Mail-Erstellung und die von uns verwendeten Tools zu informieren (und ihr Mitgefühl zu zeigen).

Sie hatten keine Gelegenheit, das Webinar live zu sehen? Mach dir keine Sorge. Sie können jederzeit auf die vollständige Aufzeichnung zugreifen und die folgenden Fragen und Antworten lesen.

Fragen und Antworten

Ein großes Dankeschön an alle, die sich während des Webinars mit einer Frage gemeldet haben! Hier ist eine Zusammenfassung unserer Antworten auf die am häufigsten gestellten Fragen, zusammen mit unserer Meinung zu einigen der Fragen, die wir während des Live-Webinars nicht beantwortet haben. Haben Sie weitere Fragen? Bitte hinterlassen Sie sie in den Kommentaren.

Irgendwelche Tipps zum Anpassen von E-Mails für den Dark Mode?

Lily Worth : Alice Li, Litmus' Principal Email Engineer, hat einen großartigen Leitfaden zum Dark Mode geschrieben, der eine hilfreiche Lektüre sein würde. Es führt Sie durch die Medienabfragen im Dunkeln, die Sie Ihrem eingebetteten CSS hinzufügen können, damit Sie Ihr Erlebnis im Dunkeln anpassen können.

Können Sie Open Source für jemanden definieren, der nur über DW-HTML-Kenntnisse verfügt?

Camille Palu : Die Definition ist: Software, für die der ursprüngliche Quellcode frei zur Verfügung gestellt wird und weitergegeben und modifiziert werden darf. Dies bedeutet, dass der Code kein Geheimnis ist. Das ist großartig, weil es aktualisiert und wiederholt werden kann, um es immer besser zu machen, anstatt gesperrt und im Besitz eines Unternehmens zu sein. Wenn es gesperrt ist und sich im Besitz eines Unternehmens befindet, besteht eine geringere Chance, dass Aktualisierungen rechtzeitig oder überhaupt vorgenommen werden .

Ist Dreamweaver die einzige Point-and-Click-Bearbeitungs-App?

Camille Palu : Dreamweaver ist der einzige, den ich kenne. Auch Litmus Builder hat die Funktionalität.

Wie ist Atom im Vergleich zu Sublime?

Camille Palu : Beide sind gut! Sie sollten auf jeden Fall die wirklichen Bedürfnisse und Gründe für ein Werkzeug für die Arbeit, die Sie den ganzen Tag erledigen, durchgehen. Ich bevorzuge die Anpassung der Pakete, die Atom unterstützt. Es lohnt sich, beides auszuprobieren, um zu sehen, was für Sie und Ihr Team funktioniert.

Wie haben Sie Adobe Animate kennengelernt? Haben Sie sich selbst beigebracht oder nützliche Tutorials gefunden?

Lily Worth : Anfangs habe ich gelernt, wie man in Flash animiert. Als es zu Adobe Animate wurde, behielt es die meisten Flash-Animationsfunktionen bei. Soweit ich mich erinnern kann, habe ich die Anleitungen und Tutorials verwendet, die mit dem Programm geliefert wurden. Es fällt mir schwer, alle Techniken, die Sie mit dieser Software verwenden können, beizubehalten, daher wende ich mich oft an YouTube, um mein Wissen aufzufrischen. Ich würde Tiptut für einige lustige Animationslernen empfehlen.

Gibt es Ressourcen, die Sie einem Designer empfehlen, der in After Effects arbeiten möchte?

Lily Worth : Obwohl ich in After Effects nicht erfolgreich animiert habe, habe ich beim Versuch, etwas zu lernen, einige der großartigen angebotenen Ressourcen genutzt. Creative Bloq bietet in diesem Beitrag nicht weniger als 50 praktische Tutorials, die von den Grundlagen bis hin zu komplexeren Techniken reichen. Und Tiptut hat auch einige lustige YouTube-Videos.

Camille Palu : YouTube auf jeden Fall!

Shani Nestingen : YouTube auf jeden Fall . Außerdem enthält das Smashing Magazine einige großartige Artikel sowie großartige Einführungs-Tutorials zu Lynda und Pluralsight.

Wie gehen Sie mit Slicing-Elementen für ein E-Mail-Design in Figma um? Mein Team ist gerade auf Figma umgestiegen und ich habe Mühe, das in den Griff zu bekommen.

Camille Palu : Ich speichere Sachen aus Figma mit der doppelten Größe und übertrage diese gespeicherten Elemente in Photoshop, um sie zu perfektionieren. Ich bin sehr wählerisch, wie perfekt die Bilder sein müssen. Die meiste Zeit werden die Elemente sehr schön gespeichert, aber ich stelle sicher in Photoshop und speichere für das Web.

Lily Worth : Ich verwende ein ähnliches Verfahren wie Cam! Ich habe in Figma viel mit Dezimalpixeln zu kämpfen, daher überprüfe und perfektioniere ich meine Bilder oft in Photoshop, bevor ich sie an Alice übergebe, um in den E-Mail-Build einzusteigen.

Haben Sie einen Rat für einen Designer, der versucht, in das Programmieren und Gestalten von E-Mails einzusteigen?

Lily Worth : Zu Beginn fühlt es sich wie ein Berg an, aber es gibt viele Ressourcen, die Ihnen helfen, loszulegen. Hier finden Sie hilfreiches Lesematerial:

• Neu bei der E-Mail-Codierung? Hier ist, wo Sie anfangen sollen. (Wirklich gute E-Mails)
• Eine Schritt-für-Schritt-Anleitung zum Erstellen Ihrer eigenen HTML-E-Mail (Uplers)
• E-Mail-Design-Referenz (Mailchimp)
• 101 des E-Mail-Codes (Litmus)

Verbinde dich auch mit der E-Mail-Community über #emailgeeks auf Twitter! Die E-Mail-Community ist großartig und immer bereit zu helfen. Sie können Ihre Fragen auch in der Litmus-Community posten, um sich an E-Mail-Designer und Entwickler zu wenden, um Unterstützung zu erhalten, oder der E-Mail-Geeks-Slack-Community beitreten.

Shani Nestingen : Ich würde mit den Links beginnen, die Lily teilt, aber auf jeden Fall über soziale Medien, Twitter und die E-Mail-Geeks-Slack-Gruppe verbinden. Es gibt so viele großartige Ressourcen und Menschen, mit denen man sich verbinden kann.

Haben Sie Empfehlungen, wie Sie am besten von einem Tool zum anderen migrieren? Wir möchten unseren Design-Stack nach Figma verschieben.

Lily Worth : Mit Figma können Sie Ihre Designs ganz einfach aus Sketch importieren. Wenn Sie von Photoshop migrieren, können Sie Ihre PSD-Dateien in Sketch-Dateien konvertieren und dann in Figma importieren.

Das Tolle an Figma ist, wie schnell Sie Layouts erstellen und Module und Elemente in Ihrer Bibliothek speichern können gekreuzt).

Hat jemand von euch früher Adobe Fireworks verwendet? Sprechen Sie über einen Rückschlag!

Shani Nestingen : Ich habe Fireworks nur verwendet, als es noch Macromedia gehörte, aber ich mochte es, Webversionen mit sehr wenigen Schritten speichern zu können!

Welche Tools würden Sie für jeden Schritt des E-Mail-Erstellungsprozesses empfehlen?

Jason Rodriguez : Hier sind einige der Tools, die wir während des Webinars besprochen haben, zusammen mit Tools, die andere Teilnehmer empfohlen haben:

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