Naprawdę dobre trendy w projektowaniu e-maili: nagrywanie webinarów + pytania i odpowiedzi

Twoi subskrybenci są bombardowani tysiącami wiadomości na różnych kanałach, a wyróżnienie Twojej marki jest trudniejsze niż kiedykolwiek. Jeden sposób na przebicie się przez hałas? Zaskocz ich naprawdę dobrym projektem e-maili.

W tym webinarium przyjrzeliśmy się trendom w projektowaniu e-maili na przestrzeni lat. Jak wyglądała poczta e-mail na początku XXI wieku? Jakie trendy dołączyły do ​​grona zwycięzców w 2019 roku? A co będzie ogromne w 2020 roku, a nawet w 2030 roku? Zespół naprawdę dobrych wiadomości e-mail dołączył do nas, aby przemierzyć ścieżkę pamięci w zakresie projektowania e-maili i pomógł nam przewidzieć, co będzie dalej.

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.

Czym różnią się te trendy w projektowaniu e-maili w B2C i B2B?

Mike Nelson : Te trendy są spójne we wszystkich sektorach B2B, B2C i non-profit. Tylko dlatego, że jesteś w jednej branży, nie oznacza to, że nie możesz wykorzystać pomysłów na projekt innej. Jedyną branżą, która wydaje się mieć swój własny rodzaj, są e-maile rządowe, które zazwyczaj są bardzo ciężkie.

Jaki jest najlepszy sposób na wykorzystanie białej przestrzeni, teraz, gdy tryb ciemny to utrudnia?

Mike : Wydaje się trochę mylące nazywanie tego „białą spacją”, podczas gdy tak naprawdę oznacza to tylko pustą przestrzeń. W tym kontekście nie ma znaczenia, czy jest biały, czy ciemny – po prostu chcesz zrobić miejsce dla każdego elementu.

Lily Worth : Myślę, że termin biała przestrzeń jest często uważany za negatywną przestrzeń, co jest przydatne, ponieważ nie jest specyficzne dla koloru.

Jakieś wskazówki dotyczące sposobu umieszczania bardziej przemyślanych elementów projektu wizualnego w e-mailach w stylu zwykłego tekstu?

Jason Rodriguez : W przypadku e-maili w stylu zwykłego tekstu, tak naprawdę sprowadza się to do hierarchii, więc nie jest to tylko jeden długi blob tekstu, na który Twoi subskrybenci prawdopodobnie nie będą patrzeć. Jeśli możesz stworzyć skanowalność, tworząc sekcje z różnymi nagłówkami — i używając różnych grubości lub innego stylu tekstu, aby wyróżnić te nagłówki — to również pomaga.

Mike : Jeśli nie piszesz długiego artykułu i nie używasz e-maila jako medium, spróbuj ograniczyć akapity do kilku lub kilku zdań. Używaj wypunktowań, w których możesz podsumować pomysły. Używaj znaków specjalnych, takich jak „##################”, aby tworzyć wizualne przerwy między pomysłami. W tej kolekcji na RGE mamy kilka dobrych przykładów wiadomości e-mail w stylu tekstu i listów .

Lily : Zgadzam się z Jasonem. Używanie różnych rozmiarów i grubości czcionek — i być może kilku różnych stylów czcionek w celu stworzenia pewnej hierarchii — pomoże w czytelności wiadomości e-mail i jej strawności. Z pewnością możesz być kreatywny z typografią; na dole naszego posta na blogu znajdziesz kilka fajnych przykładów e-maili zawierających tylko tekst, dotyczących pogrubionej typografii .

Czy istnieje sposób na udostępnienie animacji i animowanych GIF-ów?

Lily : animacja powinna odgrywać rolę pomocniczą, dlatego w treści pisemnej powinny znajdować się kluczowe komunikaty i wezwanie do działania . Jeśli animacja zawiera jakiekolwiek oddzielne i ważne informacje, należy to przedstawić w znaczniku ALT.

W przypadku samej animacji częstotliwość migania treści od 2 Hz do 55 Hz może zaszkodzić użytkownikom z epilepsją światłoczułą. Ponadto użytkownicy niedowidzący mogą mieć trudności z czytaniem lub przeglądaniem zawartości GIF, zanim animacja się zmieni. Upewnij się, że animowane pliki GIF mają płynne przejścia lub nie są animowane z jednej klatki do drugiej z dużą szybkością.

Jason : GIF-y mają bardzo dekoracyjny charakter w większości kampanii. Ale jeśli ten GIF nie ładuje się, jeśli nie ma go, gdy Twoi subskrybenci otwierają swój e-mail, to czy Twoja wiadomość nadal ma sens? Jeśli ktoś używa czytnika ekranu do odczytywania Twojej wiadomości e-mail, czy będzie w stanie zrozumieć Twoją wiadomość? Tak jak powiedziała Lily, jeśli GIF zapewnia niepowtarzalną wartość, upewnij się, że umieściłeś tę wiadomość w tagu ALT, aby wszyscy subskrybenci mieli dostęp do tych informacji.

Czy są jakieś narzędzia, które sugerowałbyś do tworzenia animacji i GIF-ów?

Matt Helbig : Wciąż widzimy, jak marki używają narzędzi takich jak Adobe Photoshop czy After Effects. Dodanie niektórych animacji CSS lub efektów najechania może być dobrym sposobem na dodanie ruchu do wiadomości e-mail za pomocą kilku linijek kodu.

Lily : Do tworzenia animacji, które przedstawiamy w wiadomościach e-mail Litmus, używamy programu Adobe Animate. To oprogramowanie pozwala nam tworzyć animacje GIF, PNG i HTML5 — ci, którzy pracowali z Flashem w przeszłości, uznają to oprogramowanie za znajome.

Whitney Rudeseal Peet : Jeśli chcesz zaimplementować animowane pliki PNG (APNG) , obecnie nie jest możliwe zapisywanie animacji jako plików APNG w programie Adobe Photoshop lub Adobe Animate. Gdy dołączamy pliki APNG do naszych wiadomości e-mail, do tworzenia animacji używamy programu Adobe Animate — ale każdą klatkę eksportujemy jako pojedynczy plik PNG. Aby przekonwertować wszystkie te pojedyncze pliki PNG do formatu APNG, możesz użyć narzędzia takiego jak PNG Animator lub tej bezpłatnej alternatywy ze strony ezgif.com .

Czy niestandardowe ilustracje są używane przez odbiorców B2B i B2C, czy głównie B2C?

Mike : Są mniej więcej równe. Przykłady, których użyliśmy podczas webinaru, mogły wyglądać bardziej w stylu konsumenckim, ale wszystkie pochodziły od firm B2B: Mailchimp (sprzedaż usług e-mail innym firmom), HelpScout (sprzedaż technologii obsługi klienta firmom) i Bulb (sprzedaż energii firmom). .

Jason : Jak wszystko w e-mailach, zależy to od Twojej marki i odbiorców — oraz od celu każdej kampanii. Jeśli więc pracujesz w jednej z tych branż, w których takie rzeczy jak niestandardowe ilustracje mogą być postrzegane jako mniej poważne, nie używaj ich. Należy jednak pamiętać, że istnieją również możliwości zakłócenia branży. Marki takie jak Simple czy Stripe w branży finansowej uwzględniają nowsze trendy w projektowaniu, ponieważ mogą wyraźniej przedstawiać abstrakcyjne koncepcje i nadać swoim markom odrobinę osobowości. Więc nigdy nie mów nigdy.

Czy nadal istnieją wyzwania związane z renderowaniem interaktywnych funkcji w klientach poczty e-mail?

Whitney : dla wielu firm niespójna i ograniczona obsługa skrzynek odbiorczych jest głównym powodem, dla którego nie wysyłają bardziej interaktywnych wiadomości e-mail. Niestety nadal tak jest w przypadku funkcji, takich jak efekty najechania kursorem i interaktywne karuzele obrazów. Mając to na uwadze, jeśli nadal chcesz wdrożyć interaktywność, nie musisz obawiać się ograniczonego wsparcia, jeśli masz rozwiązanie awaryjne. Aby rozpocząć, zapoznaj się z naszym postem na blogu, w którym znajdziesz informacje o rozwiązaniach awaryjnych dla interaktywnej poczty e-mail .

Co z trybem ciemnym zapewnia lepszą dostępność?

Mike : W tej przestrzeni wciąż prowadzi się wiele badań. Stwierdzenie, że "Tryb ciemny" jest łatwiejszy dla oczu, ponieważ oświadczenie zbiorcze nie jest poprawne, ale pomaga niektórym - i alternatywnie może być gorsze dla innych, takich jak osoby z ciężkim astygmatyzmem. Wykazano, że dla osób, które mają problemy ze snem, korzystanie z trybu ciemnego wieczorami jest bardziej pomocne niż jaśniejsze ekrany, które mogą wpływać na rytm dobowy. Tryb ciemny jest również powszechnie postrzegany jako mniej rozpraszający i używany do pomagania ludziom w skupieniu się . Ale jeśli kontrast jest zbyt silny — na przykład prawdziwe czarne tło i prawdziwy biały tekst — osobom z dysleksją trudniej jest go czytać . Można to złagodzić, nadal używając ciemnego tła, ale używając czegoś takiego jak ciemnoszary z kremowym kolorem czcionki.

Jak myślisz, jak te trendy projektowe mogą działać ze starszymi odbiorcami, 65+?

Mike : Nie omówiliśmy tego konkretnie, ale e-maile, które pokazaliśmy na webinarium i które widzimy w Naprawdę dobrych e-mailach, znacznie zwiększają rozmiar czcionki w porównaniu do zaledwie kilku lat temu. To jest coś, co obejmuje starsze osoby demograficzne. Istnieje również znajomość kierunku, w którym zmierzają trendy w Bauhausie i szwajcarskim designie.

Lily : Jak sugeruje Mike, style retro, które mają być popularne w 2020 roku, prawdopodobnie będą nostalgiczne dla starszej grupy demograficznej. Uproszczenie może być również pomocne dla odbiorców, ponieważ wiadomości e-mail stają się jeszcze mniej zaśmiecone, dzięki czemu wiadomość i wezwanie do działania są znacznie łatwiejsze do odczytania i zrozumienia.

Chociaż typografia to świetny sposób na wyróżnienie się, trudno jest uzasadnić, że wiele czcionek nie jest obsługiwanych w klientach poczty e-mail. Czy myślisz, że to się wkrótce zmieni?

Lily : Niestety, nie można wiedzieć, czy zostanie wprowadzone więcej wsparcia dla czcionek internetowych, ale z pewnością chcielibyśmy, aby tak się stało. To przydatne narzędzie może w międzyczasie pomóc w znalezieniu odpowiedniego rozwiązania do użycia z czcionką internetową.

Jak Twoim zdaniem będzie ewoluować personalizacja, jeśli chodzi o niektóre z tych nowych trendów?

Matt : Spodziewamy się, że więcej marek będzie personalizować każdą sekcję wiadomości e-mail. Klienci będą wymieniać dane dla lepszego doświadczenia. Łatwe do zrozumienia raporty, unikalne oferty i podziękowania sprawiają, że klienci czują się jak VIP. Marketingowcy e-mailowi ​​powinni przekształcić dane klientów w to, co jest najbardziej przydatne i istotne dla subskrybentów.

Dodatkowo, oto wszystkie kolekcje Naprawdę dobrych wiadomości e-mail dla trendów, które omówiliśmy podczas webinaru:

• Niestandardowe ilustracje
• Bardziej przemyślany projekt wizualny
• Ciemniejsze wzory
• Odważniejsze kolory
• Animowane e-maile