Według powszechnie dostępnych statystyk, obecnie już ponad połowa e-maili otwierana jest na urządzeniach mobilnych. Jeśli chcemy, aby wiadomość skutecznie dotarła do odbiorcy (została otwarta i odczytana), musi dobrze wyglądać nie tylko na komputerach stacjonarnych, ale także na smartfonach i tabletach. Musi zostać zaprojektowana według zasad responsive e-mail designu. Dlaczego to jest takie ważne i o czym pamiętać przy tworzeniu marketingowych kampanii mailingowych w dobie mobilnego Internetu – podpowiadamy w tekście.

Rewolucja mobilna

Według Google, już na początku 2015 roku więcej zapytań do wyszukiwarki było kierowanych z urządzeń mobilnych, niż stacjonarnych. Ponadto obecnie ponad 50 procent e-maili otwieranych jest przy pomocy smartfonów i tabletów. W świetle tych danych wynika, że rewolucja mobilna jeśli się nie skończyła, to zapewne się zaczęła i trwa. Trzeba jednak zauważyć, że zmiany algorytmu wyszukiwarki Google znacząco się do niej przyczyniły (najbardziej aktualizacja z 21 kwietnia, faworyzująca w wynikach wyszukiwania strony responsywne). Z roku na rok liczba mobilnych internautów, czyli takich, którzy do surfowania po sieci będą korzystać tylko z urządzeń przenośnych, rośnie bardzo szybko. W niedalekiej przyszłości komputery stacjonarne będzie można spotkać tylko w firmach lub instytucjach (a może tylko w muzeach). Już dziś ponad 60 procent Polaków posiada przynajmniej jednego smartfona, a 74 procent używa ich do sprawdzania poczty. Firmy, które chcą już dzisiaj dotrzeć skutecznie do mobilnego Internauty, muszą zainwestować nie tylko w stronę www, która będzie czytelna na urządzeniach mobilnych (albo stronę responsywną, – która automatycznie dostosowuje się do rozdzielczości i wielkości sprzętu, albo specjalną mobilną wersję strony www), ale także w przygotowanie szablonu responsywnej wiadomości e-mail. To bardzo istotny element, ponieważ większość osób usunie wiadomość, jeśli nie będzie ona spełniała tego warunku, czyli nie da jej się łatwo odczytać na wyświetlaczu telefonu.

Responsive e-mail design

Za chwilę szereg sklepów i serwisów internetowych będzie miało więcej niż 50 procent ruchu mobilnego. To implikuje fakt, że firmy będą musiały w coraz większym stopniu uwzględniać potrzeby klientów korzystających z urządzeń przenośnych. Nie tylko strony muszą być czytelne, ale także wiadomości e-mail. Responsive E-mail Design to zbiór zasad tworzenia wiadomości, tak aby dostosowywały się automatycznie do urządzenia, na którym są odczytywane. W praktyce to wygląda tak, że jeden Newsletter na wyświetlaczu smartfona inaczej wygląda niż na ekranie laptopa. Na tym drugim użytkownik zobaczy inny układ wiadomości oraz więcej grafik. Przy projektowaniu responsywnej wiadomości warto pamiętać o kilku elementach:

  • punkt przełamania (zmiana układu przy szerokości 480px – dwu i trój kolumnowe bloki zmieniają się w układ jednokolumnowy), – preferowane są wiadomości jednokolumnowe nie szersze niż 500- 600 px,

  • rodzaj i wielkość czcionki – najlepiej wybrać te najbardziej czytelne, które będą wyświetlać się w większości programów pocztowych (najbezpieczniejsze są te tzw. bezszwowe Arial czy Verdana). Jeśli chodzi o wielkość, to nie mniejsze niż 14px, zaś w nagłówkach co najmniej 22 px,

  • wielkość przycisków – powinny być na tyle duże, aby łatwo je było nacisną palcem,

  • dobrze widoczne linki – na smartfonach nie zmienia się wygląd linków po najechaniu kursorem, dlatego warto je wyróżnić, tak aby użytkownik był pewien, że to hiperłącze,

  • przyciski „cal to action” na górze wiadomości (zgodnie z wytycznymi Apple minimum 44×44 px),

  • właściwa szerokość (optymalnie powinna wynosić od 350px do 550 px),

  • optymalizacja zdjęć (właściwy rozmiar, optymalny kontrast, właściwa kolorystyka i jak najmniej detali trudno widocznych na wyświetlaczu telefonu),

  • temat wiadomości – w przypadku urządzeń mobilnych ma jeszcze większe znaczenie niż w przypadku klasycznych komputerów. W wielu programach pocztowych nazwa nadawcy jest mocno eksponowana, dlatego stanowi ona ważny czynnik decydujący o otwarciu e-maila,

  • pierwsze zdanie, które wyświetla się pod tematem – jest widoczne jeszcze przed otwarciem wiadomości,

  • treść powinna ograniczać się do rzeczy najważniejszych, a cała informacja w wiadomości powinna być na tyle zwięźle zaprezentowana, aby użytkownik nie musiał zbytnio przewijać strony co jest znacznie trudniejsze przy pomocy palca, niż myszki.

Podsumowanie

Responsive E-mail Design to obecnie bardzo szybko rozwijająca się dziedzina. Tylko wiadomości spełniające te standardy dotrą skutecznie do mobilnych internautów. Obecnie wiadomości dostosowujące się automatycznie do rozdzielczości i szerokości urządzeń przenośnych, to właściwie już standard w e-mail marketingu. Można je tworzyć we własnym zakresie, skorzystać z dostępnych w sieci szablonów lub go zaprojektować o podstaw przy pomocy jednego z wielu oferowanych w sieci programów.

E-Mail-01

http://foundation.zurb.com/emails

To bardzo prosty program, dzięki któremu każdy bez większej znajomości HTML może przygotować swój szablon responsywnej wiadomości e-mail. A co najważniejsze aplikacja jest kompatybilna z większością klientów poczty elektronicznej. Innego rodzaju narzędziem jest edytor internetowy, który dysponuje wieloma praktycznymi narzędziami ułatwiającymi tworzenie wiadomości czytelnych   na urządzeniach mobilnych:

E-Mail-02

https://www.producthunt.com/tech/maildeveloper

Dzięki podglądowi możemy na bieżąco śledzić wyniki naszej pracy. W sąsiadujących oknach widzimy, jak wygląda wiadomość na desktopach, a jak na smartfonach. Umożliwia także bezpośrednie tworzenie kodu na pliku CSS za pomocą wbudowanego edytora,  następnie konwentorowanie go do wersji HTML. Program można przetestować bez konieczności rejestracji.

Written by Brand.ceo