Animowane e-maile: 9 porad i 12 świetnych przykładów

Trudno wyobrazić sobie komunikację w sieci bez animacji. Używamy ich codziennie, żeby wyrazić emocje, pokazać reakcję, a nawet wysłać zamiast wiadomości tekstowej!

Nic dziwnego, że animowane GIF-y trafiły też do e-maili. Dynamiczne i pełne energii, mogą stać się nieocenione w Twoich kampaniach. Zanim jednak zdecydujesz się na animowany e-mail, musisz przemyśleć sporo szczegółów:

• Kiedy warto dodać GIF-a do e-maila?
• Jak wstawić GIF-a do e-maila?
• Jak długi może być GIF?
• Co w nim pokazać?
• I wiele, wiele więcej.

Spokojnie: właśnie o tym jest ten poradnik. Przeczytaj artykuł, poznaj wszystkie tajniki animowanych GIF-ów w e-mailach i naucz się tworzyć animowane e-maile, które wzmocnią Twoje kampanie i zapadną w pamięć.

Animowane GIF-y w e-mailach: zalety i wady

Zacznijmy od początku. Czy animowane e-maile naprawdę są warte zachodu? Porównajmy zalety i wady GIF-ów w e-mailach, żeby się przekonać.

Animowane GIF-y dają kampaniom e-mailowym całą masę korzyści. Na przykład:

1. Wprowadzają ruch. Najbardziej oczywista zaleta animacji to ruch, który ożywia wiadomość. Animowane GIF-y w e-mailach naturalnie przyciągają uwagę: łapią wzrok czytelnika i sprawiają, że wiadomość wygląda o wiele żywiej.
2. Ożywiają tekst e-maila. Twoja wiadomość w formie zwykłego tekstu wydaje się zbyt nudna? Dodaj jej pazura animacją (albo przekaż potrzebne informacje za pomocą GIF-a)! Zwykłe obrazy też świetnie się sprawdzają, ale animowane GIF-y zwiększają zaangażowanie i ilustrują tekst e-maila w bardziej błyskotliwy sposób.
3. Mogą zastąpić wideo. Wybierz animowany GIF, gdy chcesz dodać trochę akcji, a długie nagranie to już za dużo. Jeśli potrzebujesz tylko kilku sekund zamiast całego filmu, animacja GIF z powodzeniem go zastąpi i sprawdzi się równie dobrze (a może nawet lepiej).

Ale oprócz wyraźnych zalet animowane GIF-y w e-mailach mają też spore minusy:

1. Mogą dużo ważyć. Jedna animacja GIF składa się z wielu klatek. Im są bardziej złożone i rozbudowane, tym cięższy plik. Zwracaj uwagę na rozmiar: zbyt duże elementy e-maila mogą powodować problemy z dostarczalnością i filtrami antyspamowymi.
2. Nie wszędzie są obsługiwane. Dziś zdecydowana większość klientów poczty i urządzeń obsługuje animowane e-maile. Mimo to możesz trafić na przeszkody. Jeśli na przykład odbiorca korzysta ze starszej wersji oprogramowania (jak Outlook 2007–2016), animowany GIF może zatrzymać się na jednej klatce albo w ogóle się nie załadować.
3. Mogą nie pasować do sytuacji. GIF-y nie sprawdzają się równie dobrze we wszystkich typach e-maili. Jeśli wiadomość ma poważny (albo oficjalny) ton, GIF-y mogą wyglądać nieprofesjonalnie, a czasem wręcz niestosownie.

Kiedy używać GIF-ów w e-mailu?

Po zważeniu wszystkich zalet i wad animowanych e-maili możesz się zastanawiać: czy są sytuacje, w których GIF-y są nie tylko dopuszczalne, ale wręcz niezbędne? Oczywiście, i to niejedna!

Animowane GIF-y w e-mailach mogą być dokładnie tym, czego szukasz, jeśli chcesz:

• Pokazać swoją markę. GIF-y świetnie sprawdzają się, gdy chcesz pokazać styl marki i sprawić, żeby zapadła w pamięć. Animacje tchną życie w maskotki i dodadzą ruchu wszystkim innym rozpoznawalnym elementom.

Doskonałym przykładem jest ten animowany e-mail od Headspace, który pokazuje znany minimalistyczny styl marki.

• Promować nowe produkty. Animowane GIF-y idealnie nadają się do prezentowania nowych linii produktów w pełnej krasie! Wykorzystaj siłę animacji, żeby pokazać wygląd, możliwości i wyjątkowe cechy swoich produktów w sposób niedostępny dla statycznych obrazów.

Oto świetny przykład animowanego e-maila od Warby Parker, który za pomocą GIF-a pokazuje nową technologię Memory Metal w oprawkach okularów.

• Ogłaszać wyprzedaże i oferty. Jeśli chcesz tworzyć wyjątkowe ogłoszenia, zwróć uwagę na animowane e-maile. Czy to świąteczna wyprzedaż, czy oferta ograniczona czasowo, GIF-y podkreślą okazję, zwiększą zaangażowanie i zachęcą subskrybenta do działania.

Tak True Grit Texture Supply ogłasza „Snap Sale” za pomocą animowanego GIF-a w swoim e-mailu.

• Pokazać produkty w działaniu. Animowane GIF-y w e-mailach mogą służyć jako instrukcja obsługi produktów albo pokazywać dynamiczne sekwencje „przed i po”. Stwórz krótką animację (albo użyj krótkiego nagrania) i zaprezentuj produkty z najlepszej strony.

Na przykład animowany e-mail od Rael zawiera GIF-a, który pokazuje, jak nałożyć maskę w płachcie.

Skąd wziąć GIF-a do e-maila?

Teraz zobaczmy, skąd wziąć najważniejszy składnik animowanego e-maila, czyli sam GIF. Masz 3 możliwości:

1. Skorzystaj z Blocks. Nasz zaawansowany kreator e-maili ma ogromną bibliotekę darmowych GIF-ów na każdą okazję! Przejdź do sekcji „GIF” w Centrum obrazów, wpisz zapytanie w polu wyszukiwania i wybierz animację, która najbardziej Ci się podoba.

Chcesz dodać do e-maila własny animowany GIF? Nic prostszego! Gdy plik GIF jest gotowy, przeciągnij go prosto do Centrum obrazów, prześlij z folderu na komputerze albo wklej adres URL prowadzący do animacji.

2. Skorzystaj z zewnętrznych serwisów. Świetne GIF-y znajdziesz w wyspecjalizowanych serwisach, takich jak GIPHY, a nawet w wyszukiwarce Google! To dobry sposób na oszczędność czasu, ale pamiętaj o 2 rzeczach:

• Bez elementów marki takie GIF-y siłą rzeczy nie będą wyjątkowe. Z drugiej strony to dobry wybór, jeśli chcesz po prostu ożywić wiadomość albo przekazać emocje.
• Część GIF-ów znalezionych w Google (i innych wyszukiwarkach) jest chroniona prawem autorskim i nie wolno ich używać za darmo. Zanim dodasz GIF-a do e-maila, sprawdź to, żeby nie naruszyć praw autorskich.

Oto przykład takiego podejścia: Heatonist ilustruje swój e-mail powitalny animowanym fragmentem Simpsonów.

3. Stwórz własnego GIF-a. Animacje szyte na miarę to jedyna droga, jeśli chcesz pochwalić się marką, ofertami i innymi wyjątkowymi szczegółami. Na szczęście jest mnóstwo programów i serwisów, w których je stworzysz, w tym wspomniane już GIPHY, Photoshop i wiele innych!

9 porad do animowanych e-maili

Gotowy, żeby tworzyć animowane e-maile? Pomożemy Ci wycisnąć z nich jak najwięcej! Skorzystaj z tych 9 skutecznych porad, żeby przyciągnąć uwagę subskrybentów i trzymać rękę na pulsie w e-mail marketingu.

Zastanów się, czy GIF jest Ci potrzebny

GIF-y są świetne (i mogą nawet zwiększyć współczynnik klikalności o 26%), ale to nie znaczy, że musisz ich używać zawsze. Animowany GIF w e-mailu musi mieć cel. W przeciwnym razie to tylko strata czasu, miejsca i zasobów.

Pilnuj rozmiaru

Gdy tworzysz albo wybierasz animowanego GIF-a do e-maila, upewnij się, że nie jest zbyt ciężki. Ciężka treść może zaszkodzić kampanii na kilka sposobów. Na przykład:

• Rozmiar treści wpływa na czas ładowania e-maila, co szczególnie widać przy wolnym połączeniu. Do tego odbiorcy z ograniczonym transferem na pewno nie ucieszą się, że pochłonął go jeden e-mail.
• Klienci poczty mogą uznać ciężkie e-maile za podejrzane. Trzymaj rozmiar treści w rozsądnych granicach, żeby nie uruchomić filtrów bezpieczeństwa i nie trafić do folderu „Spam”.

Najlepiej, żeby animowany GIF ważył mniej niż 1MB. Wtedy szybko się załaduje i zużyje mniej danych mobilnych.

Oto świetny przykład od Cat Person: GIF w e-mailu jest prosty i lekki, a przy tym pełen życia.

Unikaj złożoności

Nie chodzi tylko o rozmiar: GIF to format skompresowany, więc zbyt szczegółowe grafiki mogą cierpieć na artefakty i utratę jakości. Żeby tego uniknąć, zadbaj, żeby GIF do e-maila był umiarkowany: bez mnóstwa klatek i zbyt skomplikowanych grafik.

Możesz też animować tylko część GIF-a (np. tło albo konkretny element). Zaoszczędzisz czas i wyeksponujesz ważne szczegóły wiadomości.

Zobacz ten skromny, ale świetny animowany e-mail od The New York Times, który prezentuje aplikację mobilną.

Pamiętaj o limicie kolorów

Typowy GIF może mieć najwyżej 256 kolorów na klatkę. Dla porównania JPEG obsługuje do 16 milionów kolorów i odcieni. Miej to na uwadze, bo statyczny obraz mieniący się setkami kolorów po zamianie na GIF po prostu nie będzie tak wyrazisty.

Za to uproszczone kształty w jednolitych kolorach, bez gradientów, sprawdzają się w animacjach GIF wyjątkowo dobrze. Oto świetny przykład od Pelago: animacja używa tylko 4 kolorów (białego, czarnego, szarego i żółtego) na niebieskim tle.

Postaw na pierwszą klatkę

Może to zaskakiwać, ale pierwsza klatka odgrywa bardzo ważną rolę w animowanych GIF-ach w e-mailach. Czasem, nawet gdy animacja się nie załaduje, pierwsza klatka pozostaje widoczna. Dlatego:

1. jeśli masz do przekazania coś ważnego, umieść to w pierwszej klatce GIF-a;
2. zadbaj, żeby pierwsza klatka wyglądała jak samodzielny obraz (np. Twojego nowego produktu). Wtedy nawet jeśli animacja się zatnie, wciąż będzie cieszyć oko.

W tym animowanym e-mailu reaktywacyjnym od Zoom pierwsza klatka może działać jako samodzielny obraz, jeśli reszta się nie załaduje.

Nie przesadzaj z długością

Skoro przeciętny czas skupienia uwagi (wierz lub nie!) to tylko 8 sekund, najlepiej, żeby GIF w e-mailu był stosunkowo krótki.

Ale jak długi właściwie może być GIF w e-mailu? Technicznie liczba klatek w jednym GIF-ie nie jest ograniczona. Biorąc jednak pod uwagę czas skupienia uwagi (i to, że każda klatka zwiększa rozmiar pliku), radzimy trzymać się około 2–6 sekund, żeby osiągnąć najlepszy efekt.

Na przykład w tym animowanym e-mailu od Artsy GIF składa się z zaledwie 3 klatek i w kilka sekund przekazuje wszystkie potrzebne informacje.

Buduj poczucie pilności animacjami

Szukasz sposobu na dodatkowe zaangażowanie? Dodaj do e-maila specjalnego GIF-a i zbuduj poczucie pilności! Na przykład:

• użyj obrazu zegara z ruchomymi wskazówkami. Ten drobny szczegół daje poczucie, że czas ucieka;
• stwórz licznik odliczający. To znacznie bardziej bezpośrednia opcja: pokazuje dokładnie, ile czasu zostało, i jeszcze mocniej podsyca poczucie pilności.

Tak robi to Restream w swoim animowanym e-mailu: wiadomości o „Final Countdown” towarzyszy licznik i tekst „This time running out”.

Nie dodawaj zbyt wielu GIF-ów

Wiemy już, jak ważne jest, żeby rozmiar i długość animowanych GIF-ów w e-mailach były umiarkowane. To samo dotyczy ich liczby.

Najlepiej używać nie więcej niż 1 GIF-a na e-mail (albo kilku prostych animacji). Nadmiar GIF-ów psuje wygląd e-maila, zwiększa jego wagę i może irytować.

Oto przykład e-maila z programem poleceń od Postable, w którym jest tylko 1 (ale bardzo wyrazisty) animowany GIF.

Testuj e-maile i dodawaj tekst alternatywny

Na koniec dodaj do GIF-a tekst alternatywny. Ten pozornie drobny szczegół przydaje się z 2 powodów:

1. gdy animacja się nie załaduje (albo klient poczty jej nie obsługuje), tekst alternatywny zadziała jak „siatka bezpieczeństwa” i wyświetli się zamiast niej;
2. dzięki tekstowi alternatywnemu treść e-maila pozostaje dostępna dla odbiorców z niepełnosprawnością wzroku, którzy korzystają z czytników ekranu.

No i oczywiście przetestuj animowane e-maile w różnych klientach poczty i na różnych urządzeniach, zanim zaczniesz ich używać. Usuń wszystkie problemy, żeby zapewnić odbiorcom jak najlepsze wrażenia.

Podsumowanie

Animowane GIF-y w e-mailach, tworzone i używane z głową, mogą bardzo pomóc Twojej kampanii. Te najważniejsze wnioski posłużą Ci za ściągę, gdy zabierzesz się za animowane e-maile:

• zanim dodasz animowanego GIF-a do e-maila, określ jego cel i zastanów się, czy w ogóle go potrzebujesz;
• trzymaj się 1 GIF-a na e-mail;
• zadbaj, żeby GIF był lekki i niezbyt skomplikowany;
• pamiętaj o ograniczonej palecie kolorów i projektuj GIF-y z myślą o niej;
• zwróć szczególną uwagę na pierwszą klatkę GIF-a;
• używaj GIF-ów, żeby budować poczucie pilności i skłaniać subskrybentów do działania;
• testuj animowane e-maile i dodawaj tekst alternatywny.

Niezależnie od tego, czy masz ambitny pomysł, czy po prostu chcesz ożywić wiadomość zabawną animacją, Blocks będzie Twoim niezastąpionym pomocnikiem! Zarejestruj się za darmo i twórz świetne animowane e-maile w kilka minut.