O projekcie

MapujPomoc to największy, ogólnopolski portal na którym osoby uchodźcze z Ukrainy mogą znaleźć różnorodne formy wsparcia. Strona powstała w ciągu miesiąca od wybuchu wojny (w marcu 2022) z inicjatywy Fundacji CultureLab we współpracy z mohi.to.

Po ponad roku od powstania portalu pojawiła się potrzeba wprowadzenia zmian na stronie, szczególnie w wersji mobilnej.

Gdy projekt otrzymał grant na rozwój strony, wsparłam zespół Mapuj Pomoc jako UX/UI Designerka. Nad wypracowaniem dobrych rozwiązań pracowałam w 3-osobowym zespole, razem ze specjalistką ds. komunikacji i promocji oraz koordynatorką projektu (specjalistką od bazy danych).

Przed rozpoczęciem projektowania, zrobiłam research - przejrzałam różne mapy i próbowałam znaleźć najlepszy sposób na przedstawienie filtrowania. Przeanalizowałam mapę filtrowania na Ethymaps.com, Booking.com, Inpost.pl , a także przeczytałam o dobrych praktykach przy projektowaniu filtrowania na stronie Baymard Institute.

UX-owe wyzwania:

• strona w 3 wersjach językowych (PL, UKR, ENG) - zwrócenie uwagi na to długość napisów, przewidzenie miejsca “zapasowego” na dłuższe nazwy w j. ukraińskim

• Nadanie kategoriom nazw odzwierciedlających zakres oferowanej pomocy (np. w wersji angielskiej strony zmiana z accomodation → housing & shelter )

Rozwiązania MOBILE

• ustawienie strony z mapą jako stronę startową

• uproszczenie widoku filtrów:

- wyróżnienie kategorii jako tzw. promowane filtry

- schowanie większej ilości filtrów do dodatkowego przycisku, aby odsłonić widok mapy

- dodanie switcha "Ośrodki Pomocy Społecznej" (duża część użytkowników serwisu to instytucje pomocowe - opcja uwzględnienia w wyszukiwaniu ośrodków jest dla nich szczególnie przydatna)

Ustawienie strony z mapą jako stronę startową było decyzją mającą na celu skrócenie ścieżki użytkownika do wyszukania pomocy. To Mapa jest najczęściej odwiedzaną podstroną MapujPomoc - tam użytkownik może szybko znaleźć wsparcie.

Uproszczenie widoku filtrów miało na celu zachęcenie do korzystania z wyszukiwania po kategorii i zawężenie wyników wyszukiwania już na początku.

Na początku przycisk "Filtruj" był nieoznaczony etykietą - szybko jednak się okazało, że nie wszyscy użytkownicy rozpoznają ikonę, dlatego konieczne było dodanie podpisu.

Dzięki pracy nad tym projektem ćwiczyłam w praktyce:

• uzasadnianie swoich decyzji projektowych

• przygotowywanie makiet Hi-Fi dla programistów, z użyciem komponentów i design systemu stworzonego przez innego UI Designera

• tworzenie nowych komponentów pasujących wizualnie do istniejących

• komunikację w zespole wewnętrznym pracującym nad zmianami

• komunikację z programistami i project managerką z zespołu zewnętrznego

Cieszę się, że mogłam pracować nad ulepszeniem takiego fantastycznego projektu jakim jest mapujpomoc.pl 🙂