Twoja lista kontrolna optymalnego mobilnego projektowania responsywnych wiadomości e-mail

responsywna lista kontrolna projektowania e-maili

Nie ma nic, co tak naprawdę mnie rozczarowuje, gdy otwieram wiadomość e-mail, na którą czekam 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.

Ponieważ zaimplementowaliśmy responsywne e-maile na praktycznie każdej platformie usług pocztowych, 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 pliku 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.

  1. Projekt w jednej kolumnie
  2. Projektuj z myślą o palcach
  3. Trzymaj Wezwania do działania łatwo dostępny (minimum 44 piksele)
  4. Użyj spacji, aby ułatwić przeglądanie
  5. Utrzymuj nagłówek w czystości
  6. Zoptymalizuj rozdzielczości obrazu dla wyświetlaczy Retina
  7. Nie zbieraj linków razem, używaj przycisków
  8. Zapewniać połączone numery telefonów
  9. Ogranicz wiersze tematu do maksymalnie 30 znaków
  10. Użyj obrazów o szerokości co najmniej 480 pikseli, aby nie rozmazały się po rozciągnięciu na urządzeniu mobilnym
  11. Nie tylko skaluj obrazy, używaj zapytań o media CSS
  12. Ogranicz wysokość - krótsze e-maile są łatwiejsze do przejrzenia
  13. Trzymaj ważne wezwania do działania powyżej części strony widocznej na ekranie
  14. Przetestuj swoje projekty e-maili w klientach poczty e-mail

Lista kontrolna projektowania responsywnych wiadomości e-mail

Komentarze 2

  1. 1

    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ś?

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.