Il passato, il presente e il futuro degli strumenti di posta elettronica: registrazione di webinar + domande e risposte

Gli strumenti che utilizziamo per progettare, creare e testare le campagne e-mail sono cambiati drasticamente nel corso degli anni. Da Dreamweaver e Builder, a Photoshop e Figma, gli strumenti si sono evoluti per rendere il nostro lavoro più dinamico, collaborativo e divertente. Questi strumenti classici occupano ancora un posto speciale nel cuore dei fanatici della posta elettronica di tutto il mondo. Ancora più importante, influenzano ciò che ci aspettiamo dai nostri strumenti attuali e ciò che vogliamo vedere in futuro.

In questo webinar, Shani Nestingen di Target e Camille Palu di Camiah si sono uniti al team di Litmus per informarsi (e commiserarsi) sulla storia della creazione di e-mail e sugli strumenti che abbiamo utilizzato.

Non hai avuto la possibilità di guardare il webinar in diretta? Non preoccuparti. Puoi accedere alla registrazione completa in qualsiasi momento e leggere le domande e risposte di seguito.

Domande e risposte

Un grande ringraziamento a tutti coloro che sono intervenuti durante il webinar con una domanda! Ecco un riassunto delle nostre risposte alle domande più popolari, insieme alla nostra interpretazione di alcune delle domande a cui non siamo arrivati ​​durante il webinar dal vivo. Hai altre domande? Si prega di lasciarli nei commenti.

Qualche consiglio per adattare l'e-mail alla modalità oscura?

Lily Worth : Alice Li, Principal Email Engineer di Litmus, ha scritto un'ottima guida alla modalità oscura che sarebbe una lettura utile. Ti guida attraverso le query multimediali in modalità oscura da aggiungere al tuo CSS incorporato, in modo da poter personalizzare la tua esperienza in modalità oscura.

Puoi definire open source per qualcuno che ha solo conoscenza di DW HTML?

Camille Palu : La definizione è: software per il quale il codice sorgente originale è reso disponibile gratuitamente e può essere ridistribuito e modificato. Ciò significa che il codice non è un segreto. Questo è fantastico perché può essere aggiornato e ripetuto per renderlo sempre migliore, piuttosto che essere bloccato e di proprietà di un'azienda. Se è bloccato e di proprietà di un'azienda, ci sono meno possibilità che gli aggiornamenti vengano effettuati in modo tempestivo, o addirittura del tutto .

Dreamweaver è l'unica app di modifica point-and-click?

Camille Palu : Dreamweaver è l'unico che conosco. Anche Litmus Builder ha la funzionalità.

Come si confronta Atom con Sublime?

Camille Palu : Entrambi sono buoni! Dovresti assolutamente esaminare le reali esigenze e le ragioni di uno strumento per il lavoro che svolgi tutto il giorno. Preferisco la personalizzazione dei pacchetti supportati da Atom. Vale la pena provare entrambi per vedere cosa funziona per te e per il tuo team.

Come hai imparato Adobe Animate? Ti sei autodidatta o hai trovato tutorial utili?

Lily Worth : Inizialmente ho imparato ad animare in Flash. Quando è diventato Adobe Animate, ha mantenuto la maggior parte delle funzionalità di animazione di Flash. Da quello che posso ricordare di quel tempo, ho usato le guide e i tutorial forniti con il programma. Faccio fatica a conservare tutte le tecniche che puoi utilizzare con questo software, quindi mi rivolgo spesso a YouTube per aggiornare le mie conoscenze. Consiglierei Tiptut per alcuni divertenti insegnamenti di animazione.

Ci sono risorse che consigli a un designer che vuole lavorare in After Effects?

Lily Worth : Anche se non ho animato con successo in After Effects, ho attinto ad alcune delle grandi risorse offerte quando ho cercato di imparare. Creative Bloq offre non meno di 50 pratici tutorial in questo post, che vanno dalle basi alle tecniche più complesse. E Tiptut ha anche alcuni video divertenti su YouTube.

Camille Palu : YouTube di sicuro!

Shani Nestingen : YouTube di sicuro. Inoltre, Smashing Magazine ha alcuni fantastici articoli su di esso, oltre a fantastici tutorial introduttivi su Lynda e Pluralsight.

Come gestisci gli elementi di slicing per un design di posta elettronica in Figma? La mia squadra è appena passata a Figma e sto lottando per farcela.

Camille Palu : Salvo roba da Figma a 2 volte la dimensione e porto quegli elementi salvati in Photoshop per perfezionarli. Sono molto esigente su quanto devono essere perfette le immagini. Molte volte gli elementi si salvano molto bene, ma mi piace essere sicuro in Photoshop e risparmiare per il web.

Lily Worth : Io uso un processo simile a Cam! Faccio molta fatica con i pixel decimali in Figma, quindi spesso controllo e perfeziono le mie immagini in Photoshop prima di consegnarle ad Alice per la compilazione della posta elettronica.

Hai qualche consiglio per un designer che cerca di entrare nella programmazione e nella progettazione di e-mail?

Lily Worth : All'inizio sembra una montagna da scalare, ma ci sono molte risorse per aiutarti ad andare avanti. Ecco del materiale di lettura utile:

• Nuovo per la codifica e-mail? Ecco da dove cominciare. (E-mail davvero buone)
• Una guida passo passo per creare la tua email HTML (Uplers)
• Riferimento alla progettazione e-mail (Mailchimp)
• 101 del codice email (cartina di tornasole)

Inoltre, connettiti con la community di posta elettronica tramite #emailgeeks su Twitter! La community di posta elettronica è fantastica e sempre pronta ad aiutare. Puoi anche pubblicare le tue domande sulla community di Litmus per contattare i designer e gli sviluppatori di e-mail per ricevere supporto o unirti alla community di Email Geeks Slack.

Shani Nestingen : I link che condivide con Lily sono quelli con cui inizierei, ma sicuramente mi collegherei tramite i social media, Twitter e il gruppo slack Email Geeks. Ci sono così tante grandi risorse e persone con cui connettersi.

Hai qualche consiglio su come migrare al meglio da uno strumento all'altro? Stiamo cercando di spostare il nostro stack di progettazione su Figma.

Lily Worth : Figma ti consente di importare facilmente i tuoi disegni da Sketch. Se stai migrando da Photoshop, c'è un modo per convertire i tuoi file PSD in file Sketch e quindi importarli in Figma.

La cosa grandiosa di Figma è la velocità con cui puoi creare layout e salvare moduli ed elementi nella tua libreria, quindi se l'importazione non funziona troppo bene, potrebbe non essere troppo doloroso ricreare alcuni dei tuoi file esistenti all'interno di Figma (dita incrociato).

Qualcuno di voi ha usato Adobe Fireworks in passato? Parliamo di un ritorno al passato!

Shani Nestingen : Ho usato Fireworks solo quando era ancora di proprietà di Macromedia, ma mi piaceva poter salvare le versioni web con pochissimi passaggi!

Quali strumenti consiglieresti per ogni fase del processo di creazione delle email?

Jason Rodriguez : Ecco alcuni degli strumenti di cui abbiamo discusso durante il webinar, insieme agli strumenti consigliati dagli altri partecipanti:

• diffchecker.com
• rettangoloapp.com
• emailcomb.com
• howtotarget.email
• bestplaceholder.com
• imageoptim.com
• ezgif.com
• tinypng.com