Kategorie
Projektowanie

Pełne wykorzystanie Breadcrumbs

Ścieżka powrotu wykorzystywana w szczególności w e-commerce stała się dla mnie inspiracją do stworzenia menu kontekstowego, wraz z dynamiczną rolą powrotu. Temat z 2017 ale cały czas aktualny.

Typowa ścieżka powrotu (breadcrumbs):

Głównym założeniem menu była możliwość wchodzenia w głąb oraz prosty sposób powrotu w zależności od zagłębienia.

Tak powstało menu z podziałem na 3 konteksty:

Element klikalny to ikona oraz napis. Ikona resetuje wartości wybrane lub prowadzi do danego kontekstu. Napis otwiera menu kategorii.

Samo działanie możemy zobaczyć na filmie poniżej we wdrożonym projekcie EduFox dla systemu zarządzania przedszkolami.

Pierwszy sposób użycia odnosi się do przejścia po każdej kategorii, aż wybierzemy docelowy oraz szybki powrót poprzez wybranie ikony.

Drugi sposób przedstawia ominięcie jednej z kategorii i przejście do konkretnego wybranego.

W zależności od wybranego kontekstu, dodawanie nowego elementu powoduje automatyczne wrzucenie go do danej kategorii. Przyśpieszamy dzięki temu proces wyboru, pozostawiamy dobre praktyki z możliwością pozostawienia ścieżki powrotu oraz wprowadzamy kontekstową budowę elementów.

Komponent ten został sprawdzony na bardzo wymagającej grupie docelowej, w której sprawdził się doskonale.