Co robić, a czego nie robić w projektowaniu e-maili

Opublikowany: 2019-01-25

E-mail marketing to idealna i przystępna cenowo strategia marketingowa dla małych firm, które chcą szybko zbudować bazę klientów i przynosić zyski przy minimalnych nakładach inwestycyjnych. Ale zanim będziesz mógł skłonić ludzi do klikania twoich wiadomości, musisz przyciągnąć ich uwagę. Projekt odgrywa kluczową rolę w sukcesie marketingowym, dlatego podczas opracowywania kampanii e-mail należy pamiętać o następujących zaleceniach dotyczących projektowania wiadomości e-mail, a których nie.

Wskazówki dotyczące projektowania układu wiadomości e-mail

Od nagłówka do stopki, układ wiadomości e-mail powinien w naturalny sposób kierować oczy czytelników poprzez korzyści, które wywołują pożądanie i w kierunku silnych wezwań do działania (CTA), które motywują do odpowiedzi.

Co robić

  • Zrównoważ zawartość i zawieraj więcej tekstu niż obrazów — od co najmniej 60 procent tekstu do 40 procent obrazów.
  • Uwzględnij dużo białej przestrzeni, aby uzyskać czysty wygląd, który wizualnie oddziela elementy projektu.
  • Nadaj priorytet hierarchii treści, umieszczając najważniejszą treść na pierwszym miejscu — w części strony widocznej na ekranie.
  • Użyj responsywnego szablonu zoptymalizowanego zarówno pod kątem komputerów stacjonarnych, jak i urządzeń mobilnych (50 procent e-maili jest otwieranych na urządzeniach mobilnych).
  • Spraw, aby Twoje treści były łatwe do skanowania, aby odbiorcy nie musieli czytać każdego słowa, aby zrozumieć Twój e-mail i klikać CTA.
  • Używaj nagłówków i podtytułów, aby zachować wizualną organizację.

Poniższy przykład z Panera Bread ma dużo pustej przestrzeni, umiejętnie miesza obrazy i tekst oraz używa podtytułów do dzielenia sekcji. Wszystkie te elementy współpracują ze sobą, tworząc wiadomość e-mail, którą można zeskanować i atrakcyjną wizualnie.

Wskazówki dotyczące projektowania układu wiadomości e-mail

Nie!

  • Nie używaj jednego obrazu do swoich e-maili; wielu klientów poczty e-mail nie wyświetla automatycznie obrazów.
  • Nie umieszczaj w e-mailu długiego bloku tekstu. Zamiast tego podziel treść na zwięzłe sekcje.
  • Nie rób zbyt długich e-maili. Niektóre klienty poczty e-mail obcinają długie wiadomości (na przykład Gmail wycina wszystkie wiadomości większe niż 102 KB). Przycięte wiadomości są nie tylko szkodliwe dla marketingu i przekazywania, ale mogą naruszać zasady CAN-SPAM, ponieważ ukrywają linki do anulowania subskrypcji.
  • Nie umieszczaj w e-mailach wszystkiego, o czym myślisz; zamiast tego używaj e-maili jako narzędzi do motywowania kliknięć w celu uzyskania większej ilości informacji i zakupów.
  • Nie używaj ciemnego, wzorzystego lub graficznego tła dla treści (można mieć ciemne tło za jaśniejszym obszarem treści głównej, co może sprawić, że e-maile wyskoczą, chociaż nie będzie to widoczne we wszystkich klientach poczty e-mail).
  • Nie rób zbyt dużego obciążenia układu — e-maile powinny być proste dzięki łatwym do przeanalizowania podsumowaniom i wyraźnym wezwaniom do działania.

E-mail ze wskazówkami dotyczącymi kolorów

Wybrany przez Ciebie kolor wiadomości e-mail może wyróżnić Twoją markę i wiadomość. Choć fajnie jest eksperymentować z kolorami, twoje wybory powinny być strategiczne.

Co robić

  • Ogranicz liczbę używanych kolorów (możesz dopasować kolory swojej marki i witryny lub wybrać kolory właściwe dla Twojej aktualnej promocji).
  • Kontrastuj ciemny tekst z jasnym tłem.
  • W razie potrzeby wypełnij nagłówki i stopki swoim podstawowym kolorem lub użyj kolorowych linii, aby oddzielić je od głównej treści.
  • Użyj obrazów, aby dodać dodatkowe kolory do projektu wiadomości e-mail.

Czerwony i żółty w e-mailu Dr. Martensa poniżej dodają ładnego koloru i uzupełniają czarno-białe elementy projektu. Ograniczona paleta kolorów zwraca uwagę czytelnika na kopię, podczas gdy bardziej zajęty projekt może odciągnąć uwagę od najważniejszych informacji.

E-mail ze wskazówkami dotyczącymi kolorów

Nie!

  • Nie używaj kolorowego tekstu głównego – zachowaj go w kolorze czarnym lub ciemnoszarym.
  • Nie używaj ciemnego tła w głównym obszarze zawartości.
  • Nie używaj w projekcie więcej niż dwóch kolorów (wielokolorowe logo i obrazy są w porządku).
  • Nie używaj kolorów, które się kłócą lub są w inny sposób nieatrakcyjne.

Czcionki e-maili i wskazówki dotyczące typografii

Zachowaj prostotę typografii, aby czytelne e-maile przyciągały uwagę czytelników.

Co robić

  • Używaj tylko jednej lub dwóch czcionek w wiadomości e-mail.
  • Użyj czcionek bezszeryfowych dla tekstu podstawowego; W nagłówkach i podtytułach można używać czcionek bezszeryfowych lub szeryfowych.
  • Używaj prostych, czytelnych i bezpiecznych w Internecie czcionek. Przykłady obejmują Open Sans, Helvetica, Courier, Raleway, Droid Serif, Arial, Tahoma, Times New Roman, Georgia i Trebuchet MS.
  • Czcionki tekstu głównego dopasowują rozmiar od 14 do 16 punktów, a czcionki nagłówków od 22 do 24 punktów, aby zapewnić najlepszą czytelność.
  • Używaj czcionek dopasowanych do Twojej marki i przekazu.

Domino's ma trochę zabawy z czcionkami, których używa w tym e-mailu. Ale nawet ich bardziej stylizowany tekst jest łatwy do odczytania.

Czcionki e-maili i wskazówki dotyczące typografii

Nie!

  • Używaj czcionek skryptowych lub innych fantazyjnych czcionek, które mogą być trudne do odczytania.
  • Używaj niestandardowych czcionek, które mogą nie renderować się poprawnie na wszystkich urządzeniach.
  • Użyj kolorowych czcionek, z wyjątkiem nagłówków (ciemnoszary lub czarny najlepiej sprawdzają się w przypadku kopiowania treści).

Porady dotyczące emotikonów e-mail

Wykorzystanie emoji przez marki w komunikacji cyfrowej wzrosło o 609% rok do roku. Oto jak z nich właściwie korzystać.

Co robić

  • Dołącz emotikony, aby zaoszczędzić miejsce, ale powiedz więcej w tematach wiadomości e-mail (utrzymuj tematy poniżej „magicznego” progu 49 znaków).
  • Użyj emotikonów, aby wyróżnić tematy e-maili w skrzynkach odbiorczych odbiorców.
  • Używaj tylko odpowiednich emotikonów, które pomagają przekazać wiadomość i wzbudzić zainteresowanie.
  • Dodaj osobowość za pomocą emotikonów w pozdrowieniach i podpisach.
  • Użyj emotikonów, aby wyróżnić oferty i oferty specjalne w tekście głównym.

Powyższy temat z Tarte Cosmetics, zawierający dwa ananasowe emotikony, był idealnym wprowadzeniem do e-maila o ich nowej palecie do makijażu w kształcie ananasa:

Porady dotyczące emotikonów e-mail

Nie!

  • Nie nadużywaj emotikonów – powinny one służyć jako znaczące akcenty, a nie większość wiadomości.
  • Nie używaj mylących emotikonów. Trzymaj się emotikonów, które są powszechnie rozpoznawane: buźki, kubki do kawy itp.
  • Nie polegaj wyłącznie na emotikonach, aby przedstawić kluczowe kwestie. Mogą nie wyświetlać się poprawnie we wszystkich klientach poczty e-mail, dlatego należy ich używać do wzmacniania wiadomości.

Wyślij e-mailem wskazówki dotyczące obrazów

Obrazy są warte tysiąca słów, ale w e-mailach powinny być używane z umiarem.

Co robić

  • Zapisuj obrazy z rozdzielczością 72ppi/dpi i optymalizuj pod kątem Internetu, aby szybko ładować wiadomości e-mail.
  • Używaj obrazów JPG i PNG w wiadomościach e-mail. Używaj GIF-ów oszczędnie i tylko wtedy, gdy nie są zbyt duże.
  • Układaj obrazy i tekst naprzemiennie, aby uzyskać przejrzysty, łatwy do naśladowania układ.
  • Używaj przekonujących obrazów, które wywołują pożądanie i opowiadają Twoją historię: na przykład używane produkty lub zadowoleni klienci.
  • Użyj tekstu alternatywnego obrazu, aby czytelnicy mogli przeczytać, o czym są Twoje obrazy, jeśli ich klienci poczty e-mail ich nie wyświetlają. Dobry tekst alternatywny nadal będzie motywował kliknięcia.
  • Obrazy o rozmiarze do wyświetlaczy siatkówki (dwukrotnie większe od normalnych wyświetlaczy).

Poniższy e-mail od Whosits & Whatsits wykorzystuje wysokiej jakości obrazy do promowania nowej linii kapeluszy. Modelki pokazane są w akcji, co ożywia zdjęcia.

Wyślij e-mailem wskazówki dotyczące obrazów

Ten e-mail od Whosits & Whatsits wykorzystuje wysokiej jakości obrazy do promowania nowej linii kapeluszy. Modelki pokazane są w akcji, która ożywia zdjęcia.

Nie!

  • Nie używaj obrazów jako całej wiadomości e-mail, ponieważ mogą nie wyświetlać się automatycznie w wielu klientach poczty e-mail.
  • Nie używaj obrazów jako przycisków wezwania do działania, ponieważ mogą się nie renderować.
  • Nie polegaj na obrazach, aby opowiedzieć swoją historię; zostanie utracony przez klienty poczty e-mail, które nie renderują automatycznie obrazów.
  • Nie używaj skomplikowanych lub mylących obrazów, które mogą zrazić klientów.
  • Nie zwiększaj rozmiaru obrazu w wiadomościach e-mail — zawsze zmniejszaj rozmiar, aby uzyskać wyraźne, urzekające obrazy w wiadomościach e-mail.

E-mailowe wskazówki wezwania do działania (CTA)

Twoje wezwanie do działania napędza sukces e-maili. Upewnij się, że jest to skuteczne dzięki tym wskazówkom.

Co robić

  • Nadaj swojemu wezwaniu do działania kolorowy przycisk, który wyróżnia się na tle pozostałej treści wiadomości e-mail.
  • Tekst CTA powinien być krótki i znaczący: kup teraz, dowiedz się więcej, czytaj więcej itd. Zapoznaj się z listą 50 wezwań do działania, które sprzedają więcej pomysłów.
  • Umieść swoje pierwsze wezwanie do działania w części widocznej na ekranie i powtórz je poniżej, jeśli to konieczne (dwa lub trzy wezwania do działania na e-mail to dobra zasada).
  • Spraw, aby Twoje przyciski były wystarczająco duże, aby czytelnicy ich nie przegapili.

Ciemnoszare przyciski wezwania do działania Uniqlo znajdują się u góry strony i wyróżniają się na jasnym tle wiadomości e-mail:

E-mailowe wskazówki wezwania do działania (CTA)

Nie!

  • Nie przeciążaj swojego e-maila różnymi wezwaniami do działania. Zamiast tego skup się na zachęcaniu czytelników do jednego działania. Jeśli masz więcej, wyślij więcej niż jeden e-mail.
  • Nie ukrywaj swojego wezwania do działania. Chcesz, aby Twoje wezwanie do działania wyróżniało się, było zauważone i klikane.
  • Nie odchodź od tematu. Twoje wezwanie do działania powinno być zgodne z tematem, aby czytelnicy wiedzieli, czego się spodziewać po otwarciu wiadomości e-mail i przestrzegać przepisów CAN-SPAM (bez oszustw!).

Wskazówki dotyczące nagłówka i stopki wiadomości e-mail

Uzyskaj profesjonalny wygląd dzięki tym wskazówkom dotyczącym projektowania nagłówków i stopek wiadomości e-mail.

Co robić

  • Umieść logo lub nazwę firmy w nagłówku, aby zidentyfikować swoją markę.
  • Dodaj tekst zwiastuna przed nagłówkiem, który pojawi się w temacie w wielu klientach poczty e-mail i da ci kolejną możliwość wpływania na otwarcia.
  • Zastosuj ten sam nagłówek i stopkę we wszystkich kampaniach, aby zapewnić spójną markę.
  • Uwzględnij w stopce informacje kontaktowe, dodatkowe zasoby, takie jak linki do mediów społecznościowych i linki o wartości dodanej, linki do anulowania subskrypcji i wszelkie prawne drobne druki.

W poniższej promocyjnej wiadomości e-mail logo Lucky Brand jest pierwszą rzeczą, którą zobaczysz po otwarciu. Sprzedawca odzieży zawsze umieszcza również linki do mediów społecznościowych w swoich stopkach e-maili.

Wskazówki dotyczące nagłówka i stopki wiadomości e-mail

Nie!

  • Nie twórz skomplikowanego projektu nagłówka lub stopki — zachowaj prostotę, aby czytelnicy mogli dotrzeć do treści wiadomości e-mail.
  • Nie dodawaj dużo nawigacji do nagłówka lub stopki. Uprość tak bardzo, jak to tylko możliwe, aby skutecznie oznakować swoje e-maile bez przeszkadzania w przekazie.
  • Nie umieszczaj zbyt dużej ilości tekstu w nagłówku ani stopce — znowu kluczem jest prostota.

Zawsze, gdy majstrujesz przy projektowaniu wiadomości e-mail, pamiętaj, że najlepszą praktyką jest upewnienie się, że nowe elementy projektu wyglądają prawidłowo na każdej platformie i w każdej przeglądarce; na szczęście zestaw testowy VerticalResponse sprawia, że ​​ta część jest łatwa. Dzięki tym wskazówkom możesz zaprojektować atrakcyjne e-maile, które będą się otwierać, motywować do kliknięć i napędzać sprzedaż.

Dołącz do 140 000 właścicieli małych firm

Otrzymuj porady ekspertów i inspiracje e-mailem dostarczane do Twojej skrzynki odbiorczej co dwa tygodnie.

Uwaga redaktora: Ten artykuł został pierwotnie opublikowany w 2016 roku i został przepisany pod kątem dokładności i trafności.