UX: Funkcje i rodzaje nawigacji

0:00Ostatni obszar, o którym będziemy mówić w przypadku architektury informacji,

0:04to będą sposoby nawigowania. Czyli będziemy zastanawiać się, jaki

0:08wzorzec nawigacji dopasować do tych treści, które sobie

0:12opracowaliśmy, tej struktury, tej organizacji, którą wybraliśmy

0:17dla naszych tekstów, obrazów i filmów. No i teraz

0:21musimy jakoś to wszystko połączyć, polinkować, żeby

0:25można było spokojnie korzystać z tej strony internetowej i docierać

0:30do tych wszystkich treści, które sobie poukładamy. No dobra, ale

0:34jeżeli mówimy o nawigacji, to warto zastanowić się, jakie są tak naprawdę jej funkcje. Taką

0:39oczywistą, która przychodzi na myśl od razu, jest dostęp

0:43do informacji. No bo tak naprawdę o co chodzi w nawigacji? Możemy klikać sobie

0:47na jakieś elementy i przechodzimy do kolejnych podstron. Szukamy

0:52w ten sposób jakiejś treści, przechodzimy na przykład w sklepie internetowym

0:57przez kolejne zakładki i eksplorujemy w ten sposób jego zawartość. I

1:02tak na przykładzie tutaj możecie zobaczyć, że taką funkcję, jaką

1:06jest dostęp do informacji spełnia

1:10właśnie ta główna nawigacja z reguły, która daje jakieś kategorie, daje

1:15jakieś usługi czy jakiekolwiek informacje tak

1:19naprawdę, której na tej stronie się znajdą. Oprócz dostępu do informacji

1:23mówimy również o zrozumieniu i kontekście. Bo możemy wejść na

1:27stronę internetową i nie wejść na jej stronę główną. I wtedy

1:32musimy szybko zrozumieć, gdzie tak naprawdę jesteśmy, co tak naprawdę możemy

1:36na tej stronie internetowej zrobić. Bo tak, jak wspominaliśmy, wyszukując

1:41treści w internecie, nie zawsze wiemy, na co trafimy, nie zawsze wiemy, czego szukamy, więc

1:45taka nawigacja, dobrze zaprojektowana nawigacja potrafi nam również pokazać

1:51ten kontekst, w którym się znajdujemy. Jak zerkniemy sobie na ten

1:55screen i przyjrzymy się tym elementom, które znajdują się w nawigacji na

2:00tej stronie, to zobaczymy, że jest jakiś koszyk zakupowy, jest możliwość dodania do

2:04koszyka, jest opcja "kup teraz", czyli, aha, prawdopodobnie jestem w sklepie internetowym,

2:09mogę dokonać tutaj zakupów. I ten kontekst i zrozumienie tej

2:13treści jest w tym momencie zupełnie inne, gdybym na przykład nie zauważyła

2:18tej nawigacji i to mogłoby dla mnie nie być takie jasne, że

2:22właśnie w tym sklepie internetowym się znajduję. Kolejną

2:26funkcją nawigacji jest lokalizacja w witrynie. No bo z jednej strony, okej,

2:31eksplorujemy sobie te treści, możemy trafić na jakąś zakładkę,

2:36która jest gdzieś zakopana w całej strukturze, nie jest stroną główną, nie jest

2:40kategorią główną. I w momencie kiedy mamy taką nawigację pomocniczą, tak zwane breadcrumbs

2:45czy okruszki, to możemy dzięki nim zrozumieć,

2:49jak w tej strukturze strony internetowej, w którym miejscu dokładnie się

2:54znajdujemy. I tutaj na przykładzie możecie zobaczyć, że

2:58będąc na stronie z mapami, z książką o

3:02tytule "Mapy", jestem w dziale dla dzieci w wieku trzech do pięciu

3:06lat, w dziale z książkami. Więc jestem w stanie zbudować sobie

3:10już jakieś wyobrażenie o tej strukturze. Jestem w stanie dobrze i szybko

3:14zrozumieć, gdzie tak naprawdę się znalazłam i z czym tak naprawdę mam

3:18do czynienia. Oprócz tego

3:23jakie funkcje nawigacja spełnia, warto również wspomnieć o tym, jakie są

3:27rodzaje nawigacji. Bo mówimy o trzech rodzajach nawigacji: o nawigacji

3:31globalnej, nawigacji lokalnej i nawigacji kontekstowej. Mówiąc

3:36o nawigacji globalnej, mówimy o takiej nawigacji, która znajduje się na każdej podstronie, po

3:42której sobie przechodzimy. Jeżeli wejdziemy, jeżeli zerkniemy sobie

3:46na te slajdy i zobaczycie przykładowo stronę x-koma,

3:50to widać, że jest tam jakaś belka nawigacji -

3:54szara. Ona, przechodząc na każdą kolejną kategorię, na każdą kolejną stronę, będzie

3:58znajdowała się dokładnie w tym miejscu. I ja wiem, że ona zawsze tam będzie, że ja

4:02zawsze będę mogła z niej skorzystać. I z reguły te nawigacje globalne to

4:07są jakieś belki podwieszone na samej górze strony. Czasami ta nawigacja globalna

4:11znajduje się gdzieś po lewej stronie. Ale z reguły jest zawsze dostępna

4:15i bardzo ciężko się jej pozbyć. Jest tak, że przechodząc ze strony na stronę

4:19po prostu ciągle ją widzimy. Kolejnym rodzajem nawigacji jest nawigacja

4:23lokalna, czyli taka, która jest charakterystyczna dla

4:27jakiegoś obszaru. Jeżeli wejdziemy w kategorię "laptopy i tablety", przechodząc

4:32właśnie z tej głównej, globalnej nawigacji, to zobaczymy, że na

4:36podstronie, po lewej stronie znalazła się dodatkowa

4:40lista kategorii. I ta lista kategorii pozwala mi poruszać się po kolejnych

4:45treściach. Ona pozwala mi zawężać jeszcze wyniki wyszukiwania. I tak

4:49naprawdę to jest nic innego jak taka nawigacja lokalna. Jeżeli wejdę teraz

4:53na stronę "telefony i GPS" albo "komputery stacjonarne",

4:57to prawdopodobnie w tamtym miejscu znowu pojawi się nawigacja lokalna,

5:03ale będą tam już zupełnie inne etykiety, będą tam już zupełnie inne treści

5:07i one będą kierować do zupełnie innych podstron. Więc taka

5:11nawigacja lokalna jest przydatna w przypadku bardzo rozbudowanych

5:16serwisów, kiedy nie chcemy wszystkiego wrzucać do nawigacji

5:20globalnej, kiedy tego wszystkiego nie da się wrzucić, bo ta nawigacja byłaby zbyt ciężka

5:24i mało czytelna, to właśnie możemy ratować się taką nawigacją lokalną. Co

5:28więcej ona również pojawia się zawsze do momentu aż będziemy w

5:32danej kategorii. Więc w przypadku sklepów internetowych jest

5:37bardzo wygodna. Kolejna nawigacja to nawigacja kontekstowa.

5:41I to już jest uzupełnienie konkretnej treści. W przypadku

5:45sklepu internetowego, jeżeli wejdziemy na stronę produktu, to taką nawigacją

5:49kontekstową może być opcja wybrania konkretnego

5:54modelu, konkretnej wielkości (tutaj na przykład pamięci RAM dysku) i dodanie

5:58tego obiektu do koszyka. Tutaj znajdziemy również informacje o wysyłce,

6:02o ratach, o dostępności w salonach. I to jest nic innego jak taka nawigacja

6:07kontekstowa, która będzie znajdować się zawsze tylko i wyłącznie w widoku produktu. Jeżeli

6:12wejdziemy na listę kategorii, jeżeli wejdziemy na moje konto albo informacje

6:16o moim koszyku, to te informacje już się tam nie pojawią, bo ona pojawia się tylko kontekstowo,

6:20właśnie w przypadku widoku produktu.