7 wskazówek dotyczących projektowania skutecznych wiadomości e-mail w 2016 roku

Jako projektant e-maili Twoim zadaniem jest zapewnienie subskrybentom funkcjonalnej obsługi poczty e-mail. Oznacza to wyeliminowanie tarcia, które może zniszczyć wrażenia subskrybenta, a ostatecznie zaszkodzić wizerunkowi Twojej marki.

Osiągnięcie tego celu komplikuje fakt, że poczta elektroniczna stale się rozwija. Niezwykle ważne jest, aby być na bieżąco z najnowszymi aktualizacjami w świecie poczty e-mail, zwłaszcza gdy te zmiany — takie jak nowe aplikacje i aktualizacje obsługi HTML i CSS — mogą wpłynąć na starannie zaprojektowane kampanie.

W Raporcie o stanie poczty e-mail 2016 podsumowaliśmy wszystko, co wydarzyło się w świecie poczty e-mail w zeszłym roku, pomagając zidentyfikować główne innowacje, które mogą mieć ogromne znaczenie dla Twoich kampanii e-mailowych.

Pobierz darmowy raport →

Oto zapowiedź tego, co znajdziesz w środku:

1. MIEJ NA UWADZE ZEGAREK JABŁKOWY

W kwietniu 2015 roku wypuszczono Apple Watch. Dodanie urządzeń do noszenia do floty aplikacji pocztowych było nieuniknione — i niesie ze sobą poważne implikacje dla projektantów poczty e-mail. Jeśli wśród Twoich odbiorców są pierwsi użytkownicy technologii i potencjalni użytkownicy zegarka, rozważ wrażenia subskrybenta na zegarku.

Ponieważ Apple Watch wyświetla zwykły tekst po wykryciu zdalnych lub połączonych obrazów, kluczowe znaczenie ma zoptymalizowanie wersji tekstowej wiadomości e-mail. Należy również pamiętać, że znaki specjalne, dodatkowe spacje i inne sztuczki formatowania zarezerwowane do używania zwykłego tekstu na komputerze są bardzo słabo przekładane na mały ekran zegarka.

Istnieje również bardziej zaawansowana opcja dodania trzeciej części do wiadomości: text/watch-html. Dołączając tę ​​dodatkową część i określając Content-Type jako „text/watch-html”, zegarek wyświetli część text/watch zamiast zwykłego tekstu, gdy część HTML jest nieodpowiednia. Pamiętaj jednak, aby skonsultować się z ESP przed dodaniem części do zegarka — nie wszyscy ją obsługują.

2. OPTYMALIZUJ POD KIERUNKIEM BLOKOWANIA OBRAZU

Outlook 2016 i aplikacja Alto Mail firmy AOL zostały wprowadzone w 2015 r. — i domyślnie obrazy każdego bloku. Projektanci wiadomości e-mail powinni używać defensywnych technik projektowania, takich jak tekst ALT, kuloodporne przyciski oraz odpowiednia równowaga obrazów i tekstu HTML, aby zwalczać blokowanie obrazów.

3. NIE UKRYJ SWOJEGO LINKU DO REZYGNACJI Z SUBSKRYPCJI

We wrześniu 2015 r. Gmail udostępnił nową funkcję „blokowania” wszystkim użytkownikom poczty internetowej Gmail i aplikacji Gmail na Androida, dając klientom jeszcze jedną możliwość pozbycia się niechcianych skrzynek odbiorczych. Kiedy subskrybent „blokuje” nadawcę, oznacza to, że nigdy więcej nie zobaczy wiadomości e-mail od tego nadawcy.

Plusem jest to, że nowa opcja „blokuj” powinna ograniczyć skargi dotyczące spamu, ponieważ niektórzy subskrybenci, którzy wcześniej kliknęli „zgłoś spam”, teraz klikną „zablokuj”. Minusem jest to, że przycisk „zablokuj” mógł utworzyć nowy, dolny pasek dla interwencji dostawcy usług internetowych, więc niektórzy subskrybenci, którzy mogli wcześniej kliknąć „wypisz się”, teraz zamiast tego klikną „zablokuj”.

Więc co powinieneś zrobić? Ułatw sobie wypisanie z subskrypcji. Jeśli subskrybenci nie mogą łatwo znaleźć Twojego linku do rezygnacji, niektórzy po prostu zablokują Twoją wiadomość lub oznaczą ją jako spam. Jeśli link do anulowania subskrypcji jest zapisany małym, szarym tekstem, nadszedł czas, aby wydzielić go w oddzielnym wierszu z większym, łatwiejszym do odczytania tekstem.

Ponadto dodaj nagłówek „list-unsubscribe”, a Gmail w pewnych okolicznościach umieści link „Anuluj subskrypcję” po Twojej nazwie nadawcy i adresie e-mail nadawcy.

Chociaż ten link umożliwia subskrybentom pominięcie procesu rezygnacji – w tym centrum preferencji, jeśli z niego korzystasz – nadal lepiej jest otrzymać skargę dotyczącą blokady lub spamu.

4. ZAKTUALIZUJ INTERAKTYWNE E-MAILE

We wrześniu 2015 r. firma Apple wydała najnowszą wersję swojego mobilnego systemu operacyjnego iOS 9. Ten zaktualizowany system operacyjny dodał obsługę kilku nowych właściwości CSS — i wprowadził kilka zmian, które mogą frustrować projektantów poczty e-mail.

Jedna taka frustracja? Ogólny selektor rodzeństwa (~) nie zawsze jest obsługiwany. Członkowie społeczności Litmus, Remi Parmentier i Justin Khoo, zgłosili, że ogólny selektor rodzeństwa ~ nie jest obsługiwany w systemie iOS 9, gdy jest używany z selektorami pseudoklas :hover lub :checked.

Wiele interaktywnych e-maili używa pseudoklas, aby sprawdzić, czy coś się stało w e-mailu i odpowiednio stylizować elementy w zależności od stanu. Jednak ten błąd spowoduje, że wcześniej interaktywne wiadomości e-mail będą statyczne.

Na szczęście jest poprawka! Po prostu zastąp ogólny selektor rodzeństwa ~ sąsiednim selektorem rodzeństwa +. Chociaż nie jest tak elastyczny, jak mniej specyficzny ogólny selektor rodzeństwa, osiąga te same wyniki.

5. KORZYSTAJ Z UKŁADÓW TABELOWYCH

We wrześniu 2015 r. Microsoft uruchomił najnowszą wersję swojego klienta Outlook — Outlook 2016. Niestety nie zmienił się on zbytnio w stosunku do swoich poprzedników. Podobnie jak Outlook 2007, 2010 i 2013, Outlook 2016 renderuje wiadomości e-mail za pomocą Microsoft Word, który ma słabą obsługę HTML i CSS i ma mnóstwo frustrujących dziwactw.

Nowsze wersje Outlooka (2007-2016) mają słabą obsługę HTML i CSS i zawierają szereg dziwactw, o których należy pamiętać:

• Brak obsługi obrazów tła w elementach div i komórkach tabeli
• Brak obsługi zmiennoprzecinkowej lub pozycji CSS
• Brak obsługi cienia tekstu
• Słabe wsparcie dla dopełnienia i marginesu
• Słaba obsługa szerokości i wysokości CSS
• Problemy z kolorami tła zagnieżdżonych elementów

Ze względu na brak obsługi wielu właściwości CSS, układy oparte na tabelach są konieczne do optymalizacji w Outlook 2016. Możesz także użyć warunkowego CSS, aby celować w Outlook 2016.

6. UŻYWAJ ELEMENTÓW PRZYJAZNYCH MOBILOM

Ponieważ 55% otwarć wiadomości e-mail ma miejsce na urządzeniach mobilnych, posiadanie strategii mobilnej poczty e-mail jest ważniejsze niż kiedykolwiek. Chociaż korzystanie z projektowania responsywnego jest świetną opcją, musisz również używać elementów przyjaznych dla urządzeń mobilnych w przypadkach, gdy zapytania o media nie są obsługiwane.

Na przykład ani aplikacja Alto Mail firmy AOL, ani aplikacja Universal Outlook, które zostały wprowadzone w 2015 r., nie obsługują zapytań o media.

Skorzystaj z dużego tekstu, przycisków dotykowych i jednokolumnowego projektu, aby zapewnić subskrybentom jak najlepsze wrażenia.

7. KORZYSTAJ Z OTWARTYCH DANYCH DO PODEJMOWANIA DECYZJI PROJEKTOWYCH

Chociaż przyglądanie się ogólnobranżowym trendom otwarcia poczty e-mail jest doskonałym wskaźnikiem przyjęcia niektórych klientów poczty e-mail, liczą się Twoi odbiorcy. Jest ważniejsze niż kiedykolwiek, aby przyjrzeć się, gdzie Twoi odbiorcy otwierają swoje wiadomości e-mail i odpowiednio dostosować swoje projekty.

Na przykład w 2015 r. zaobserwowaliśmy wzrost liczby otwarć iPhone'a o 22%, co stanowi obecnie 33% wszystkich otwarć e-maili. Jeśli widzisz coś podobnego u swoich odbiorców, możesz wykorzystać te dane do podjęcia decyzji projektowych. Wiemy, że iOS, system operacyjny iPhone'a, doskonale obsługuje HTML i CSS, więc możesz bezpiecznie używać zaawansowanych technik, takich jak tła wideo HTML5 w naszych kampaniach.

Kluczem jest zrozumienie odbiorców. Dzięki Email Analytics otrzymasz dane potrzebne do optymalizacji projektów. Zarejestruj się na bezpłatny okres próbny już dziś. Nie wymagamy karty kredytowej.

POBIERZ RAPORT E-MAIL STAN 2016

Chcesz jeszcze więcej informacji i praktycznych dań na wynos? Bądź na bieżąco z najnowszymi aktualizacjami i postępami w poczcie e-mail, pobierając bezpłatny raport już dziś.

Pobierz raport o stanie poczty e-mail 2016 →