Użyteczna nawigacja strony www, cz.2

Odwiedzając strony internetowe często zauważamy, że projektant nie przyłożył zbyt dużej uwagi do budowy elementów nawigacyjnych strony. Owszem - zdarza się, że menu (główny “drogowskaz” strony www) jest zbudowany w sposób przemyślany, lecz z innymi elementami jest znacznie gorzej. Pytanie co jeszcze może służyć do wygodnego poruszania się po stronie www? Jest kilka elementów, na które należy bezwzględnie zwrócić uwagę.

W poprzednim artykule na temat użytecznej nawigacji strony www, zajęliśmy się menu - jako głównym elementem nawigacji.

Dziś spróbujmy przyjrzeć się innym, równie ważnym elementom, użytecznej strony www.

1. Logo - Badania jasno pokazują, że użytkownicy rozpoczynają swoją przygodę ze stroną www, od lewej górnej strony. Właśnie tam powinno znajdować się logo - w ten sposób użytkownik wie na jakiej stronie jest, kojarzy znak, a przez to stronę i firmę - właściciela strony. Logo, prócz funkcji identyfikacyjnej powinno być aktywnym linkiem, zawsze kierującym na stronę główną.

2. Ścieżka strony, tzw. “Path” - Jest to nic innego jak lista linków, ułożonych w sposób hierarchiczny - w czytelny sposób pokazująca gdzie aktualnie znajduje się użytkownik. Np. Jeśli wejdzie do “Oferty”, a potem do “Grzejniki”, następnie do “Piece”, to ścieżka powinna wyglądać tak :

Jesteś tutaj : Strona główna -> Oferta -> Grzejniki -> Piece

Co ważne : Strona główna, Oferta i Grzejniki powinny być linkami, prowadzącymi do tych podstron.

3. Wyszukiwarka - Tak, to także jest elementem nawigacji, wszak pozwala na odnalezienie informacji. A więc pozwala, na przemieszczenie się do poszukiwanych przez nas materiałów. Moduł wyszukiwarki powinien się znajdować w widocznym miejscu i być zawsze dostępny. Mechanizmy wyszukiwania mają zastosowanie szczególnie przy dużych i rozbudowanych serwisach, lub sklepach e-commerce. Wyobraźmy sobie sytuację, że jesteśmy w serwisie, w którym mamy do dyspozycji bazę 1000 artykułów. Czy będziemy szukać interesujących nas treści w każdym artykule, jeden po drugim, czy może skorzystamy z wyszukiwarki, która dostarczy nam listę tekstów, zawierających poszukiwane przez nas informacje? Pytanie jest retoryczne.

4. Link “Powrótu” - często zapominany i pomijany przez webdesignerów okazuje się być bardzo pomocnym narzędziem, przy nawigowaniu strony. Do tego nie musi to być element graficzny, a zwykły odnośnik tekstowy. Najlepiej jego przydatność może zobrazować sytuacja, gdy zagłębiając się w stronach serwisu, pragniemy nagle cofnąć się o kilka kroków wcześniej. Oczywiście ktoś odpowie “Przecież są przyciski BACK/NEXT w przeglądarce”. Tak, ale żeby do nich dotrzeć kursorem, trzeba wykonać dużo większy ruch myszą niż do linku osadzonego na stronie. Niby nic ważnego, ale zawsze jest to z korzyścią dla użytkownika.

5. Link “Wróć do góry” - podobnie jak “Powrót” pomijany i zapominany przy projektowaniu stron, okazuje się kapitalnym pomocnikiem, przy stronach zawierających bogatą ilość contentu. Wyobraźmy sobie sytuację, gdy czytamy długi artykuł (kilka-kilkanaście ekranów) i po przeczytaniu ostatnich wyrazów chcemy wrócić do góry strony, do menu. Zamiast przewijać pasek przeglądarki, klikamy w link powrotu do górnej części strony.

6. Paginacja - czyli dzielenie contentu na podstrony. Element niejako wykluczający punkt 5, aczkolwiek nic nie stoi na przeszkodzie aby używać oba ułatwienia równolegle. Paginacja to nic innego jak umożliwienie użytkownikowi “wertowanie” kolejnych stron obszernego tekstu. Najczęściej umieszczana jest na dole tekstu, lecz coraz częściej spotykana także na początku.

7. Stopka - powinny się w niej znaleźć odnośniki w formie tekstowej do najważniejszych podstron, ale także informacje o firmie, sposoby kontaktu z nią oraz informacje o prawach autorskich.

8. Mapa strony - jest to przedstawienie wszystkich “gałęzi” strony i menu, w jasny i czytelny sposób. Dzięki mapie strony mamy pod ręką wszystkie podstrony i linki pokazane w jednym miejscu. Mapa strony ma także korzystny wpływ na pozycjonowanie.