Jak dostosować się do mobilnego UX i zmiany nawyków przeglądarki użytkownika

Odsetek ruchu internetowego pochodzącego z urządzeń mobilnych po raz pierwszy przekroczył w 2016 r. ruch na komputerach stacjonarnych. Ponieważ coraz więcej osób korzysta z Internetu z urządzeń mobilnych, potrzeba dobrego projektu mobilnego staje się coraz ważniejsza. Marketerzy muszą poznać najlepsze elementy projektu UX, aby zwiększyć konwersje i zaangażowanie, jednocześnie docierając do użytkowników mobilnych.

Kiepski projekt urządzenia mobilnego może zrujnować Twoją markę

Użytkownicy witryn mobilnych nie wybaczają zbytnio markom, które nie optymalizują odpowiednio swoich witryn. Według Impactbnd, 52% klientów nie będzie chciało wchodzić w interakcję z witryną o słabym doświadczeniu mobilnym. Są również pięć razy bardziej skłonni do całkowitego porzucenia witryny.

Oczekiwania klientów będą tylko rosły, ponieważ coraz większa liczba klientów spędza więcej czasu na przeglądaniu Internetu na urządzeniach mobilnych. Zrozumienie czynników wpływających na UX na urządzeniach mobilnych jest niezbędne.

Czym różni się UX na urządzeniach mobilnych?

Zanim zaczniesz optymalizować swoją witrynę pod kątem mobilnego UX, musisz zrozumieć różnice w sposobach interakcji użytkowników mobilnych i stacjonarnych z Twoją witryną. Największą różnicą jest to, że przewijanie i klikanie jest znacznie trudniejsze na urządzeniach mobilnych. Musisz uprościć nawigację, aby użytkownicy nie denerwowali się podczas interakcji z Twoją treścią.

Musisz także wziąć pod uwagę rozmiar ekranu. Ponieważ ekrany smartfonów, a nawet tabletów są mniejsze niż komputery stacjonarne, elementy wizualne mogą być zbyt kompaktowe.

Oto kilka wskazówek, jak poprawić UX na urządzeniach mobilnych.

Zwiększ widoczność swojego tekstu i linków

Ekrany telefonów komórkowych są mniejsze, więc tekst będzie ogólnie trudniejszy do odczytania. Będziesz musiał inaczej wyświetlać swój tekst. Oto kilka rzeczy, o których musisz pamiętać:

• Unikaj używania dziwacznych czcionek. Najlepsze typy czcionek do użycia to Arial, Times New Roman, Grotesque, Helvetica i Open Sans. Czcionki takie jak Algerian z Ad Bonnie będą zbyt trudne do odczytania.
• Rozważ użycie czcionki o rozmiarze od 18 do 22 punktów. Ten sam rozmiar czcionki jest o 10% większy na komputerze stacjonarnym, więc musisz użyć większej czcionki, aby tekst był widoczny na telefonie komórkowym.
• Użyj ciemniejszego tekstu i pogrubionych kolorów dla hiperłączy. Stwarza to większy kontrast.

Oczywiście, optymalizując tekst, należy również wziąć pod uwagę dane demograficzne użytkowników. Pamiętaj, że starsi użytkownicy będą mieli więcej trudności z czytaniem tekstu na dowolnym rozmiarze ekranu. Ten problem jest gorszy w przypadku użytkowników mobilnych, więc powiększ tekst, jeśli większość Twoich czytelników to seniorzy.

Upewnij się, że wszystkie przyciski wezwania do działania są wystarczająco duże dla różnych rozmiarów palców

Kiedy tworzysz nowe przyciski wezwania do działania, widoczność jest jedną z pierwszych rzeczy, które miałeś wziąć pod uwagę. Należy jednak wziąć pod uwagę łatwość wypełnienia wezwania do działania, która wykracza poza widoczność. Małe przyciski będą trudniejsze do kliknięcia. Dotyczy to zwłaszcza użytkowników z większymi palcami. Oceniając UX swojej witryny, musisz pamiętać, że niektóre osoby będą miały większe palce niż Twoje i odpowiednio dostosują rozmiar przycisku. Duda robi to bardzo dobrze. Ich narzędzie do planowania online vCita ma duże przyciski CTA, które można łatwo kliknąć.

Użyj opcji „kliknij, aby połączyć”

Użytkownicy mobilni mają bardzo krótki czas uwagi. Powodzenia w próbie nakłonienia ich do wybrania numeru telefonu z Twojej witryny. Większość ludzi nie chce przełączać się między klawiaturą numeryczną a Twoją witryną, aby upewnić się, że numer telefonu jest prawidłowy. Nawet jeśli to zrobili, zawsze istnieje ryzyko, że popełnili błąd. Prawdopodobnie nawet nie zawracają sobie głowy próbą ponownego połączenia, jeśli zadzwonią pod niewłaściwy numer.

Twoi użytkownicy będą znacznie szczęśliwsi, jeśli zamiast tego będziesz mieć opcję „kliknij, aby zadzwonić”. Będziesz także miał znacznie większą szansę na nakłonienie ich do wykonania połączenia.

Nie komplikuj nadmiernie ścieżki e-mail

Nakłonienie użytkowników do subskrybowania listy e-mailowej jest wystarczająco trudne na urządzeniu stacjonarnym. Konfiguracja dla ruchu mobilnego jest znacznie trudniejsza.

Upewnij się, że ścieżka e-mail jest tak prosta, jak to tylko możliwe. Podejmij również kroki, aby uniknąć ruchu botów, który jest coraz większym problemem w przypadku urządzeń mobilnych. Korzystanie z usługi weryfikacji adresu e-mail w celu sprawdzania podejrzanych wiadomości e-mail i usuwania ich z listy może pomóc poprawić współczynnik otwarć i inne ważne wskaźniki.

Użyj menu hamburgerów, aby zwiększyć dostępność treści

Wiele menu stron internetowych jest znacznie bardziej zagracone niż kiedyś. Wiele witryn internetowych na komputery korzysta z menu rozwijanych, aby uprościć nawigację i zminimalizować ten problem. Niestety tego typu menu mogą być koszmarem na urządzeniach mobilnych.

Facebook opracował rozwiązanie dla swojej aplikacji mobilnej, znane jako menu hamburgerowe. Ta opcja może zapewnić użytkownikom mobilnym bezproblemową interakcję z Twoją witryną i łatwiejszy dostęp do treści. Zamiast mieć podmenu, które rozwija się z większą liczbą opcji, obok znajduje się ikona hamburgera. Użytkownicy mogą kliknąć hamburgera, aby przejść do nowego ekranu z większą liczbą opcji menu.

Eksperci UX mają różne opinie na temat przydatności menu hamburgerów. Z jednej strony wymagają one od użytkowników wykonania wielu kliknięć, co może być niepotrzebnie nużące, jeśli próbują znaleźć popularną stronę internetową. Z drugiej strony mogą być najlepszym sposobem na całkowite uniknięcie utraty użytkowników.

Jedno z badań wykazało, że klienci są 10 razy mniej skłonni do podjęcia działania, jeśli mają wiele opcji. Możesz stracić niektórych użytkowników z menu hamburgerowym, ale nie tak wielu, jak gdybyś przeładował ich zbyt wieloma opcjami na raz.

Warto przetestować menu hamburgerów. Jednak ważne jest, aby uprościć nawigację po menu, najpierw eliminując niepotrzebne opcje. To najlepszy sposób na uniknięcie utraty widzów.

Usuń niepotrzebne elementy

Usunięcie zbędnych elementów z witryny będzie niezbędne do poprawy wydajności witryny mobilnej. Mogą sprawić, że ekrany mobilne będą bardzo zagracone. Co gorsza, mogą odwracać uwagę od wezwania do działania, a nawet umieszczać ważne treści (w tym CTA) w części strony widocznej na ekranie. Jeśli nie zobaczą tych treści, Twoi użytkownicy mogą nigdy nie przewinąć w dół, aby się z nimi zapoznać.

Przyjrzyj się uważnie wszystkim elementom wizualnym na ekranie. Zdecyduj, czy są one ważne, i w razie potrzeby usuń je ze swoich stron mobilnych.

Przyjrzyj się bliżej swojemu mobilnemu UX

Posiadanie dobrze zoptymalizowanego interfejsu mobilnego jest niezbędne. Musisz upewnić się, że użytkownicy mogą łatwo wejść w interakcję z Twoimi treściami i zmaksymalizować współczynniki konwersji. Na szczęście istnieje wiele sposobów na ulepszenie mobilnego UX. Te wskazówki to dobry początek, ale nie zapomnij przetestować! Twoje dane analityczne będą najlepszym przewodnikiem podczas wprowadzania nowych zmian w projekcie witryny mobilnej.