UX: Architektura informacji

0:00Okej. Do tej pory mówiliśmy o takich rzeczach związanych z organizacją i

0:04zaplanowaniem sobie kolejnych prac, ustaleniem czym tak naprawdę będziemy dalej się

0:08zajmować. Teraz czas na przejście do tych bardziej projektowych

0:12zadań, czyli od czego tak naprawdę zaczynamy. Pierwszym etapem

0:16po tym jak już zaplanowaliśmy sobie widoki, którymi musimy się zająć,

0:20kiedy wiemy już jakie funkcje mamy w ogóle w produkcie, jakie funkcje będą

0:24w tej aplikacji czy w stronie internetowej, wiemy mniej więcej jakimi

0:28procesami musimy się zainteresować, co się tam znajdzie, musimy

0:33zastanowić się w jaki sposób treść będzie rozplanowana w tym naszym

0:37prototypie. Więc tutaj mamy temat związany z architekturą

0:42informacji, tutaj zajmujemy się właśnie

0:46ustrukturyzowaniem treści, organizacją

0:51tej treści. I w momencie kiedy mamy już te treści dobrze rozplanowane,

0:55wiemy jak to zostało wszystko przygotowane, możemy zacząć

0:59zajmować się rozrysowywaniem tych elementów. Mając

1:04już architekturę informacji, możemy dokładniej zastanowić się, w którym

1:09miejscu jakie treści powinny się znaleźć. No bo jeżeli mamy określoną

1:14nawigację i sposób, w jaki użytkownik może nawigować w serwisie, wiemy

1:18czy będzie tam wyszukiwarka, czy może będą inne sposoby na ułatwienie wyszukiwania

1:22treści, wiemy jak będą nazywać się poszczególne etykiety, to tak naprawdę pierwszym

1:27krokiem, jaki będziemy robić, to przeniesienie tej struktury na widok prototypu. I

1:32to w pierwszej kolejności mogą być bardzo losowe elementy interfejsu. To

1:37znaczy, mając nawigację możemy pierwsze co zrobić, to stworzyć

1:41po prostu standardową belkę nawigacji, jaka jest na prawie każdej

1:45stronie, czyli jakiś pasek u góry ekranu gdzie wpisujemy elementy

1:49nawigacyjne. I potem będziemy się zastanawiać jak to zrobić lepiej; potem możemy zastanowić się czy

1:53może ten pasek powinien przenieść się w bok i on powinien być takim bardzo

1:58pionowym elementem nawigacyjnym, który będzie wysuwał się na przykład

2:02w prawą stronę, a może zostanie właśnie ta górna belka i ona

2:06będzie w jakiś sposób rozwijana. Więc pierwsze, co robimy to zbieramy te wszystkie

2:10treści, które już przygotowywaliśmy, te wszystkie tekstyi

2:14strukturę całą, wrzucamy na ekran i zastanawiamy się jak ułożyć

2:19to na ekranie w taki sposób, żeby to wciąż było intuicyjne,

2:23czytelne i zrozumiałe przez użytkownika. Jeżeli mamy określone

2:27nagłówki do tekstów, jeżeli mamy określone teksty, to możemy zacząć

2:31bawić się układaniem ich w jakieś ciekawsze kompozycje. Musimy

2:36cały czas pamiętać co jest najważniejsze na ekranie, musimy cały czas pamiętać o hierarchii

2:41informacji. To znaczy, pewne informacje będą zawsze ważniejsze od drugich, pewne

2:46elementy interfejsu również będą ważniejsze niż inne. I teraz musimy

2:50zastanowić się w jaki sposób wyróżnić to, żeby ten użytkownik, który

2:54pierwszy raz wejdzie na ten ekran, który pierwszy raz zobaczy tą stronę, powie, że "tak,

3:00to on musi zrobić teraz właśnie to, bo to zostało w jakiś sposób wyróżnione", a nie

3:04będzie błądził wzrokiem po całym ekranie i zastanawiał się co tak naprawdę ma tutaj zrobić, do

3:09czego służy ta strona, co powinien zrobić dalej, w co kliknąć. Czasami

3:14jest tak, że będziemy pracować bez przygotowanej konkretnej struktury czy architektury

3:18w ogóle informacji, bo nasz produkt, nasza aplikacja może być tak

3:22prosta, że tak naprawdę nie trzeba będzie tworzyć jakichś specjalnych

3:27systemów organizacji. Tam po prostu będzie kilka obrazów,

3:31kilka tekstów, jakiś sposób nawigowania i na tym

3:35się to będzie wszystko kończyło. Mimo wszystko zachęcam was do tego, żeby najpierw

3:39rozrysować i rozpisać sobie te treści na kartce. To nie musi

3:43być zrobione specjalne drzewko, to nie musi być zrobiony żaden diagram, który

3:48będzie prezentował tą architekturę informacji, ale już będziecie mieć materiał taki

3:52referencyjny, do którego możecie wracać, z którym możecie weryfikować te wasze

3:56projekty kolejne, i w którym będziecie mogli sobie porównać

4:00ten prototyp, żeby zastanowić się czy na etapie prototypu nie pogubiły

4:05wam się trochę te najważniejsze informacje, które chcieliście

4:09zawrzeć w architekturze informacji, a których w prototypie na przykład teraz nie widać.