Jak zaprojektować e-mail Ludzie faktycznie czytają na swoich telefonach

/2018-09-05 08:51:46/
Anifa
/Programy/

E-mail marketing to jeden z najpopularniejszych sposobów dotarcia do odbiorców. Czekaj, to chyba nie nowa informacja. Ale czy wiesz, jaka większość tych wyświetleń będzie na urządzeniu mobilnym? Jeśli więc nie projektujesz swoich e-maili na telefony, nadejdzie ten dzień.

Zaprojektowanie mobilnego e-maila wymaga planowania i przemyślenia. Wielu klientów oprogramowania pocztowego innych firm zawiera responsywne szablony w swoich pakietach, ale nie każde narzędzie automatycznie przekonwertuje wiadomość na projekt pomysłu. Musisz przemyśleć, jak będzie wyglądać Twój e-mail i upewnić się, że wiadomość jest skoncentrowana. To może być nawet idealne miejsce na rozpoczęcie od strategii projektowania mobilnego.

Trzymaj się jednej kolumny

Może to być najprostsza decyzja projektowa, jaką kiedykolwiek podejmujesz: jeśli chodzi o mobilną pocztę e-mail, trzymaj się formatu jednokolumnowego. Już sama ta decyzja sprawi, że wszelkie rozważania pójdą naprzód. Rozwiązuje również szereg problemów związanych z małymi ekranami.

Format jednokolumnowy jest łatwy dla ograniczonych czasowo użytkowników, zapewnia organizację i przepływ. Jest to również standard projektowania wszystkiego na małym ekranie. (Pomyśl o każdej aplikacji lub grze, którą otworzysz. Wszystkie mają jedną, zorientowaną pionowo konstrukcję).

Format jednokolumnowy może zmusić cię do ulepszenia niektórych standardowych elementów projektu. E-maile mobilne będą wymagały uproszczonego nagłówka i nawigacji. Elementy projektu powinny być dość małe, aby początek wiadomości e-mail był widoczny na pierwszym ekranie.

Zwiększ typ

Jednym z największych problemów związanych z pocztą elektroniczną na telefony komórkowe jest czytelność. E-maile nie powinny być trudne do odczytania. Rozwiązaniem jest nieznaczne powiększenie tekstu.

Standard dla mobilnych wiadomości e-mail wynosi od 14 do 16 punktów dla głównego typu treści i od 22 do 24 punktów dla nagłówków. I nie zapomnij wyłączyć dzielenia wyrazów, który może rozpraszać uwagę podczas czytania małych bloków tekstu. Ten standard staje się tak powszechny, że iOS Apple ma minimalny rozmiar czcionki 13 punktów i automatycznie dostosuje cokolwiek mniejszego.

Na początku może się to wydawać niewygodne. Ten typ prawdopodobnie będzie wyglądał olbrzymie podczas pracy nad projektem, ale stanie się bardziej komfortowy, a użytkownicy będą wdzięczni za więcej otwartych i dłuższych czasów interakcji.

Powiedz użytkownikom, aby coś zrobili

E-mail na telefon komórkowy wymaga oczywistego wezwania do działania. Dlaczego wysyłasz wiadomość e-mail? Czy istnieje miejsce przeznaczone do wykonania tej czynności przez użytkowników?

Drugie pytanie jest kluczowe dla projektantów. Nie ma tylu sposobów na tworzenie wtórnych wskazówek w e-mailach mobilnych, takich jak stany najechania, które zawierają podpowiedzi, więc każdy element musi być zaprojektowany w sposób oczywisty. Może to obejmować wszystko, od wyglądu przycisków po tekst - „Kup teraz”, „Kliknij tutaj”, „Dowiedz się więcej” - które pojawia się w projekcie.

Pomyśl o obrazach ostrożnie

Istnieje znaczna część użytkowników, którzy tak naprawdę nie zobaczą obrazów z mobilnego biuletynu e-mail. Urządzenia Apple z systemem iOS to jedyny segment, w którym obrazy są automatycznie renderowane w wiadomościach e-mail. Dlatego dołączanie obrazów powinno być świadomą decyzją.

Zanim całkowicie zrezygnujesz z obrazów, zrób trochę badań. Przeanalizuj swoje analizy, aby zobaczyć, z jakiego rodzaju urządzeń użytkownicy przeglądają Twoją wiadomość. Obrazy są ważnym narzędziem i nie należy ich pomijać ze względu na specyfikację urządzenia.

Korzystając z obrazów w projektach mobilnych wiadomości e-mail, weź pod uwagę następujące kwestie:

Rozmiar. Obraz powinien być widoczny bez przewijania.
Kompozycja. Zawartość obrazu musi być zrozumiała przy małym rozmiarze.
HTML. Nie wpadnij w pułapkę przekształcania tekstu lub przycisków w obrazy. Tekst i elementy interfejsu powinny być w formacie HTML, a każdy obraz powinien mieć obsługiwany tekst HTML.
Wiadomość. Pamiętaj, że wiadomość musi być zrozumiała, nawet jeśli użytkownik nie widzi obrazu.
Nie idź za burtę. Jeśli planujesz używać obrazów, trzymaj się jednego. Użytkownicy będą sfrustrowani, ponieważ większość wiadomości wydaje się brakować.

Podziel ekran w swoim projekcie

Jeśli chodzi o projektowanie mobilnych wiadomości e-mail, najważniejsza jest prostota. Wszystko, od języka do projektu, powinno być proste i łatwe do zrozumienia. Przekaz i wezwania do działania powinny być oczywiste.

Myśląc o projektowaniu mobilnym, wyobraź sobie, że mały ekran składa się z trzech części: nagłówka i marki, komunikatu wprowadzającego i akcji. Idealnie byłoby, gdyby każdy z nich miał miejsce na pierwszym ekranie projektu wiadomości e-mail. (Chociaż nie zawsze.)

Rozważ urządzenia i skalę

Najtrudniejszą rzeczą, jaką należy wziąć pod uwagę przy projektowaniu urządzeń mobilnych, są wszystkie możliwe rozmiary ekranu, na których będzie renderowany e-mail. Rzeczywistość jest taka: nie da się tego zrobić.

Ale możesz myśleć we wspólnocie. Apple iOS automatycznie skaluje mobilne wiadomości e-mail, aby dopasować je do szerokości ekranu, więc o jedną rzecz mniej trzeba myśleć, jeśli planujesz mały rozmiar ekranu. (Inne systemy operacyjne jeszcze tego nie robią).

Najbardziej standardowa szerokość dla projektowania mobilnego wynosi 640 pikseli. Wysokości zwykle różnią się nieco bardziej. Listę urządzeń i rozmiarów można znaleźć w Poradach technicznych Kena.

Zastanów się nad dotykiem i ergonomią

Elementy, które należy kliknąć lub stuknąć w e-mailu na telefon komórkowy, muszą mieć oczywisty wygląd. Obejmuje to często zaprojektowanie tych elementów z odważniejszym kolorem i przy większych rozmiarach niż można się przyzwyczaić.

Zasadniczo każdy element przeznaczony do działania użytkownika powinien być wystarczająco duży, aby łatwo dotykać go jednym palcem i wyraźnie odróżniać się od pobliskich obiektów z dużą ilością miejsca. Elementy powinny być również łatwe w dotyku, biorąc pod uwagę użytkowników, którzy używają tylko jednej ręki do trzymania i dotykania obiektów na ekranie.

Standardowy rozmiar „przyjazny dla kciuka” to co najmniej 46 pikseli do kwadratu.
Wybierz wezwania do działania na całej szerokości, aby użytkownicy leworęczni lub praworęczni mogli z łatwością ich dotykać.

Pozostaw dużo otwartej przestrzeni wokół klikalnych elementów. Korzystając z linków tekstowych, które należy kliknąć, dodaj więcej słów do linku, aby ułatwić dotykanie linku i ograniczyć liczbę linków wbudowanych. Wiele połączonych ze sobą linków zwiększa prawdopodobieństwo, że użytkownik dotknie niewłaściwego. Użyj elementów projektu, takich jak kolor i pogrubienie dla wszystkich linków, aby użytkownicy mieli wyraźną wizualną wskazówkę, że tekst coś robi.

Bonus: 5 rzeczy, których należy unikać

Teraz, gdy masz już pomysł na mobilną kampanię e-mailową, musisz pamiętać o kilku rzeczach. Te typowe błędy mogą zniszczyć świetny e-mail komórkowy.

Zapomniałem dodać nawigacji. Dołącz super prostą nawigację, która może zabrać użytkowników z powrotem do Twojej witryny, ale pamiętaj, aby zoptymalizować ją pod kątem urządzeń mobilnych. Pasek nawigacyjny z Twojej witryny prawdopodobnie jest źle skalowany dla urządzenia mobilnego.
Tworzenie „subtelnej” palety kolorów. Użytkownicy często dostosowują kontrast i kolor na swoich urządzeniach mobilnych. Unikaj palet kolorów o delikatnych odcieniach lub kolorach bez dużego kontrastu. Musi być czytelny.
Mały typ na małym urządzeniu to zabójca. Ludzie będą przewijać. Zrób typ wystarczająco duży, aby z łatwością czytać.
Przyciski, które są małe lub ukryte przez standardowe ikony interfejsu użytkownika. Pomyśl na przykład o iPhonie, w którym próba pojawia się u dołu ekranu. Jeśli umieścisz przyciski lub elementy w tej lokalizacji, będą one ukryte, gdy użytkownicy będą próbowali z nimi współdziałać.
Clutter to katastrofa mobilna. Określ jedną wiadomość dla telefonu komórkowego i trzymaj się jej. Użytkownicy nie mają czasu ani uwagi, aby odfiltrować wiele informacji z wiadomości e-mail na swoich telefonach.

Wniosek

Projekt mobilnej poczty e-mail może przetestować niektóre rzeczy, które sądzisz o projektowaniu dla Internetu. Jest to wyjątkowy aspekt z odrębnymi względami. Wiele rzeczy, które należy wziąć pod uwagę, różni się od innych projektów.

Oto moje zalecenie: wszystkie biuletyny e-mailowe lub korespondencja powinny być zoptymalizowane pod kątem urządzeń mobilnych. Utwórz każdą wiadomość, korzystając z powyższych wskazówek, a następnie pomyśl o wszelkich mniejszych zmianach, które możesz wprowadzić w przypadku większych formatów. Działa to, ponieważ utworzysz jedną i zunifikowaną wiadomość na różnych platformach z ukierunkowanym pomysłem. Zrozumiesz, co chcesz osiągnąć za pomocą wiadomości e-mail, zanim przejdziesz zbyt daleko i podejmiesz ważne decyzje dotyczące treści na wczesnym etapie procesu, i nie poczujesz się, jakbyś był zmuszony do wyeliminowania treści dla użytkowników mobilnych.