Wizualny diagram relacji widoku firm dla banku

#Architektura informacji #Design system #Scenariusze użycia #Współpraca z zespołem

---

Rola jako UX

W tym projekcie byłam samodzielnym projektantem przypisanym do zespołu zajmującego się aplikacją wewnętrzną. Brałam udział w całym procesie – od zgłoszenia potrzeby przez zespół, aż po finalne makiety o wysokim poziomie szczegółów, zgodne z wiodącym design systemem banku. Moją dodatkową rolą było edukowanie zespołu w zakresie UX oraz propagowanie ujednoliconego design systemu.

Rozeznanie i zbieranie danych

Pracę nad projektem rozpoczęłam od zrozumienia sposobu korzystania z aplikacji. Ze względu na ograniczony budżet i czas, dane wejściowe pochodziły głównie od zespołu, który miał doświadczenie w używaniu tej aplikacji.
Najciekawszym spostrzeżeniem było zauważenie, że nawet członkowie zespołu mieli trudności z jednoznacznym wytłumaczeniem, jak czytać drzewo zależności przedsiębiorstw. To potwierdziło mi konieczność wprowadzenia klarownych wizualnych rozwiązań i standardów.

Główna część pracy projektowej

W całym procesie skupiłam się na wyznaczonych wspólnie z zespołem celach, które wymagały ode mnie zaprojektowania:

• Hierarchii zależności przedsiębiorstw,
• Dodatkowych cech identyfikujących rodzaj przedsiębiorstwa (mikroskopii, symboli, kolorów oraz ich legendy),
• Procesu dodawania i edytowania danych.

Każdy element projektu musiał być dostosowany do wiodącego design systemu, zarówno pod kątem wizualnym, jak i logiki nawigacji w aplikacji.

Podczas prac regularnie organizowałam spotkania zespołowe, na których prezentowałam propozycje rozwiązań wizualnych na makietach hi-fi z wykorzystaniem elementów design systemu. Spotkania były okazją do zbierania cennych informacji zwrotnych od zespołu menedżersko-deweloperskiego oraz innych interesariuszy. Drugoplanowym celem tych spotkań była edukacja zespołów w zakresie UX, co dodatkowo wspierało wdrażanie zmian.

Końcowym wynikiem moich prac były makiety hi-fi, które szczegółowo uwzględniały potrzeby użytkowników oraz kluczowe rozwiązania:

• Hierarchia zależności przedsiębiorstw została przedstawiona poprzez wyraźne wyróżnienie spółki głównej, podczas gdy pozostałe przedsiębiorstwa były wizualnie oddzielone, z zastosowaniem elementów minimalizujących rozpraszanie uwagi.
• Nazwy identyfikujące przedsiębiorstwa zostały zmienione i uzupełnione dodatkowymi wyjaśnieniami, aby zwiększyć ich czytelność.
• Proces edycji danych został przeprojektowany przy użyciu gotowych komponentów z istniejącego design systemu.

Makiety były uporządkowane w formie scenariuszy użycia, co ułatwiało zespołowi ich zrozumienie. Wszystkie istotne informacje były zamieszczone w jednym miejscu obok makiet, aby ograniczyć zbędną dokumentację.

Makiety hi-fi nie tylko dostarczyły klarownych rozwiązań wizualnych, ale również ułatwiły zespołom lepsze zrozumienie funkcji aplikacji oraz wprowadzenie spójnych standardów pracy z design systemem. Dzięki temu projekt stał się punktem odniesienia dla przyszłych zmian w aplikacji.

Największym wyzwaniem projektowym było zrozumienie działania przedsiębiorstw i wizualne uproszczenie całego procesu.
Moją ulubioną częścią projektu były rozmowy z deweloperami na temat proponowanych zmian – ich uwagi często działały jak kubeł zimnej wody, ale pozwalały lepiej dopasować projekt do rzeczywistych potrzeb.
Najwięcej wiedzy wyniosłam właśnie ze wspólnych spotkań z zespołem. Dzięki nim moja praca była ukierunkowana na priorytety, a zespół zyskał większe zaufanie do projektantów UX. 

Projekt udowodnił również, że włączenie UX do procesów może znacząco usprawnić pracę zespołów oraz wpłynąć na bardziej przemyślane podejście do złożonych systemów w przyszłości.