Trecutul, prezentul și viitorul instrumentelor de e-mail: înregistrare webinar + întrebări și răspunsuri

Instrumentele pe care le folosim pentru a proiecta, construi și testa campanii de e-mail s-au schimbat drastic de-a lungul anilor. De la Dreamweaver și Builder, la Photoshop și Figma, instrumentele au evoluat pentru a face munca noastră mai dinamică, colaborativă și mai plăcută. Acele instrumente clasice încă ocupă un loc special în inimile tocilor de e-mail de pretutindeni. Mai important, ele influențează ceea ce ne așteptăm de la instrumentele noastre actuale și ceea ce dorim să vedem în viitor.

În acest webinar, Shani Nestingen de la Target și Camille Palu de la Camiah s-au alăturat echipei Litmus pentru a-și arăta (și a-și face compasiune) despre istoria creării de e-mailuri și instrumentele pe care le-am folosit.

Nu ați avut ocazia să urmăriți webinarul în direct? Nu-ți face griji. Puteți accesa oricând înregistrarea completă și puteți citi întrebările și răspunsurile de mai jos.

Întrebări și răspunsuri

Mulțumim tuturor celor care au intervenit în timpul webinarului cu o întrebare! Iată o recapitulare a răspunsurilor noastre la cele mai populare întrebări, împreună cu părerea noastră asupra unora dintre întrebările la care nu am ajuns în timpul webinarului live. Aveți întrebări suplimentare? Vă rugăm să le lăsați în comentarii.

Sfaturi pentru adaptarea e-mailului pentru modul întunecat?

Lily Worth : Alice Li, inginer principal de e-mail al Litmus, a scris un ghid grozav pentru Dark Mode care ar fi o lectură utilă. Vă ghidează prin interogări media în modul întunecat pentru a le adăuga la CSS încorporat, astfel încât să vă puteți personaliza experiența în modul întunecat.

Puteți defini open source pentru cineva care are doar cunoștințe DW HTML?

Camille Palu : Definiția este: software pentru care codul sursă original este disponibil gratuit și poate fi redistribuit și modificat. Aceasta înseamnă că codul nu este un secret. Acest lucru este grozav deoarece poate fi actualizat și repetat pentru a-l face din ce în ce mai bun, mai degrabă decât să fie blocat și deținut de o companie. Dacă este blocat și deținut de o companie, există mai puține șanse ca actualizările să fie făcute în timp util, sau chiar deloc .

Este Dreamweaver singura aplicație de editare prin punctare și clic?

Camille Palu : Dreamweaver este singurul pe care îl cunosc. De asemenea, Litmus Builder are funcționalitatea.

Cum se compară Atom cu Sublime?

Camille Palu : Ambele sunt bune! Ar trebui cu siguranță să cercetați nevoile și motivele reale pentru un instrument pentru munca pe care o desfășurați toată ziua. Prefer personalizarea pachetelor pe care le suportă Atom. Merită să le testați pe ambele pentru a vedea ce funcționează pentru dvs. și pentru echipa dvs.

Cum ai învățat Adobe Animate? Te-ai învățat singur sau ai găsit tutoriale utile?

Lily Worth : Inițial am învățat cum să animez în Flash. Când a devenit Adobe Animate, a păstrat majoritatea caracteristicilor de animare Flash. Din câte îmi amintesc din acea perioadă, am folosit ghidurile și tutorialele care veneau împreună cu programul. Mă străduiesc să păstrez toate tehnicile pe care le poți folosi cu acest software, așa că apelez adesea la YouTube pentru a-mi reîmprospăta cunoștințele. Aș recomanda Tiptut pentru câteva învățături distractive de animație.

Recomandați resurse pentru un designer care dorește să lucreze în After Effects?

Lily Worth : Deși nu am animat cu succes în After Effects, m-am scufundat în unele dintre resursele grozave oferite atunci când încerc să învăț. Creative Bloq oferă în această postare nu mai puțin de 50 de tutoriale la îndemână, care variază de la elemente de bază la tehnici mai complexe. Și Tiptut are și niște videoclipuri distractive pe YouTube.

Camille Palu : YouTube cu siguranță!

Shani Nestingen : YouTube cu siguranță. De asemenea, Smashing Magazine are câteva articole grozave despre ea, precum și tutoriale excelente despre Lynda și Pluralsight.

Cum te descurci cu tăierea elementelor pentru un design de e-mail în Figma? Echipa mea tocmai a trecut la Figma și mă străduiesc să mă descurc.

Camille Palu : Salvez lucruri din Figma la o dimensiune de două ori mai mare și iau acele elemente salvate în Photoshop pentru a le perfecționa. Sunt foarte pretențios cu privire la cât de perfecte trebuie să fie imaginile. De multe ori elementele economisesc foarte bine, dar îmi place să mă asigur în Photoshop și să salvez pentru web.

Lily Worth : Eu folosesc un proces similar cu Cam! Mă lupt foarte mult cu pixelii zecimali în Figma, așa că adesea îmi verific și perfecționez imaginile în Photoshop înainte de a le preda lui Alice pentru a intra în compilarea e-mailului.

Aveți vreun sfat pentru un designer care încearcă să intre în codificarea și proiectarea e-mailurilor?

Lily Worth : Se simte ca un pic de munte de urcat atunci când începi, dar există o mulțime de resurse care te ajută să mergi. Iată câteva materiale utile de lectură:

• Sunteți nou în codarea e-mailului? Iată de unde să începi. (E-mailuri foarte bune)
• Un ghid pas cu pas pentru a vă crea propriul e-mail HTML (uplers)
• Referință pentru proiectarea e-mailului (Mailchimp)
• 101 din Codul de e-mail (Tornele)

De asemenea, conectează-te cu comunitatea de e-mail prin #emailgeeks pe Twitter! Comunitatea de e-mail este uimitoare și mereu dornică să ajute. De asemenea, puteți posta întrebările dvs. în comunitatea Litmus pentru a contacta designerii și dezvoltatorii de e-mail pentru asistență sau vă puteți alătura comunității Email Geeks Slack.

Shani Nestingen : Linkurile pe care Lily le distribuie sunt cele cu care aș începe, dar cu siguranță mă conectez prin intermediul rețelelor sociale, Twitter și grupul de slack Email Geeks. Există atât de multe resurse grozave și oameni cu care să te conectezi acolo.

Aveți recomandări despre cum să migrați cel mai bine de la un instrument la altul? Căutăm să mutăm stiva noastră de design în Figma.

Lily Worth : Figma vă permite să importați cu ușurință desenele din Sketch. Dacă migrați din Photoshop, există o modalitate de a vă converti fișierele PSD în fișiere Sketch și apoi de a importa în Figma.

Lucrul grozav despre Figma este cât de repede puteți crea machete și puteți salva module și elemente în biblioteca dvs., așa că dacă importul nu funcționează prea bine, poate să nu fie prea dureros să recreați unele dintre fișierele existente în Figma (degete). încrucișat).

A folosit vreunul dintre voi Adobe Fireworks pe vremea aceea? Vorbește despre o întoarcere în urmă!

Shani Nestingen : Am folosit Fireworks doar când era încă deținut de Macromedia, dar mi-a plăcut să pot salva versiuni web cu foarte puțini pași!

Ce instrumente ați recomanda pentru orice pas al procesului de creare a e-mailului?

Jason Rodriguez : Iată câteva dintre instrumentele pe care le-am discutat în timpul webinarului, împreună cu instrumentele recomandate de colegii participanți:

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