Nic tak mnie nie rozczarowuje, jak otwieranie wiadomości e-mail, na którą nie mogę się doczekać na urządzeniu mobilnym i nie mogę jej przeczytać. Albo obrazy mają zakodowane na stałe szerokości, które nie reagują na wyświetlacz, albo tekst jest tak szeroki, że musiałbym przewijać tam iz powrotem, aby go przeczytać. O ile nie jest to krytyczne, nie czekam, aż wrócę do pulpitu, aby go przeczytać. Usunąłem to.
Nie jestem jedyny - zarówno konsumenci, jak i firmy czytają teraz ponad połowę wszystkich swoich e-maili na mniejszych ekranach. Elastyczny projekt e-maili ma kluczowe znaczenie do współczynników klikalności poczty e-mail.
Odkąd wdrożyliśmy responsywne e-maile na praktycznie każdej platformie usług e-mail, często kontaktujemy się z tymi organizacjami i oferujemy pomoc. Szczerze mówiąc, nigdy nie dostałem odpowiedzi. Szkoda - płacą za platformę do wysyłania e-maili, których nikt nie czyta. Modyfikowanie szablon wiadomości e-mail jest łatwy do uzasadnienia. Wyobraź sobie, że podchodzisz do drukarki w pracy i wyrzucasz połowę papieru… to właśnie robisz, gdy Twoje e-maile nie reagują.
Na tym rynku pojawiły się najlepsze praktyki. Projektowanie responsywne nie jest takie proste - ale też nie jest niemożliwe. Pomogli nam ludzie z Email Monks, którzy postępują zgodnie z tą sprawdzoną listą kontrolną, aby zoptymalizować Twoją pocztę e-mail, aby zapewnić jej responsywność w przeglądarkach mobilnych i tabletów.
- Projekt w jednej kolumnie
- Projektuj z myślą o palcach
- Trzymaj Wezwania do działania łatwo dostępny (minimum 44 piksele)
- Użyj spacji, aby ułatwić przeglądanie
- Utrzymuj nagłówek w czystości
- Zoptymalizuj rozdzielczości obrazu dla wyświetlaczy Retina
- Nie zbieraj linków razem, używaj przycisków
- Zapewniać połączone numery telefonów
- Ogranicz wiersze tematu do maksymalnie 30 znaków
- Użyj obrazów o szerokości co najmniej 480 pikseli, aby nie rozmazały się po rozciągnięciu na urządzeniu mobilnym
- Nie tylko skaluj obrazy, używaj zapytań o media CSS
- Ogranicz wysokość - krótsze e-maile są łatwiejsze do przejrzenia
- Trzymaj ważne wezwania do działania powyżej części strony widocznej na ekranie
- Przetestuj swoje projekty e-maili w klientach poczty e-mail
To naprawdę niesamowity i niszowy artykuł, Douglas! Wiele się z tego nauczyłem.
Większość artykułów mówi o responsywnym projektowaniu stron internetowych, to pierwszy raz, kiedy czytam o responsywnym projektowaniu e-maili. Naprawdę niesamowite wskazówki i kroki, które tu zawarłeś. Z jakiego oprogramowania do marketingu e-mailowego korzystałeś?
Używamy własnego Cyrk abyśmy mogli w pełni zintegrować naszą witrynę WordPress z naszymi e-mailami!