Polacy pokochali smartfony, bo już ponad połowa z nas go posiada – dokładnie 64%!
Jak się okazuje, e-maile najlepiej czyta się właśnie na telefonie, do czego przyznaje się 74% ankietowanych.
53% wszystkich wiadomości e-mail otwieranych jest na smartfonach.
Najpopularniejszego obecnie programu pocztowego, natywnej skrzynki Apple iPhone, używa 28% odbiorców maili.
Internet dał nam możliwość robienia zakupów bez wychodzenia z domu, do czego stopniowo przekonuje się coraz więcej osób. Jest to po prostu niesamowicie wygodne. 25% transakcji w sklepach online dokonywanych jest przez smartfona. Co więcej, 81% kupujących przez smartfony, przyznaje się, że robi to spontanicznie.
Projekt responsywnych e-maili – dekalog
Jak to zrobić, by e-maile na smartfonie były jak najbardziej skuteczne i spełniały oczekiwaną rolę? Oto kilka punktów kluczowych, których należy się trzymać:
- Punkt przełamania ~ 480px
- Bezpieczne czcionki – pytanie jakie każdy sobie zada: “Które czcionki uznawane są za bezpieczne?” Służymy pomocą – są to dobrze wszystkim znane: Arial, Verdana, Tahoma czy Times New Roman.
- Duże przyciski – minimalna zalecana wielkość elementu klikalnego to 44x44px. Szerokość minimalna 44px.
Dodatkowo należy pamiętać o tym, by linki i przyciski były na tyle duże, aby łatwo można było stuknąć je palcem. - Wyróżniające się linki – na smartfonach trudno uzyskać efekt hover. Warto więc zaprojektować mocno wyróżniające się przyciski.
- Górna część wiadomości jest najważniejsza – przyciski CTA powinny być widoczne zaraz po otwarciu wiadomości, z uwzględnieniem smartfonów.
- Jednokolumnowy układ – takie rozwiązanie to gwarancja poprawnego wyświetlania e-maili na każdym urządzeniu.
- Logiczne rozmieszczenie treści – całość musi być jasna i czytelna dla każdego.
- Odpowiednia szerokość 320 – 550px – w aplikacjach, które blokują responsywność, e-mail powinien być dopasowany do szerokości ekranu. Szerokość e-maili powinna więc być większa niż 320px i nie powinna przekraczać 550px.
- Grafika bez detali – warto pamiętać o tym, że zdjęcia też są skalowalne. Jeśli odbiorca będzie musiał długo wpatrywać się w grafikę, zniechęci go to do zagłębiania się w treść e-maila. W tym przypadku, im mniej szczegółów angażujących wzrok, tym lepiej.
- Preheader – to pierwsze zdanie w treści mailingu – pozycja obowiązkowa. Wyświetla się ono tuż za tematem wiadomości i jest widoczne przed jej otwarciem.
Jak wygląda obsługa media queries przez klientów pocztowych?
Dla łatwiejszego porównania, zestawiliśmy całość w jednej tabelce.
O e-mailach w pigułce – podsumowanie
Wiadomości e-mail muszą być jasne i czytelne, już na pierwszy rzut oka. Dobry e-mail to e-mail przejrzysty.
Co dalej? Tekst i grafiki muszą być wyraźne. Nikt nie chce długo wpatrywać się w ekran smartfona i zastanawiać się, o co właściwie chodzi. Z pewnością każdy szybko zamknie taką wiadomość.
Kolejny ważny temat – eksponowanie przycisków CTA. Odbiorca lubi szybko rozeznać się i wiedzieć co ma przycisnąć, by uzyskać więcej informacji.
Koniec? Jeszcze nie! Szanujmy czas czytającego i sprawdźmy, czy skrolowanie nie trwa za długo. Nie przynudzajmy! Dodatkowo zwróćmy uwagę czy szerokość jest w porządku.
I kluczowe, a jak często bagatelizowane – poprawne zastosowanie preheadera. Chwytliwy tekst, który widzimy na samym początku e-maila, może zaważyć na tym, czy zechcemy go dalej czytać. Warto zrobić dobre pierwsze wrażenie i zainteresować adresata wiadomości.
Ostatnie wpisy
Twoja wiadomość została wysłana. Dziękujemy!
Krótki przewodnik po automatyzacji biznesów
Jesteś zainteresowany ofertą?
Zobacz także
Ostatnie wpisy
Dlaczego UX/UI w projektowaniu aplikacji mobilnych ma znaczenie?
Dlaczego UX/UI w projektowaniu aplikacji mobilnych ma znaczenie? W dzisiejszym świecie aplikacji mobilnych, projektowanie UX/UI aplikacji mobilnych jest kluczowym elementem, który decyduje o ich sukcesie. Bez odpowiedniego designu użytkownik szybko traci zainteresowanie, a sama aplikacja może zostać uznana za niewartą dalszego użytkowania. UX i UI to dwa filary, które wpływają na to, jak użytkownicy postrzegają […]
Czym jest Transformacja Cyfrowa i Jakie Korzyści Przynosi Twojej Firmie?
Transformacja Cyfrowa – Nowa Era dla Biznesu W dobie dynamicznego rozwoju technologii coraz więcej firm decyduje się na przeprowadzenie transformacji cyfrowej procesów. Nie jest to jedynie moda, ale strategiczna potrzeba, która wpływa na rozwój i konkurencyjność przedsiębiorstw na globalnym rynku. W tym artykule przedstawimy, czym jest transformacja cyfrowa, jakie korzyści przynosi firmom oraz jak prawidłowo […]
Automatyzacja Back Office: Jak Zoptymalizować Procesy Biznesowe
Automatyzacja Back-Office: Jak Zoptymalizować Procesy Biznesowe i Zwiększyć Efektywność Automatyzacja back-office zyskuje na znaczeniu wśród przedsiębiorstw, które chcą zoptymalizować swoje operacje, zwiększyć efektywność i zmniejszyć koszty. Zastosowanie technologii, takich jak Robotic Process Automation (RPA), pozwala na automatyzowanie powtarzalnych, rutynowych zadań, co umożliwia pracownikom skupienie się na bardziej zaawansowanych procesach i innowacyjnych działaniach. Wdrażanie automatyzacji w […]
Jak zbudować skuteczne rozwiązania Machine Learning
Jak zbudować skuteczne rozwiązania Machine Learning W dzisiejszym, dynamicznie rozwijającym się świecie technologii, Machine Learning (uczenie maszynowe) jest jedną z kluczowych technologii transformujących różne branże. Umożliwia analizowanie ogromnych zbiorów danych, automatyzację procesów oraz dostarczanie nowych, nieocenionych wniosków biznesowych. Firmy coraz częściej sięgają po rozwiązania ML, aby zwiększyć swoją efektywność i zdobyć przewagę konkurencyjną na rynku. […]
Software House z Certyfikatem ISO 27001?
Dlaczego Warto Wybrać Software House z Certyfikatem ISO 27001? W dzisiejszym cyfrowym świecie, gdzie bezpieczeństwo danych staje się priorytetem, coraz więcej firm szuka partnerów, którzy nie tylko tworzą oprogramowanie, ale również gwarantują najwyższy poziom ochrony informacji. Wybór odpowiedniego software house może być kluczowy dla sukcesu projektu, zwłaszcza gdy w grę wchodzi przetwarzanie danych osobowych lub […]
Design System: Czym Jest i Jak Go Stworzyć dla Aplikacji Mobilnych i Webowych
Czym jest Design System W dobie dynamicznego rozwoju technologii cyfrowych, tworzenie spójnych i efektywnych interfejsów dla aplikacji mobilnych i webowych staje się kluczowe. Design Systemy stają się nieodłącznym elementem nowoczesnego projektowania, ułatwiając proces tworzenia produktów cyfrowych. Co to jednak jest Design System i dlaczego warto go wdrażać?Design System to zestaw zasad, narzędzi i komponentów, które […]
Architektura aplikacji internetowej i proces tworzenia aplikacji webowych
Architektura aplikacji internetowej i proces tworzenia aplikacji webowych Aplikacje internetowe występują pod wieloma nazwami. Możesz spotkać się z określeniem „aplikacja webowa” (z angielskiego web app) lub nawet „aplikacja www”. We wszystkich przypadkach chodzi o to samo. Chyba najlepiej rozpoznawanym przykładem aplikacji internetowej jest Dysk Google. To tak naprawdę bardzo zaawansowana aplikacja wchodząca w skład ekosystemu […]
Jak wygląda proces tworzenia oprogramowania, proces wytwarzania oprogramowania? Etapy i aplikacja
Jak wygląda proces tworzenia oprogramowania, proces wytwarzania oprogramowania? Etapy i cykl tworzenia oprogramowania Proces tworzenia oprogramowania jest złożony, a tym samym wymaga wielu etapów i działań. Wiele osób błędnie myśli, że ten proces zaczyna się od pisania kodu. Początkową fazą jest tak naprawdę faza projektowa, która jest jednym z najważniejszych etapów tworzenia oprogramowania. Zanim programista […]
Symfony vs Laravel: Który framework PHP wybrać? Porównanie kluczowych różnic
Wybór odpowiedniego frameworka PHP jest jednym z kluczowych kroków w procesie tworzenia aplikacji webowych. Dla wielu programistów i firm stojących przed tym dylematem, najczęściej pojawiającymi się opcjami są Symfony i Laravel. Oba frameworki są open source, oferują bogaty zestaw funkcji oraz wsparcie dla różnych platform, jednak różnią się pod wieloma względami. W tym artykule dokładnie […]