7 najlepszych praktyk projektowania nawigacji mobilnej

Opublikowany: 2016-04-19

Korzystanie z urządzeń mobilnych rośnie w astronomicznym tempie i jedno jest jasne: zignoruj ​​je, a stracisz odwiedzających.

Użytkownicy mobilni przewyższają obecnie liczebnie użytkowników korzystających z Internetu za pośrednictwem komputerów stacjonarnych, ale użytkownicy mobilni i użytkownicy komputerów stacjonarnych to zupełnie inne bestie. Użytkownicy mobilni są, cóż, mobilni. Oznacza to, że szukają natychmiastowej gratyfikacji, niezależnie od tego, czy chodzi o przeglądanie sklepu, kupowanie usług, zdobywanie informacji czy czytanie wiadomości. Czas jest najważniejszy; jeśli nie mogą od razu znaleźć tego, czego chcą, znikną na stronie Twoich głównych konkurentów.

Z tego powodu dla projektantów ważniejsze niż kiedykolwiek jest praca z mentalnością skoncentrowaną na urządzeniach mobilnych, aby zapewnić użytkownikom mobilnym jak najlepsze wrażenia.

A nawigacja ma kluczowe znaczenie dla płynnego korzystania z urządzeń mobilnych.

Nawigacja mobilna

Nawigacja mobilna powinna być intuicyjna, łatwo dostępna, a przy nieruchomościach na wagę złota nie powinna zajmować zbyt dużo miejsca na ekranie. Prostota to tutaj nazwa gry. Chociaż osiem punktów nawigacji może być całkowicie akceptowalnych na komputerze stacjonarnym, to przesada na telefonie komórkowym – zaśmieca ekran i dezorientuje użytkownika końcowego.

najlepsze-praktyki-nawigacja-mobilna-bałagan

Jednak większość użytkowników mobilnych przeszła na urządzenia mobilne ze swoich komputerów stacjonarnych i nadal oczekuje pewnego standardu, jeśli chodzi o nawigację i wygląd witryny. Innymi słowy, nie chcesz zbytnio grzebać w ich oczekiwaniach. Chociaż nawigacja mobilna będzie zasadniczo różnić się od tej, którą można znaleźć w witrynach na komputery, powinna powielać podstawowe konwencje.

Oto siedem sprawdzonych wskazówek dotyczących efektywnej nawigacji mobilnej.

1. Staraj się, aby menu było krótkie i słodkie

„Jeśli chodzi o menu w witrynach mobilnych, mniej znaczy więcej. ” Jeśli przeładujesz opcje menu, użytkownicy będą mieli do czynienia z paraliżem decyzyjnym, próbując zdecydować, której opcji potrzebują. Pamiętaj, że chcą natychmiastowej informacji. Jeśli będą musieli przeszukać wiele opcji, po prostu znikną w poszukiwaniu lepiej zaprojektowanej witryny. Upewnij się więc, że Twoje menu jest krótkie i słodkie.

Wyjątkiem są sklepy eCommerce, ponieważ użytkownicy chcą szybkiego i łatwego dostępu do różnych kategorii zakupów. Ale chociaż nie można ograniczyć kategorii produktów, istnieje argument za usunięciem niektórych standardowych stron – takich jak strona główna, kontakt i informacje – z menu mobilnego, ponieważ użytkownicy będą traktować priorytetowo zakupy.

najlepsze-praktyki-nawigacja-mobilna-menu

2. Dołącz widoczny przycisk wyszukiwania

Prostota i minimalizm to słowa kluczowe w projektowaniu mobilnym. Jednak przy ograniczonej przestrzeni i krótkim menu istnieje niebezpieczeństwo, że użytkownicy mogą nie być w stanie szybko znaleźć tego, czego chcą. Z tego powodu posiadanie widocznego przycisku wyszukiwania w postaci ugruntowanej ikony lustra ma kluczowe znaczenie.

Idealnie, jeśli chcesz umieścić ikonę wyszukiwania u góry ekranu, więc jeśli użytkownik trafi do Twojej witryny w poszukiwaniu określonej informacji, może wyszukać i znaleźć to, czego chce, przy minimalnym wysiłku.

3. Upewnij się, że łatwo jest wrócić na stronę główną

Znaną wszystkim użytkownikom Internetu konwencją jest pojęcie strony głównej, która jest równie ważna w przypadku urządzeń mobilnych. Łatwo jest wejść na stronę, wykonać kilka kliknięć i nagle stracić orientację, gdzie jesteś lub odebrać telefon i zapomnieć, co robiłeś, gdy wrócisz do przeglądania. Ikona strony głównej jest dobrze znana wszystkim użytkownikom i umożliwia łatwy powrót do strony głównej.

Strona główna jest również użytecznym punktem odniesienia. Powinien zawierać przegląd najbardziej przydatnych informacji w Twojej witrynie, aby użytkownicy mogli zmienić orientację i natychmiast odkryć najważniejsze treści.

4. Uczyń CTA oczywiste

Każda strona w Twojej witrynie powinna mieć wezwanie do działania, dzięki czemu będzie oczywiste, czego oczekujesz od odwiedzających po wylądowaniu na tej stronie. W zminimalizowanym środowisku przeglądania w telefonie komórkowym ważne jest, aby Twoje wezwania do działania były przez cały czas podkreślane.

Postępuj zgodnie z podstawowymi konwencjami dotyczącymi CTA – jasne, kontrastujące kolory, charakterystyczny, przekonujący tekst i upewnij się, że wyróżniają się wizualnie – i umieść je z przodu i na środku, gdzie nie można ich przeoczyć.

Jeśli masz sklep eCommerce, rozważ dodanie przycisku „Dodaj do koszyka” lub „Kup” jako przycisku przyklejonego, aby był zawsze na stronie, gdy użytkownicy przewijają.

5. Zastanów się, czy potrzebujesz udostępniać ikony

To może wydawać się oczywiste; w końcu korzystanie z mediów społecznościowych na urządzeniach mobilnych jest rekordowo wysokie, a ponad pół miliarda ludzi korzysta z Facebooka wyłącznie na swoich telefonach komórkowych. Jednak ostatnie badanie przeprowadzone przez Moovweb wykazało, że tylko 0,2 procent użytkowników mobilnych kiedykolwiek kliknęło przycisk udostępniania mobilnego, czyli o 35 procent mniej niż na komputerach stacjonarnych. Rzeczywiście, badanie wykazało, że użytkownicy mobilni byli 11,5 razy bardziej skłonni kliknąć reklamę niż udostępniać treści za pośrednictwem telefonów komórkowych.

Badanie ujawniło również, że jeśli chcesz wdrożyć udostępnianie społecznościowe w ramach swojej kampanii marketingowej, Facebook jest wiodącą siecią, na którą możesz kierować reklamy. Aby mieć jak największe szanse na sukces, oprócz ikony udostępniania zoptymalizowanej pod kątem urządzeń mobilnych, należy dołączyć wezwanie do działania, w którym użytkownicy będą prosić użytkowników o udostępnienie informacji, a być może nawet zaoferować jakąś zachętę.

najlepsze-praktyki-ikon-nawigacji-mobilnej

6. Ogranicz promocje do minimum

Jak wspomniano w powyższej ankiecie, użytkownicy mobilni znacznie częściej klikają reklamę niż udostępniają informacje ze swoich urządzeń mobilnych. Ale to nie znaczy, że powinieneś zaśmiecać swoją witrynę komórkową reklamami.

Wręcz przeciwnie, przy nieruchomościach na wagę złota na ekranach telefonów komórkowych, zaśmiecanie ekranu reklamami jest niezawodnym sposobem na zapewnienie, że odwiedzający odejdą z grymasem. Promocje, zarówno własne, jak i płatne reklamy w witrynie, mogą z łatwością przytłoczyć nawet najlepszą treść i najważniejsze informacje na ekranie oraz utrudnić użytkownikom nawigację. Jeśli chcesz uwzględnić promocje i reklamy, uważaj, aby ich nie przejęły.

7. Spraw, aby strona była przyjazna w dotyku

Na koniec upewnij się, że nawigacja jest prosta dla użytkowników, zapewniając, że Twoja witryna mobilna jest przyjazna dla dotyku. Pamiętaj, że zamiast precyzyjnej myszy użytkownicy będą używać do nawigacji większych, nieco bardziej niezgrabnych palców. Twój projekt powinien zawierać dużo pustej przestrzeni, a linki powinny być oczywiste i łatwe do dotknięcia palcem – docelowy rozmiar to 44 na 44 piksele.

Ponadto unikaj efektów, które nie przekładają się dobrze na urządzenia mobilne, takich jak efekty najechania kursorem, i staraj się unikać wyskakujących wiadomości — są one wystarczająco irytujące na komputerze, ale mogą być szczególnie kłopotliwe w nawigacji w witrynie mobilnej.

najlepsze-praktyki-nawigacja-mobilna-przyjazna-dotykowa

Niewiele zaprzeczy, że telefon komórkowy jest duży i ma ogromne znaczenie dla wszystkich właścicieli witryn. Upewnij się, że znasz główne cele swoich klientów i projektuj z precyzją i celem, używając minimalistycznego spojrzenia i mentalności mobile-first. Nie chcesz przytłaczać użytkowników wyborami i rozrywkami, które mogłyby ich sparaliżować i odstraszyć.

Dążysz do bezproblemowej, intuicyjnej nawigacji, aby zwiększyć wygodę użytkowników. „Dzięki najwyższej jakości obsłudze, witryna przyciągnie więcej odwiedzających i dokona większej liczby konwersji. ”

Jakich wskazówek i wskazówek używasz, aby uzyskać intuicyjną, płynną nawigację mobilną? Czy przegapiliśmy coś ważnego? Powiedz nam poniżej!