Przeszłość, teraźniejszość i przyszłość narzędzi e-mail: nagrywanie webinarów + pytania i odpowiedzi

Narzędzia, których używamy do projektowania, tworzenia i testowania kampanii e-mailowych, zmieniły się drastycznie na przestrzeni lat. Od Dreamweaver i Builder po Photoshop i Figma, narzędzia ewoluowały, aby nasza praca była bardziej dynamiczna, wspólna i przyjemna. Te klasyczne narzędzia nadal zajmują szczególne miejsce w sercach e-mailowych maniaków na całym świecie. Co ważniejsze, wpływają na to, czego oczekujemy od naszych obecnych narzędzi i co chcemy zobaczyć w przyszłości.

W tym webinarium Shani Nestingen z Target i Camille Palu z Camiah dołączyli do zespołu Litmus, aby poznać (i współczować) historię tworzenia e-maili i narzędzia, których używaliśmy.

Nie miałeś okazji obejrzeć webinaru na żywo? Nie martw się. W każdej chwili możesz uzyskać dostęp do pełnego nagrania i przeczytać poniższe pytania i odpowiedzi.

Pytania i odpowiedzi

Wielkie podziękowania dla wszystkich, którzy włączyli się podczas webinaru z pytaniem! Oto podsumowanie naszych odpowiedzi na najpopularniejsze pytania, a także odpowiedzi na niektóre pytania, na które nie odpowiedzieliśmy podczas webinaru na żywo. Masz dodatkowe pytania? Prosimy o pozostawienie ich w komentarzach.

Jakieś wskazówki dotyczące dostosowywania poczty e-mail do trybu ciemnego?

Lily Worth : Alice Li, główny inżynier poczty e-mail w firmie Litmus, napisała świetny przewodnik po trybie ciemnym, który byłby bardzo pomocną lekturą. Przeprowadzi Cię przez zapytania o media w trybie ciemnym, które należy dodać do osadzonego kodu CSS, dzięki czemu możesz dostosować działanie trybu ciemnego.

Czy możesz zdefiniować open source dla kogoś, kto ma tylko wiedzę DW HTML?

Camille Palu : Definicja to: oprogramowanie, dla którego oryginalny kod źródłowy jest udostępniany bezpłatnie i może być redystrybuowany i modyfikowany. Oznacza to, że kod nie jest tajemnicą. Jest to świetne, ponieważ można go aktualizować i powtarzać, aby był coraz lepszy, zamiast być zablokowanym i własnością firmy. Jeśli jest zablokowany i należy do firmy, istnieje mniejsze prawdopodobieństwo, że aktualizacje zostaną wprowadzone na czas, a nawet w ogóle .

Czy Dreamweaver jest jedyną aplikacją do edycji wskaż i kliknij?

Camille Palu : Tkacz snów jest jedynym, którego znam. Również Litmus Builder posiada funkcjonalność.

Jak wypada porównanie Atom do Sublime?

Camille Palu : Oba są dobre! Zdecydowanie powinieneś przejrzeć prawdziwe potrzeby i powody, aby stworzyć narzędzie do pracy, którą wykonujesz przez cały dzień. Wolę dostosowywanie pakietów obsługiwanych przez Atom. Warto przetestować oba, aby zobaczyć, co działa dla Ciebie i Twojego zespołu.

Jak nauczyłeś się Adobe Animate? Nauczyłeś się lub znalazłeś przydatne tutoriale?

Lily Worth : Początkowo uczyłam się animować we Flashu. Kiedy stał się Adobe Animate, zachował większość funkcji animacji Flash. Z tego, co pamiętam z tamtych czasów, korzystałem z przewodników i tutoriali dołączonych do programu. Staram się zachować wszystkie techniki, których możesz używać w tym oprogramowaniu, dlatego często zwracam się do YouTube, aby odświeżyć swoją wiedzę. Poleciłbym Tiptut na kilka zabawnych lekcji animacji.

Jakieś zasoby polecasz projektantowi, który chce pracować w After Effects?

Lily Worth : Chociaż nie udaje mi się animować w After Effects, zagłębiłam się w niektóre z oferowanych przeze mnie wspaniałych zasobów, próbując się uczyć. Creative Bloq oferuje w tym poście co najmniej 50 przydatnych samouczków, które obejmują zarówno podstawowe, jak i bardziej złożone techniki. Tiptut ma też kilka fajnych filmów na YouTube.

Camille Palu : YouTube na pewno!

Shani Nestingen : YouTube na pewno. Ponadto Smashing Magazine zawiera kilka świetnych artykułów na ten temat, a także świetne samouczki wprowadzające do Lyndy i Pluralsight.

Jak radzisz sobie z wycinaniem elementów do projektu wiadomości e-mail w Figma? Mój zespół właśnie przerzucił się na Figmę i nie mogę się z tym uporać.

Camille Palu : Zapisuję rzeczy z Figmy w 2x większym rozmiarze i przenoszę te zapisane elementy do Photoshopa, aby je udoskonalić. Jestem naprawdę wybredna, jeśli chodzi o to, jak doskonałe muszą być obrazy. Przez większość czasu elementy oszczędzają się naprawdę ładnie, ale lubię się upewnić w Photoshopie i oszczędzać dla sieci.

Lily Worth : Używam podobnego procesu do Cam! Dużo borykam się z pikselami dziesiętnymi w Figmie, więc często sprawdzam i udoskonalam swoje obrazy w Photoshopie, zanim przekażę je Alice, aby przeszła do budowania wiadomości e-mail.

Czy masz jakieś rady dla projektanta próbującego włamać się do kodowania i projektowania e-maili?

Lily Worth : Na początku wspinanie się jest trochę górą, ale jest wiele zasobów, które pomogą Ci zacząć. Oto kilka pomocnych materiałów do czytania:

• Nie znasz kodowania e-maili? Oto od czego zacząć. (Naprawdę dobre e-maile)
• Przewodnik krok po kroku, jak utworzyć własny e-mail w formacie HTML (Uplers)
• Odniesienie do projektu e-maila (Mailchimp)
• 101 kodu e-mail (Litmus)

Połącz się również ze społecznością e-mailową za pośrednictwem #emailgeeks na Twitterze! Społeczność e-mailowa jest niesamowita i zawsze chętna do pomocy. Możesz także opublikować swoje pytania w społeczności Litmus, aby skontaktować się z projektantami e-maili i programistami w celu uzyskania wsparcia lub dołączyć do społeczności Email Geeks Slack.

Shani Nestingen : Linki, które udostępnia Lily, są tym, od czego zacząłem, ale zdecydowanie połączę się za pośrednictwem mediów społecznościowych, Twittera i grupy luzem Email Geeks. Jest tam tak wiele wspaniałych zasobów i ludzi, z którymi można się połączyć.

Czy masz jakieś zalecenia dotyczące najlepszej migracji z jednego narzędzia do drugiego? Chcemy przenieść nasz stos projektowy do Figma.

Lily Worth : Figma umożliwia łatwe importowanie projektów z programu Sketch. Jeśli migrujesz z Photoshopa, istnieje sposób na przekonwertowanie plików PSD na pliki Sketch, a następnie zaimportowanie do Figma.

Wspaniałą rzeczą w Figmie jest to, jak szybko możesz tworzyć układy i zapisywać moduły i elementy do swojej biblioteki, więc jeśli importowanie nie działa zbyt dobrze, odtworzenie niektórych istniejących plików w Figma może nie być zbyt bolesne (palce skrzyżowane).

Czy ktoś z was korzystał kiedyś z Adobe Fireworks? Porozmawiaj o powrocie!

Shani Nestingen : Używałem Fireworks tylko wtedy, gdy był jeszcze własnością Macromedia, ale podobało mi się, że mogę zapisywać wersje internetowe w bardzo niewielu krokach!

Jakie narzędzia poleciłbyś na dowolnym etapie procesu tworzenia wiadomości e-mail?

Jason Rodriguez : Oto niektóre z narzędzi, które omówiliśmy podczas webinaru, wraz z narzędziami zalecanymi przez innych uczestników:

• diffchecker.com
• prostokątaplikacja.com
• emailcomb.com
• howtotarget.e-mail
• Betterplaceholder.com
• imageoptim.com
• ezgif.com
• maleńkipng.com