Architektura Informacji — czyli: podstawa jest najważniejsza

Na stacji metra z pociągu na wąski peron wysiada kilkaset osób. Część z nich nie zna tej stacji. Jedni szukają konkretnego wyjścia, inni — windy, jeszcze inni — przesiadki. Cały ten tłum porusza się jednak płynnie i bez zatorów — dzięki temu, że architektura systemu informacji wizualnej została zaprojektowana tak, żeby każdy w odpowiednim momencie otrzymał dokładnie tę informację, której potrzebuje.

Architektura Informacji to więcej niż struktura serwisu

Kiedy mówi się o architekturze informacji w produktach cyfrowych często sprowadza się ją do podziału na „ekrany”, „podstrony” albo „strukturę menu”.

W rzeczywistości to tylko niewielki fragment zagadnienia. Architektura informacji przede wszystkim jest systemową odpowiedzią na pytanie „jak możemy pomóc użytkownikowi w podjęciu właściwej decyzji?”.

Metro uczy projektowania

Na stacji metra wszystko podporządkowane jest jednemu celowi: szybkiemu, bezpiecznemu i płynnemu przemieszczaniu się tysięcy ludzi.

Dlatego projektuje się nie tylko treść komunikatów, ale również ich hierarchię, wielkość, kontrast, dobór ikon i umiejscowienie — przekładające się na moment, w którym informacje pojawiają się w polu widzenia.

Podróżny nie dostaje wszystkich informacji jednocześnie — tylko te, których potrzebuje w danej chwili.

Każdy błąd w projektowaniu tego systemu informacji wizualnej przekładałby się na momenty zawahania, dezorientację, a w konsekwencji — zatory i chaos.

Ruch w produkcie cyfrowym jest zaskakująco podobny

Główna różnica polega na skali: w metrze poruszają się tysiące ludzi jednocześnie — i łatwo obserwować ich reakcje. W produkcie cyfrowym bezpośrednio prowadzimy jedną osobę, a wyciąganie poprawnych wniosków o statystycznych regułach rządzących zachowaniem użytkowników wymaga specjalistycznych narzędzi i doświadczenia.

Podstawowa zasada jest jednak taka sama: niezależnie od tego, skąd odwiedzający trafił do serwisu – bezpośrednio, z Google, czy z odpowiedzi ChatGPT — powinien w ciągu sekundy zrozumieć gdzie jest, co może tutaj zrobić i jaka droga prowadzi go do realizacji założonego celu.

Minimum informacji, maksimum wiedzy

Dobra architektura informacji ogranicza do niezbędnego minimum wysiłek analityczny użytkownika, a osiąga to m.in. przez precyzyjny wybór najlepszej formy przekazującej daną informację. Jeżeli czegoś można domyślić się z ikony albo kształtu elementu — nie trzeba tego dodatkowo opisywać.

Ikona trzech kresek umieszczona w nagłówku serwisu oznacza „menu”.

Pole tekstowe poprzedzające przycisk „Szukaj” służy do wprowadzania szukanej frazy i poza nielicznymi wyjątkami nie wymaga widocznej etykiety ani podpowiedzi w rodzaju „wpisz, czego szukasz”.

Strzałki obok nazwy miesiąca w repertuarze sygnalizują możliwość nawigacji do poprzedniego lub kolejnego okresu; to jasne i nie wymaga dodatkowego opisywania etykietą w rodzaju „poprzedni miesiąc”.

Reperatuar to prawdziwa strona główna

W każdym serwisie teatru najważniejszą podstroną — odwiedzaną częściej niż strona główna — jest repertuar. Użytkownik, który trafia do tego miejsca, powinien od pierwszego rzutu oka dysponować odpowiedziami na najważniejsze pytania — zanim zdąży je w ogóle sformułować.

W serwisie Teatru Warmii i Mazur osiągnęliśmy to dzięki odpowiedniej hierarchii i rozmieszczeniu elementów. Duży nagłówek informuje o miesiącu i osadza wszystkie pozostałe informacje w jednoznacznym kontekście. Strzałki nawigacyjne są optycznie wyrównane z nazwą miesiąca, a jednocześnie zdecydowanie subtelniejsze: nie muszą rzucać się w oczy każdemu: wystarczy, żeby zauważyli je ci, którzy tego potrzebują.

Lista wydarzeń jest uporządkowana chronologicznie, a każdy wpis ma identyczną strukturę. Największym elementem jest data — podstawowa informacja, umożliwiająca przełożenie dostępnej oferty repertuarowej na czas, którym dysponuje użytkownik. Pomocnicze informacje to dzień tygodnia i godzina spektaklu. Osobno oznaczona została scena: każda z nich ma własną charakterystykę i stali widzowie wiedzą, czego można się spodziewać po spektaklach wystawianych w danym miejscu. Tytuł spektaklu prowadzi do szczegółów, a przycisk „Bilety” umożliwia natychmiastowe przejście do zakupu — w zewnętrznym serwisie, co sygnalizuje strzałka. W razie potrzeby redakcja serwisu może też dodać dokładną lokalizację — potrzebną przy występach gościnnych — i oznaczenie w rodzaju „Premiera” albo „Festiwal”.

Dobra architektura informacji jest... przezroczysta

Najważniejsze, jak mawiają, jest niewidoczne dla oczu. W dobrze zaprojektowanym produkcie cyfrowym — podobnie, jak na dobrze zaprojektowanej stacji metra — użytkownicy poruszają się bez wysiłku kognitywnego: droga sama ich prowadzi.

Architektura informacji jest więc sztuką mądrych, popartych wiedzą i doświadczeniem, uproszczeń i budowania skrótów. Dopiero błąd w tej sztuce staje się dotkliwie zauważalny — najpierw dla użytkowników, a ostatecznie do organizacji, odnotowującej np. zmniejszenie liczby kupowanych on-line biletów albo wzrost liczby połączeń telefonicznych z pytaniami.

Najważniejsze wnioski

  • Architektura informacji to niemal niewidzialny, ale krytycznie ważny fundament doświadczenia użytkownika
  • Dobrze zaprojektowany interfejs to właściwe informacje we właściwym miejscu i we właściwym momencie
  • Celem jest ograniczenie zbędnego wysiłku poznawczego — użytkownik nie powinien zastanawiać się, co ma zrobić
  • Hierarchia treści i rozmieszczenie elementów są (co najmniej) równie ważne, jak sama treść
  • W erze Google i wszechobecnych modeli AI każda podstrona musi być samodzielnym, zrozumiałym punktem wejścia do serwisu

FAQ

Jak zadbać o właściwą architekturę informacji?

Trzeba ją uwzględniać od początku procesu projektowego. Pomagają w tym m.in. persony, scenariusze użycia czy sortowanie kart; a przy przebudowie istniejącego produktu — przede wszystkim analiza rzeczywistego ruchu użytkowników: skąd przychodzą, czego szukają i gdzie napotykają przeszkody. Połączenie tych danych z odpowiednim doświadczeniem projektowym pozwala stworzyć lepszą strukturę treści i krótsze, bardziej naturalne ścieżki realizacji celów.

Jak sprawdzić, czy architektura informacji w projekcie jest dobra?

Jeżeli projekt interfejsów już istnieje architekturę informacji można zweryfikować na kilka sposobów. Najbardziej bezpośredni to przygotowanie klikalnego prototypu i przeprowadzenie testów scenariuszowych z użytkownikami. Poprawne zaprojektowanie i interpretacja takiego badania wymagają jednak sporego doświadczenia, a zlecenie go wyspecjalizowanej firmie może być kosztowne.

Na takim etapie często najbardziej racjonalna jest więc ocena ekspercka. Doświadczony projektant potrafi wychwycić najważniejsze problemy ze strukturą, hierarchią informacji i ścieżkami użytkownika, zanim ich poprawienie stanie się kosztowne.

Jak sprawdzić jakość architektury informacji w działającym już produkcie?

W działającym produkcie najlepszym punktem wyjścia jest analiza zachowania realnych użytkowników. Odpowiednio zaprojektowany pomiar pozwala sprawdzić najważniejsze ścieżki, miejsca rezygnacji i skuteczność realizacji kluczowych celów na podstawie rzeczywistego ruchu.

Takie badanie wymaga jednak poprawnego zdefiniowania zdarzeń, wskaźników i sposobu interpretacji danych. Bez tego łatwo wyciągnąć z pozornie jednoznacznych liczb błędne wnioski. Nagrania sesji i badania jakościowe mogą uzupełnić analizę tam, gdzie trzeba zrozumieć, dlaczego użytkownicy zachowują się w określony sposób.

Czy poprawa jakości architektury informacji wymaga przebudowy całego serwisu?

Niekoniecznie. Najważniejsze problemy często da się precyzyjnie wyodrębnić i poprawić punktowo. Czasem wystarczy zmiana nazwy w menu, etykiety przycisku, kolejności sekcji albo sposobu prowadzenia użytkownika przez kluczową ścieżkę, żeby zauważalnie poprawić użyteczność serwisu.

Takie działania nie zastąpią pełnego redesignu, jeśli produkt jest przestarzały lub ma problemy systemowe. Pozwalają jednak stosunkowo niewielkim kosztem usunąć bariery, które najbardziej przeszkadzają użytkownikom.

Podsumowując

Zależy nam na tym, żeby skutecznie przekazywać wiedzę. Daj znać, czy ten artykuł rozwiał Twoje wątpliwości — albo że chciałbyś dowiedzieć się czegoś jeszcze!

Dzięki!

Doceniamy Twoją opinię.

Jak możemy Ci pomóc?

Napisz, co Cię nurtuje.

Dane osobowe (e-mail) służą wyłącznie udzieleniu odpowiedzi. Polityka prywatności