Elementy, które powinna zawierać każda podstrona Twojego serwisu | UX bez żargonu #15

Na drogach mamy znaki drogowe, w sklepach tabliczki nad alejkami. A co ułatwia użytkownikom nawigację w Twoim sklepie Internetowym? O co zadbać, aby klient bez problemu odnalazł się na Twojej stronie?

Obowiązkowe, z punktu widzenia UX, elementy na każdej podstronie serwisu

Aby zadbać o właściwe doświadczenia użytkownika, warto upewnić się, że każda podstrona zawiera następujące elementy:

Nazwa (logo serwisu) 

Użytkownicy przyzwyczajeni są do dwóch rzeczy.

• Pierwsza – logo powinno znajdować się w lewym górnym rogu strony.
• Druga – logo powinno być odnośnikiem do strony głównej. Inne rozwiązania mogą mylić i okażą się mało pomocne, kiedy Twój klient „zgubi się” w serwisie.

Logo zawsze jest bezpieczną i pewną drogą powrotu na stronę główną. 

Kategorie (nawigacja główna) 

Nawigacja główna to odpowiednik drogowskazów (tabliczek) w alejkach sklepu fizycznego. Na stronie pełni dwie funkcje: 

• pomaga znaleźć użytkownikowi to, czego szuka; 
• informuje o tym, gdzie użytkownik aktualnie się znajduje. 

Poza tym nawigacja główna jest także informacją o tym, co można w sklepie znaleźć. Tworzą ją przecież kategorie. To one podpowiadają użytkownikowi, jakie ma opcje do wyboru i możliwości. Im lepiej jest skonstruowana (intuicyjna, przejrzysta), tym lepsze pierwsze wrażenie robi na użytkowniku. 

Nawigacja główna, czyli menu, powinno znajdować się na samej górze strony. Można je umieścić tuż obok logo lub dosunąć do prawej krawędzi strony. Jeśli miejsce zajmują wyszukiwarka i ikony logowania, nawigacja powinna znaleźć się tuż pod logo serwisu. 

Staraj się przestrzegać zasady maksymalnie 7 odnośników do kategorii w menu głównym. Najlepiej zamknąć się w 5. 

Informacje „jesteś tutaj” 

Ścieżki powrotu, zwane również okruszkami (z ang. breadcrumbs), są kolejnym sposobem na wskazanie użytkownikowi właściwej ścieżki. Pokazują, gdzie jest, jaką drogą przebył. Pomagają w powrocie do nadrzędnych kategorii. 

Informacje te powinny znajdować się na górze strony. Ponadto, przyjęło się, że między elementami znajduje się znak większości. Ostatni element ścieżki dobrze jest wyróżnić, a pozostałe wzbogacić o odnośniki. 

Przykład ścieżki powrotu ze strony narzędzia.pl 

Nazwa strony 

Nawigacja główna i okruszki to wciąż za mało. Należy też zadbać o nazwę strony. Niżej znajdziesz kilka zasad, o których warto pamiętać. 

• Każda podstrona powinna mieć swoją nazwę; 
• Nazwa strony powinna znajdować się w odpowiednim miejscu. Dobrze, aby obejmowała wizualnie zawartość, która jest charakterystyczna dla tej strony;
• Nazwa strony powinna być wyróżniona, największa na tle pozostałych tekstów na obecnie przeglądanej stronie; 
• Nazwa powinna tworzyć spójną całość z odnośnikiem, który wybrał użytkownik, zanim przeniósł się na stronę. Nawigacja lokalna 

Użytkownik spędza średnio tyle samo czasu na każdym poziomie hierarchii strony. Poza nawigacją główną warto więc uwzględnić również nawigację kontekstową na podstronach niższego rzędu. Najlepiej będzie, kiedy umieścisz ją po lewej stronie lub na górze, pod nawigacją główną. 

Wyszukiwarka 

Są użytkownicy, którzy pojawiają się na Twojej stronie z myślą o przeglądaniu i tacy, którzy chcą od razu coś znaleźć. Tych drugich jest zwykle o wiele więcej (zwłaszcza w większych serwisach), dlatego pole wyszukiwania lub chociaż odnośnik do wyszukiwania umieść na każdej podstronie. 

Pamiętaj, aby pole wyszukiwania było polem tekstowym. Na przycisku umieść słowo „szukaj” lub symbol lupy. Inne oznaczenia będą mylące dla użytkownika.

Wygodna nawigacja to zadowolony klient

Wszystkie wymienione przeze mnie elementy powinny znaleźć się na każdej podstronie. Warto o to zadbać, bo nawet jeśli Twój klient nie znajdzie tego, po co przyszedł, to przynajmniej na pewno nie opuści sklepu sfrustrowany. Dzięki temu wróci do Ciebie z większym prawdopodobieństwem.