Jak dostosować się do mobilnego UX i zmienić nawyki przeglądania użytkowników

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

Słaby projekt Mobile UX może zrujnować Twoją markę

Użytkownicy witryn mobilnych nie wybaczają markom, które nie optymalizują odpowiednio swoich witryn. Według Impactbnd, 52% klientów nie będzie chciało wchodzić w interakcję ze stroną internetową o słabym mobilnym UX. Są również pięć razy bardziej skłonni do całkowitego opuszczenia strony.

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

Czym różni się mobilny UX?

Zanim zaczniesz optymalizować swoją witrynę pod kątem Mobile UX, musisz zrozumieć różnice w sposobie, w jaki użytkownicy mobilni i komputerowi wchodzą w interakcję 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 byli sfrustrowani podczas interakcji z Twoimi treściami.

Trzeba też wziąć pod uwagę wielkość ekranu. Ponieważ ekrany smartfonów, a nawet tabletów są mniejsze niż komputerów stacjonarnych, elementy wizualne mogą być zbyt kompaktowe.

Oto kilka wskazówek, jak poprawić mobilny UX.

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

Ekrany urządzeń mobilnych są mniejsze, więc tekst będzie trudniejszy do odczytania. Będziesz musiał inaczej wyświetlić swój tekst. Oto kilka rzeczy, o których musisz pamiętać, aby uzyskać lepszy Mobile UX:

• Unikaj używania dziwnych czcionek. Najlepszym rodzajem czcionek do użycia są Arial, Times New Roman, Grotesque, Helvetica i Open Sans. Czcionki takie jak Algerian of 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 urządzeniu stacjonarnym, więc musisz użyć większej czcionki, aby tekst był widoczny na urządzeniach mobilnych.
• Użyj ciemniejszego tekstu i odważniejszych kolorów dla hiperłączy. Tworzy to większy kontrast.

Oczywiście podczas optymalizacji tekstu należy również wziąć pod uwagę dane demograficzne użytkowników. Pamiętaj, że starsi użytkownicy będą mieli większe trudności z czytaniem tekstu na dowolnym rozmiarze ekranu. Ten problem jest gorszy w przypadku użytkowników mobilnych, więc zwiększ rozmiar tekstu, 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

Podczas tworzenia nowych przycisków wezwania do działania widoczność jest jedną z pierwszych rzeczy, które zamierzałeś wziąć pod uwagę. Musisz jednak wziąć pod uwagę również ł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 wezwania do działania, które można łatwo kliknąć.

Skorzystaj z opcji „kliknij, aby połączyć”.

Użytkownicy mobilni mają bardzo krótki czas koncentracji. 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ą internetową, aby upewnić się, że dobrze wpisali numer telefonu. Nawet jeśli tak, zawsze istnieje ryzyko, że źle to wpisali. Prawdopodobnie nawet nie zadają sobie trudu, aby spróbować ponownie zadzwonić, jeśli zadzwonią pod niewłaściwy numer.

Twoi użytkownicy będą znacznie szczęśliwsi, jeśli zamiast tego udostępnisz opcję „kliknij, aby połączyć”. Będziesz mieć również znacznie większą szansę na nakłonienie ich do wykonania połączenia.

Nie komplikuj zbytnio lejka e-mail

Nakłanianie 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 lejek e-mailowy jest tak prosty, 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 poczty 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 witryn internetowych jest o wiele bardziej zagraconych niż kiedyś. Wiele witryn na komputery korzysta z rozwijanych menu, aby uprościć nawigację i zminimalizować ten problem. Niestety, tego typu menu mogą być całkowitym koszmarem na urządzeniach mobilnych i Mobile UX.

Facebook opracował rozwiązanie dla swojej aplikacji mobilnej, znanej jako menu hamburgerów. Ta opcja może zapewnić użytkownikom mobilnym bezproblemową interakcję z Twoją witryną i łatwiejszy dostęp do treści. Zamiast podmenu, które rozwija się z większą liczbą opcji, obok niego 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ą od użytkowników wielu kliknięć, co może być niepotrzebnie uciążliwe, 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 hamburgerów, ale nie tak wielu, jak gdybyś przeciążył ich zbyt wieloma opcjami naraz.

Menu hamburgerów może być warte przetestowania. 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 Twojej witryny będzie miało kluczowe znaczenie dla poprawy wydajności Twojej witryny mobilnej. Mogą sprawić, że ekrany telefonów komórkowych będą bardzo zagracone. Co gorsza, mogą odwracać uwagę od wezwania do działania, a nawet umieszczać ważne treści (w tym wezwanie do działania) pod zakładką. Jeśli nie zobaczą tej treści, Twoi użytkownicy mogą nigdy nie przewinąć w dół, aby się z nią zapoznać.

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

Przyjrzyj się uważnie swojemu mobilnemu UX

Posiadanie dobrze zoptymalizowanego Mobile UX jest niezbędne. Musisz upewnić się, że użytkownicy mogą łatwo wchodzić w interakcje z Twoimi treściami i maksymalizować współczynniki konwersji. Na szczęście istnieje wiele sposobów na ulepszenie mobilnego UX. Te wytyczne są dobrym punktem wyjścia, ale nie zapomnij przetestować! Twoje dane analityczne będą najlepszym przewodnikiem podczas wprowadzania nowych zmian w projekcie witryny mobilnej.