Zapisz się na szkolenie "Architektura informacji w UX/UI"
Zobacz
Mikroblog

7 rzeczy, o których musisz pamiętać projektując okruszki

Okruszki nigdy nie były problematyczne: czasami użytkownicy mogli przeoczyć ten drobny element strony, ale nigdy nie mieli problemu ze zrozumieniem lub interakcją

Jakub Nielsen

Breadscrumbs to drobny element, który powinien pojawić się na prawie każdej stronie. Drobne linki, pokazujące gdzie na stronie się znajdujesz, jaki produkt przeglądasz, w jakiej kategorii.

O czym pamiętać projektując breadscrumbs?

  • Najlepiej działają bezpośrednio obok tytułu strony. W porównaniu do umieszczeniu ich na szczycie strony, okruszki obok tytułu są klikalne 5-krotnie częściej.
  • Pokazuj tylko strony. Breadscrumbs powinien być głównie zbiorem klikalnych linków.
  • Strona na której aktualnie znajduje się user, powinna znaleść się w okruszkach, ale nie powinna być linkiem.
  • Okruszki powinny pokazywać hierarchię strony, a nie historię przeglądania użytkownika.
  • Jeżeli jest kilka poprawnych ścieżek do podstrony (np. do listy telefonów można dostać się poprzez stronę główną, stronę z ofertami na kartę, stronę z ofertami abonamentu) – wtedy okruszki powinny sugerować jeden kierunek.
  • Używaj strzałek skierowanych w lewo. Może to być nieintuicyjne przy projektowaniu, ale z punktu widzenia użytkownika, chce on wrócić do wyższego poziomu.
  • Na telefonie pokaż tylko jeden okruszek, pozwalający wrócić o poziom wyżej.W ten sposób nie zarzucamy użytkownika treścią.

Źródła:
https://medium.com/@jeffjimerson/breadcrumbs-for-desktop-ux-design-youre-doing-them-wrong-70fe62e6180e

https://www.nngroup.com/articles/breadcrumbs/

UX w praktyce

Twitter dla UX-a, analityka, PM-a? Właśnie tak! Szybkie, ale merytoryczne wpisy o polskim i zagranicznym tworzeniu produktów cyfrowych.

Chcesz coś opublikować? Napisz: hello@webmetric.com

    Bądź na bieżąco z wiedzą o User Experience!