Typ
Kompleksowy projekt UX/UI mający na celu integrację wielu małych modułów w jednolity, centralny hub. Projekt obejmował gruntowne badania użytkowników, projektowanie interfejsów, tworzenie wireframe’ów a także prototypów
Zespół
2 UX/UI Designerów, Analityk Biznesowy i Project Manager
Obowiązki
- Projektowanie interfejsu centralnego huba
- Prowadzenie dogłębnych badań użytkowników
- Tworzenie wireframe’ów i prototypów
- Ścisła współpraca z analitykami biznesowymi i innymi projektantami UX
Streszczenie Projektu
Studium przypadku przedstawia stworzenie centralnego huba integrującego różne moduły dla Europejskiej Agencji Chemikaliów, wymagającego płynnego doświadczenia użytkownika.
Problem
Liczne małe moduły tworzyły fragmentaryczne doświadczenie użytkownika, utrudniając efektywność i zadowolenie użytkowników.
Rozwiązanie
Zaplanowaliśmy centralny hub łączący wszystkie moduły, zawierający listę zadań oraz widok zadań otwartych, aby utrzymać koncentrację na zadaniach użytkowników przy jednoczesnym wyświetlaniu niezbędnych informacji.
Research
Zrozumieć
użytkownika
Przeprowadziłem szeroko zakrojone ankiety i wywiady, aby zrozumieć potrzeby użytkowników i określić wymagania biznesowe.
Z racji na rozmiar agencji i ilość pracowników, mogłem sobie pozwolić na wykorzystanie ankiet wspomagających proces projektowy.
Wywiady indywidualne oraz grupowe (focus groups) umożliwiły mi głębsze zrozumienie specyficznych problemów użytkowników, ich celów oraz sposobów interakcji z obecnymi systemami.
Mapowanie ścieżki
użytkownika
Stworzyliśmy mapy user journey dla większości popularnych scenariuszy, aby zidentyfikować kluczowe pain pointy z którymi mogli borykać się użytkownicy.
Mapy te pomogły nam zrozumieć kontekst, w jakim użytkownicy wchodzą w interakcje z systemem, co było kluczowe w projektowaniu bardziej intuicyjnego i spójnego interfejsu.
Kluczowe
odkrycia
- 47% użytkowników miało trudności z odnalezieniem potrzebnych danych w systemie, co sugerowało konieczność ulepszenia wyszukiwarki i filtrów.
- 53% użytkowników uznało nawigację w systemie za skomplikowaną i przytłaczającą. Wymagało to uproszczenia układu i zwiększenia intuicyjności interfejsu.
- 76% użytkowników zgłosiło, że proces zarządzania zadaniami jest zbyt złożony i czasochłonny, co wskazywało na potrzebę jego optymalizacji.
- Konkurencyjne rozwiązania stosowały przejrzyste wizualne wskazówki, co pomagało użytkownikom w szybszym odnalezieniu potrzebnych informacji.
Design
Wireframe'y
Po zidentyfikowaniu najlepszych opcji układu i nawigacji stworzyliśmy szczegółowe wireframe’y, aby dopracować projekt i przetestować go z użytkownikami. Wireframe’y pomogły nam wizualizować i zoptymalizować układ centralnego huba przed przystąpieniem do tworzenia prototypów o wysokiej wierności (hi-fi). Dzięki nim mogliśmy zidentyfikować potencjalne problemy z użytecznością i wprowadzać niezbędne poprawki na wczesnym etapie.
Czcionka i kolory
W projekcie, zgodnie z wytycznymi marki, musieliśmy używać kolorów brandu: niebieskiego (midnight blue) oraz żółtego (corn).
Pomimo z góry ustalonych barw i czcionki, umieszczenie ich tak, aby tworzyły harmonijną całość, było nie lada wyzwaniem. Strategicznie wybieraliśmy miejsca występowania koloru akcentu, aby zapewnić spójność wizualną. Jednocześnie dbając o dostępność i czytelność wszystkich informacji.
Testowanie z userami
Przeprowadziliśmy serię testów użyteczności na prototypach, aby zidentyfikować i naprawić wszelkie problemy z projektem. Użytkownicy byli zaangażowani w różne scenariusze, co pozwoliło na zebranie dokładnych informacji o ich doświadczeniach. Dzięki opiniom użytkowników wprowadziliśmy zmiany, takie jak:
Wnioski
Pomimo surowej, roboczej wersji, większość użytkowników była zadowolona z nowej wersji witryny. Ucieszył nas 30% wzrost wykorzystania kluczowych funkcji systemu, oraz skrócenie ścieżki użytkownika do najpopularniejszych narzędzi i flow. Przyczyniło się to bezpośrednio na wzrost produktywności pracowników.
