Sprawdzone metody nawigacji w sieci mobilnej
Sposób, w jaki ludzie uzyskują dostęp do informacji w Internecie, ewoluuje. Google informuje, że do przyszłego roku (2013 r.) Ponad połowa wizyt w witrynie będzie pochodzić z urządzeń mobilnych, a nie z komputerów stacjonarnych czy laptopów.
Zmienia się nie tylko medium dostępu do sieci, ale także zmienia się potrzeby większości użytkowników mobilnych korzystających z internetu na smartfonie lub urządzeniu przenośnym; być bardziej skoncentrowanym i zorientowanym na zadania.
Dzisiejsi właściciele smartfonów używają telefonów do wykonywania określonych zadań, takich jak sprawdzanie lokalizacji miejsc docelowych, harmonogramów transportu publicznego i sald bankowych. Podczas przeglądania Internetu na urządzeniach przenośnych (szczególnie gdy stoją w naprawdę długich kolejkach lub czekają na autobus), wiele osób woli surfować po Internecie w zaciszu domu lub w biurze.
Miejsce na ekranie jest ograniczone na urządzeniach przenośnych, a użytkownicy mobilni są zajęci, często wielozadaniowi, ponieważ szukają informacji w Internecie jednym kciukiem lub palcem.
Z tych powodów nawigacja w witrynie komórkowej jest jeszcze ważniejsza niż nawigacja na tradycyjnej stronie internetowej. Zrozumienie pytań i potrzeb typowych użytkowników witryny, ograniczeń ich urządzeń i ich frustracji ma kluczowe znaczenie dla skutecznego projektowania nawigacji w witrynie mobilnej.
Co użytkownicy mobilni pytają, kiedy są online?
Compuware Badanie z 2011 r. Użytkownicy, którzy chcą korzystać z urządzeń mobilnych, stwierdzili, że 95% użytkowników szukało informacji lokalnych za pomocą smartfonów lub urządzeń przenośnych. Dobrą praktyką w przypadku cegieł i zapraw będzie więc nawigacja w ich lokalizacji, godziny i informacje kontaktowe w widocznych miejscach na stronach mobilnych.
Postaw się na miejscu typowego użytkownika witryny. Spójrz na statystyki ruchu mobilnego. Wybierz trzy lub cztery najlepsze kategorie, których użytkownicy szukają, i wybierz nazwy kategorii odzwierciedlające najczęstsze wyszukiwania.
Jeśli jest to witryna mobilna dla branży cegieł i zapraw, wyświetl przycisk do lokalizacji i wyraźne informacje kontaktowe.
Zawsze możesz dodać link do "odwiedź naszą stronę", a prawdziwie zainteresowani mogą przyjrzeć się bardziej rozbudowanej wersji witryny mobilnej w zaciszu swojego biura lub w domu z laptopem.
7 Wszyscy ludzie znają swoich użytkowników.
Projektowanie dla innego środowiska
Oprócz parametrów i zakłóceń środowiska zewnętrznego, projektanci stron internetowych muszą również oceniać same urządzenia podczas projektowania elementów nawigacyjnych.
Architekt nie popierałby dokładnie tego samego projektu budynku w środku miasta, pustyni lub lasu, dobry projektant stron internetowych rozważa możliwości i ograniczenia środowiska mobilnego, aby stworzyć najbardziej użyteczną nawigację dla mobilności.
Problem polega oczywiście na tym, że projektant nie wie, jakie urządzenie trzyma użytkownik końcowy podczas wizyty w witrynie, sytuacja, którą można rozwiązać za pomocą narzędzi do projektowania responsywnego, takich jak zapytania o media CSS, w celu rozwiązania problemów związanych z lokalizacją, rozmiarem i elastyczne treści. Niezależnie od tego, czy projektujesz zupełnie nową witrynę mobilną z wykorzystaniem elastycznego projektowania czy adaptacji istniejącej witryny na urządzenia mobilne, nadal istnieją pewne najlepsze praktyki, które sprawdzają się w nawigacji.
Menu nawigacyjne dla małego ekranu
Projektanci stron internetowych wiedzą, że użytkownicy mobilni zachowują się inaczej podczas uzyskiwania dostępu do sieci na smartfonach i urządzeniach przenośnych niż na swoich komputerach stacjonarnych lub laptopach. Znalezienie miejsca do nawigacji na małym ekranie może być trudne, ale przy odrobinie starannego planowania można osiągnąć mobilny projekt nawigacji.
Dzięki zaledwie czterem przyciskom nawigacyjnym i wyeksponowanemu numerowi rezerwacji, strona mobilna Loews Hotels jest przyjazna dla użytkownika i łatwa w nawigacji.
Najlepsza praktyka 1: zmniejszyć liczbę przycisków menu
Może to być trudne przy projektowaniu przyjaznej dla urządzeń mobilnych wersji istniejącej strony internetowej, szczególnie takiej, która ma wiele linków w designie. Ogranicz swoje główne przyciski nawigacyjne do pięciu lub mniej, dodając w razie potrzeby zagnieżdżone menu.
Najlepsza praktyka 2: zmniejszyć liczbę kranów
Ogranicz liczbę czynności do wykonania na urządzeniu mobilnym do minimum. Im mniej kliknięć i kliknięć, aby znaleźć to, czego szuka użytkownik, tym lepiej. Zbyt łatwo popełnić błąd. Zawsze dołączaj łatwy do znalezienia przycisk wstecz: nie chcesz więcej denerwować użytkownika.
Najlepsza praktyka 3: przewijanie nawigacji
Zachowaj najważniejsze elementy nawigacyjne u góry. Urządzenia mobilne mają różne rozmiary ekranu, więc zastanów się dobrze nad wagą każdej kategorii, ponieważ te na liście mogą wymagać przewijania na smartfonach z mniejszą ilością miejsca na ekranie.
Najlepsza praktyka 4: przyciski do układania w stosy
Użytkownicy mobilni widzą Twoją witrynę w orientacji pionowej zamiast w krajobrazie, tak jak robią to na komputerze. Dostosuj nawigację do sieci mobilnej, prezentując ją w pionie. Czytaj w dół zamiast w poprzek. Działa to najlepiej w przypadku witryn z nie więcej niż pięcioma kategoriami w menu, a gdy jest mało prawdopodobne, więcej kategorii zostanie dodanych.
Najlepsza praktyka 5: zagnieżdżone menu
Czasami znany jako zwijana nawigacja, jest to dobra opcja dla stron, które wymagają treści na ekranie, a także menu oraz tych, które oczekują dodania kategorii i pozycji menu.
Optymalizacja nawigacji mobilności dla ekranu dotykowego i małych przycisków
Ekrany dotykowe i małe przyciski oznaczają nowe względy dla projektantów stron internetowych. Użytkownicy mobilni nie mają luksusu klikalnej myszy, aby wskazać mały przycisk lub link menu. Są na łasce swoich palców i kciuków, co oznacza, że wskazują obszary na ekranie z dużo mniejszą precyzją niż w przypadku korzystania z myszy i mogą łatwo ulec frustracji, jeśli ich stukanie nie przyniesie natychmiastowych rezultatów.
Projektanci stron internetowych mogą ułatwiać nawigację użytkownikom mobilnym, dodając więcej miejsca wokół linków menu lub zastępując linki przyciskami dla kategorii menu.
Zwiększenie rozmiaru ułatwia szybkie znalezienie obszaru i kliknięcie go za pomocą małego przycisku telefonu lub dotknięcie palcem lub kciukiem. Ponieważ przeciętny palec wymaga klikalnego obszaru o rozmiarach co najmniej 44 x 44 piksele, może to skutkować przyciemnieniem przycisków i obszarów nawigacyjnych pozostałą treścią na ekranie. Może to jednak odpowiadać celom strony internetowej i użytkownika, zwłaszcza jeśli zawartość strony głównej jest drugorzędna względem głównych pozycji menu.
W idealnej sytuacji projekt powinien umożliwić użytkownikowi ekranu dotykowego zwiększenie przycisku nawigacji, jeśli jest to wymagane.
Wskazówki dotyczące optymalizacji
- Ustaw menu u góry lub u dołu ekranu, w zależności od głównego celu użytkowników witryny. Jeśli szukają treści i mogą przewijać, umieszczenie menu na dole daje im inne miejsce do odwiedzenia witryny zamiast opuszczania witryny dla wyszukiwarki lub konkurencyjnej witryny.
- Częściowo ukryj menu, aby pomieścić inne treści na ekranie, odsłaniając pełne menu, gdy użytkownicy go dotkną. Dzięki temu menu z przodu i centrum nie zatracają przydatnych treści.
- Umieść link Menu u góry ekranu i dodaj przycisk nawigacyjny na dole.
- Wysoka i cienka może być świetna dla supermodelek, ale w mobilnej nawigacji internetowej krótka i szeroka jest piękna. Szeroka, krótka nawigacja pomaga również, gdy masz dłuższe tytuły kategorii - tekst pasuje lepiej.
- Zmniejsz wysokość obrazów nagłówka lub zastąp je w całości mniejszym logo, aby zwiększyć przestrzeń do nawigacji.
- Zachowaj spójność marki i designu, zwracając uwagę na typografię, kolor i styl przycisków nawigacyjnych, zamiast wykorzystywać cenną przestrzeń z dużą grafiką i obrazami.
- Skróć tekst, szczególnie w przyciskach menu i tytułach kategorii. W niektórych przypadkach jest to bardzo trudne, a preferowanym rozwiązaniem jest układanie w stosy menu z miejscem na więcej tekstu w każdej linii.
- Uprość jak najwięcej. Usuń jak najwięcej ze strony głównej, aby skupić się na udostępnianiu tylko kilku najważniejszych elementów, których chce większość użytkowników.
Nawigacja mobilna no-nos
Użytkownicy mobilni są zajęci, rozproszeni i w ruchu. Nie chcą różnorodności w wyborze, które przyciski wybrać i nie chcesz, aby stały się sfrustrowane i opuścić witrynę z powodu paraliżu analizy.
Nie dawaj im dużego wyboru.
Unikaj przewijania w poziomie i bez zawieszania! Menu suwaków może być również frustrujące dla użytkowników mobilnych. Chcąc uprościć i usprawnić nawigację, nie myśl, że musisz być nudny. Kreatywna nawigacja nie jest złą rzeczą, ale musi być intuicyjna. Użytkownik powinien mieć łatwy dostęp do informacji, które chcą szybko znaleźć.
Wniosek
Względna nowość urządzeń mobilnych jako metoda dostępu do sieci oznacza, że nawigacja mobilna stale ewoluuje, gdy różne projekty są testowane, modyfikowane lub w ogóle odrzucane.
To, co działa dla jednej grupy użytkowników w jednej witrynie, może być katastrofą w innej witrynie, ponieważ informacje, które użytkownik wyszukuje, są zupełnie inne. Ponadto ten sam użytkownik podchodzi do różnych stron z różnymi celami: użytkownik mobilny, który przegląda witrynę z wiadomościami na swoim telefonie, najprawdopodobniej chce nagłówków, a nie informacji kontaktowych; Dokładnie to, czego chce, gdy odwiedza witrynę mobilną dla swojego dentysty lub fryzjera.
Podczas gdy elementy nawigacyjne witryny mobilnej mogą się różnić od tradycyjnych witryn internetowych, cel jest taki sam: użytkownicy sieci mają pytanie, gdy przejdą do trybu online. Gdzie jest sklep? Co się dzieje na świecie? Jakie jest moje saldo na koncie bankowym? Świetna nawigacja prowadzi użytkowników do odpowiedzi szybko i prosto.
Poznaj ich najpilniejsze potrzeby i powrócą, zwiększając ruch na stronie, uszczęśliwiając klientów i prowadząc do odesłań i tworzenia bardziej mobilnych projektów internetowych.
Jakie podejście do nawigacji mobilnej preferujesz jako projektant? A może jako użytkownik? Daj nam znać w komentarzach.
Wyróżniony obraz / miniatura, mobilny wizerunek internetu przez Shutterstock.