Co powinna posiadać każda podstrona Twojego serwisu? | UX bez żargonu #15

Na drogach mamy znaki drogowe, w sklepach tabliczki nad alejkami. A w Twoim sklepie? Co ułatwia użytkownikom nawigację? W tym artykule opowiem Ci, o co zadbać, aby klient bez problemu odnalazł się na Twojej stronie. 

Obowiązkowe elementy na każdej podstronie 

  • 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. 

Poza tym staraj się przestrzegać zasadę maksymalnie 7 odnośników do kategorii w menu głównym. Z mojego doświadczenia wynika zresztą, że 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 drogi. 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 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ś wyszukać. 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 ponadto, aby pole wyszukiwania było polem tekstowym. Na przycisku umieść zaś słowo „szukaj” lub symbol lupy. Inne oznaczenia będą mylące dla użytkownika. Unikaj też wymyślnego słownictwa. 

Więcej o wyszukiwarkach przeczytasz w osobnym artykule poświęconemu temu zagadnieniu

 

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.  

Ten artykuł wydał Ci się interesujący? Bardzo się cieszę! Podziel się swoimi przemyśleniami w komentarzu lub udostępnij ten materiał innym. Po więcej wiedzy zapraszam na kanał YouTube Cyrek Digital i na naszego bloga.