Kliknij na dowolną grafikę, aby otworzyć ją w pełnym rozmiarze.

Jak poprawiłem spójność treści i architekturę informacji BIP Starostwa Powiatowego w Brzozowie?

W ostatnim czasie załatwiałem sprawę w lokalnym wydziale komunikacji. Postanowiłem uzyskać informacje w Biuletynie Informacji Publicznych na stronie starostwa, gdzie okazało się to niezwykle trudne.

Zobacz jak w 5 prostych krokach zaproponowałem lepsze rozwiązania!

Widok dotychczasowej, funkcjonującej strony Referatu Rejestracji Pojazdów BIP w Wydziale Komunikacji Starostwa Powiatowego w Brzozowie.

Brak jasnego podziału treści, rozproszone informacje o opłatach i dokumentach, a także nieczytelne, bardzo rozbudowane menu powodowały, że szybko zacząłem odczuwać frustrację. Zamiast sprawnie znaleźć potrzebne informacje, musiałem przedzierać się przez długie bloki tekstu, porównywać sekcje i szukać powiązań między różnymi stronami.

Zrozumiałem wtedy, że użytkownicy odwiedzający tę stronę – często pod presją czasu i stresu – mogą łatwo się zagubić i zniechęcić już na pierwszym etapie.

Poszukując informacji dotyczących mojej sprawy, trafiłem na stronę BIP (link). Już na pierwszy rzut oka przytłoczyła mnie ogromna ilość tekstu i brak wyraźnej struktury.

I. Rozpoznawanie problemów

Skupiłem się na rozwiązaniach, które bezpośrednio odpowiadają na największe frustracje użytkowników, eliminując wszechobecny informacyjny chaos. Zebranie wszystkich niezbędnych informacji (dokumenty, wnioski, opłaty) w jednej sekcji pozwoli uniknąć rozpraszania się i przełączania między kolejnymi sekcjami.

Za pomocą kontekstowego pokazywania wybranej sprawy, użytkownik nie będzie czuł się przytłoczony nadmiarem informacji.

Stosując się do prawa Hicka, które mówi, że im więcej opcji jest dostępnych dla użytkownika, tym dłużej trwa proces podejmowania decyzji - postanowiłem także uprościć i przemodelować menu podmiotowe.

Przeanalizowałem stronę internetową pod kątem heurystyk Nielsena, aby szybko zidentyfikować największe problemy UX.

W tabeli zebrałem kluczowe błędy oraz zaproponowałem proste, konkretne rozwiązania.

II. Definiowanie rozwiązań

Fragmenty zaprojektowanych rozwiązań na makiecie low-fidelity.

1. Header & navigation bar – wprowadziłem oraz ograniczyłem światło pomiędzy elementami tam, gdzie było to potrzebne.

2. Menu podmiotowe – usunąłem kapitaliki, zmniejszyłem marginesy między zakładkami, zwiększyłem tabulację

i wyraźniej zaznaczyłem bieżącą zakładkę. Mniej istotne sekcje schowałem pod nowe kategorie, ograniczając liczbę widocznych wyborów.

3. Informacje ogólne – uprościłem ogólne informacje związane

z funkcjonowaniem urzędu i dodałem przestrzeń na ikony.

4. Lista spraw – wprowadziłem listę wyboru konkretnej sprawy. Po jej zaznaczeniu użytkownik widzi wszystkie informacje (wymagane dokumenty, wniosek, opłaty) podzielone na sekcje krok po kroku,

a także przyciski odsyłające do przygotowanego wniosku czy systemu kolejkowego do umawiania wizyt.

Dodałem również przestrzeń na ikony zwracające uwagę użytkownika na kluczowe informacje.

5. Stopka – drobne poprawki dotyczące wielkości ikon i przestrzeni pomiędzy treścią.

W procesie projektowania makiety wprowadziłem wiele zmian, dzięki którym strona stanie się bardziej funkcjonalna.

W projekcie zależało mi na ewolucji istniejącego stylu strony. Wierzę, że niewielkie zmiany mogą realnie poprawić proces załatwiania spraw urzędowych. Skupiłem się na poprawie czytelności, uproszczeniu nawigacji i uporządkowaniu treści.

III. Projektowanie prototypu

Poniżej prezentuję finalny widok nowego układu strony.

Kliknięcie na dowolny obrazek wyświetli pełnowymiarowy plik w nowej karcie.

Finalna propozycja nowego designu na przykładzie Referatu Rejestracji Pojazdów dla BIP Starostwa Powiatowego w Brzozowie.

IV. Efekt końcowy

Szybszy i bardziej intuicyjny wybór w menu

Intuicyjna ścieżka użytkownika

Skrócenie długości strony

o 50%

Zmniejszenie długości układu strony pozwala szybciej dotrzeć do kluczowych informacji bez konieczności długiego przewijania.

Ograniczenie nadmiaru treści

Dzięki ukryciu zbędnych informacji użytkownik skupia się tylko na tym, co naprawdę ważne dla załatwienia sprawy urzędowej.

Zwiększona czytelność

interfejsu i treści

Uporządkowane menu umożliwia łatwiejsze odnalezienie konkretnej sprawy bez konieczności przeszukiwania długiej listy.

Klarowna instrukcja krok po kroku prowadzi użytkownika przez proces załatwiania sprawy, eliminując niepewność i błędy.

Użytkownik szybciej odnajduje potrzebne informacje dzięki przejrzystej strukturze i lepszemu rozmieszczeniu elementów.

Zaproponowany design może zostać z łatwością zaadaptowany do innych wydziałów urzędu, które korzystają ze stron Biuletynu Informacji Publicznej. Wprowadzenie jasnej struktury, intuicyjnej nawigacji oraz instrukcji krok po kroku znacząco ułatwia użytkownikom szybkie odnalezienie potrzebnych informacji bez konieczności żmudnego przeszukiwania treści.

Dzięki temu rozwiązaniu:

• Urzędy mogą zmniejszyć liczbę wizyt petentów, którzy wcześniej musieli dopytywać o podstawowe informacje.

• Pracownicy urzędów zaoszczędzą czas na odpowiadaniu na te same pytania, ponieważ użytkownik sam przygotuje się do wizyty.

• Cały system stron BIP może stać się bardziej dostępny i przyjazny dla obywateli, co poprawi wizerunek urzędu jako instytucji nowoczesnej i dbającej o potrzeby mieszkańców.

Możliwe zastosowanie

Dzięki przeprojektowaniu struktury i interfejsu strony udało się znacząco poprawić doświadczenie użytkownika. Poniżej przedstawiam kluczowe zmiany, które przełożyły się na bardziej intuicyjne, szybsze i prostsze załatwianie spraw urzędowych.

V. Rezultaty

Sprawdź mój drugi projekt!

Mobile

Projekt komercyjny

UX Research

Strategia produktowa

Kiedy użytkownik i biznes grają do jednej bramki - moja propozycja nowej funkcji dla aplikacji Zalando

Na podstawie polityki zwrotów Zalando przygotowałem rozwiązanie, które ułatwia zakupy klientom i wspiera cele biznesowe marki.

Bartosz Bolek

Junior UX/UI Designer

© 2025 Bartosz Bolek