Spójność nie oznacza identycznego wyglądu
Na komputerze menu może pokazywać wszystkie główne działy w jednym rzędzie. Na telefonie ta sama lista często mieści się dopiero pod przyciskiem otwierającym panel. To naturalna różnica w prezentacji. Ważniejsze jest to, czy użytkownik obu urządzeń może odnaleźć te same istotne kategorie, usługi i strony informacyjne oraz czy ich nazwy i miejsce w strukturze pozostają zrozumiałe.
Wyobraź sobie sklep, w którym menu komputerowe prowadzi do działów „Odzież”, „Obuwie” i „Akcesoria”, a mobilne pokazuje tylko „Nowości” i „Promocje”. Nawet jeśli pozostałe działy można znaleźć przez wyszukiwarkę, nawigacja nie wyjaśnia już struktury sklepu w ten sam sposób. Dobrym punktem wyjścia jest wspólna lista głównych działów dla obu wersji. Dopiero sposób ich rozwijania warto dopasować do szerokości ekranu.
Ustal hierarchię, zanim zaprojektujesz przycisk menu
Najpierw wypisz strony, do których menu ma prowadzić: główne działy, ich najważniejsze poddziały oraz strony pomagające w korzystaniu z serwisu. Następnie pogrupuj je według potrzeb odbiorcy. W serwisie usługowym dział „Usługi” może zawierać konkretne rodzaje usług, a „Pomoc” odpowiedzi na częste pytania. Nie twórz osobnego porządku tylko dlatego, że na telefonie brakuje miejsca. Zagnieżdżenie pozycji w panelu mobilnym pozwala zachować strukturę bez wyświetlania wszystkiego naraz.
Nazwy działów powinny odpowiadać zawartości stron docelowych. Jeśli na komputerze dział nazywa się „Poradniki”, a na telefonie „Blog”, sprawdź, czy rzeczywiście oznacza to ten sam zbiór treści. Niekonsekwentne etykiety utrudniają orientację, zwłaszcza gdy użytkownik przełącza urządzenie lub wraca do serwisu później.
Nie każda podstrona musi znaleźć się w menu głównym. Artykuły, produkty czy szczegółowe opisy mogą być dostępne z poziomu odpowiednich kategorii i linków kontekstowych. Istotne jest, by ważne części witryny miały logiczne ścieżki dojścia, a nie by zmieścić możliwie dużo odnośników w jednym panelu.
Zadbaj o działające linki i przewidywalne rozwijanie
Pozycja prowadząca do strony powinna być rzeczywistym linkiem z adresem docelowym. Przycisk służący wyłącznie do otwarcia podmenu może pozostać przyciskiem. Warto wyraźnie rozdzielić te funkcje: jeśli „Obuwie” jest zarówno stroną kategorii, jak i nagłówkiem rozwijanej listy, użytkownik powinien móc otworzyć kategorię oraz osobno rozwinąć jej poddziały. Sam efekt wizualny przypominający link nie zastępuje działającego odnośnika.
Sprawdź też, co dzieje się po załadowaniu strony. Menu mobilne bywa składane za pomocą skryptów; jeśli wystąpi błąd, część nawigacji może przestać działać. Rozwiązanie techniczne powinno być możliwie odporne na takie sytuacje. Samo ukrycie menu do chwili kliknięcia przycisku nie jest problemem strukturalnym, o ile po otwarciu pozycje są dostępne i poprawnie prowadzą do podstron.
Przetestuj obsługę dotykiem i klawiaturą. Czy panel da się otworzyć, przejść przez jego pozycje i zamknąć bez zgadywania? Czy rozwinięte podmenu nie zasłania innych elementów? Nawigacja, którą trudno obsłużyć, może w praktyce utrudniać dotarcie do treści, nawet gdy wszystkie linki formalnie istnieją.
Patrz na całą drogę do treści, nie tylko na menu
Menu jest jednym z elementów architektury serwisu. Uzupełniają je między innymi linki w treści, listy podkategorii i ścieżka nawigacyjna pokazująca położenie aktualnej strony. Jeśli użytkownik wejdzie bezpośrednio na opis produktu z wyników wyszukiwania, te elementy pomogą mu wrócić do kategorii i poznać sąsiednie oferty. Warto sprawdzić, czy działają równie dobrze na małym ekranie.
Nie próbuj naprawiać zbyt rozbudowanej struktury przez usunięcie działów wyłącznie z menu mobilnego. Jeżeli lista pozycji jest przytłaczająca, przyjrzyj się grupowaniu treści w całym serwisie. Czasem wystarczy czytelniejszy podział na kilka działów głównych, a czasem potrzebne są strony kategorii, które wprowadzają użytkownika do bardziej szczegółowych tematów.
Krótka lista kontroli obu wersji
Otwórz stronę na komputerze i telefonie, a następnie porównaj główne działy. Czy każdy ważny dział ma odpowiednik w obu menu? Czy podobne nazwy prowadzą do tych samych stron? Czy z poziomu kategorii można przejść do istotnych podkategorii? Zwróć uwagę także na adresy: dwa różnie wyglądające przyciski mogą prowadzić w to samo miejsce, lecz podobne etykiety nie powinny przypadkowo kierować do różnych treści.
Potem wykonaj zadanie z perspektywy użytkownika: znajdź konkretną usługę, kategorię produktów albo artykuł, zaczynając od strony głównej. Powtórz próbę na telefonie, bez korzystania z wyszukiwarki serwisu. Na koniec sprawdź kilka stron docelowych: czy da się z nich wrócić do nadrzędnego działu i przejść dalej? Taka kontrola nie daje gwarancji wyników w wyszukiwarce, ale pomaga wychwycić brakujące linki, mylące nazwy i ślepe zaułki nawigacji.
