BloodFlow – Inteligentny System Śledzenia Donacji Krwi

Aplikacja dla Krwiodawców

Jak możemy zachęcić młode pokolenie do regularnego oddawania krwi?

Innowacyjna aplikacja na iOS, zaprojektowana w celu ułatwienia śledzenia donacji krwi oraz zwiększenia zaangażowania użytkowników. Projekt łączy intuicyjny UX, nowoczesny design i elementy mechanizmów motywacyjnych – bez rywalizacji. Dzięki czytelnemu interfejsowi i minimalistycznej estetyce, aplikacja umożliwia użytkownikom monitorowanie swoich donacji, otrzymywanie przypomnień o kolejnych możliwych terminach oddania krwi oraz realne wpływanie na życie innych ludzi.

📌 Typ projektu: UX/UI Design, Prototyp
📌 Rola: UX Designer, UI Designer

Kontekst projektu i wyzwania

Kim są użytkownicy docelowi?

Grupą docelową są młode osoby aktywnie zaangażowane w krwiodawstwo. Cenią one wygodne i nowoczesne rozwiązania, które pozwalają im w łatwy sposób śledzić historię donacji. Kluczowe dla nich są prostota obsługi, przejrzysta prezentacja danych oraz subtelne mechanizmy motywacyjne zachęcające do regularnego oddawania krwi.

Cel projektu

Celem projektu jest stworzenie intuicyjnego i angażującego rozwiązania, które uprości śledzenie donacji i zmotywuje użytkowników do regularnego oddawania krwi. Projekt musi łączyć funkcjonalność z nowoczesnym, estetycznym interfejsem oraz być zgodny z natywnymi wytycznymi iOS.

Kluczowe etapy:

  • Prostota i intuicyjność – zaprojektowanie jednego głównego widoku z interaktywnymi popupami, które ułatwiają nawigację.
  • Efekt WOW i unikalny interfejs – stworzenie nowoczesnego, estetycznego designu wyróżniającego się na tle innych aplikacji związanych z krwiodawstwem.
  • Motywowanie bez rywalizacji – zachęcanie do regularnego oddawania krwi poprzez mechanizmy zaangażowania, ale bez elementów konkurencji między użytkownikami.
  • Spójność GUI w systemie iOS – zapewnienie płynnego, natywnego doświadczenia użytkownika zgodnego z wytycznymi Apple w zakresie interakcji i dostępności.

PROCES PROJEKTOWY

Badania UX, analiza konkurencji, testowanie oraz projektowanie interfejsów

Research & Analiza

Badanie wzorców iOS oraz analiza konkurencji w celu znalezienia najlepszych praktyk UX i unikalnych rozwiązań dla aplikacji.

Paper Prototyping

Szybkie szkice interfejsu pozwalające na testowanie układu i nawigacji przed rozpoczęciem projektowania cyfrowego.

Guerrilla Testing

Przeprowadzenie prostych testów użyteczności na małej grupie użytkowników, aby sprawdzić intuicyjność interfejsu.

Hi-fidelity UI Design

Tworzenie finalnego projektu interfejsu z dopracowaną kolorystyką, typografią i animacjami zgodnymi z wytycznymi iOS.

Research & Analiza – iOS GUI

Jak zapewniłam zgodność z iOS?

Projektowanie aplikacji oparłam na oficjalnych wytycznych Apple, aby zapewnić użytkownikom intuicyjne i płynne doświadczenie zgodne z ekosystemem iOS. Przeanalizowałam najlepsze praktyki stosowane w aplikacjach Apple i dostosowałam interfejs do natywnych komponentów systemu.

  • Nawigacja → Zastosowałam bottom tab bar, aby zapewnić szybki dostęp do kluczowych funkcji i uprościć nawigację..
  • Komponenty UI → Wykorzystałam systemowe przyciski, pola tekstowe i popupy, co zwiększa spójność i intuicyjność interfejsu.
  • Typografia i kolory → Użyłam czcionki SF Pro oraz systemowych barw iOS, dbając o dostępność i czytelność treści.

Takie podejście sprawia, że interfejs jest zarówno wizualnie atrakcyjny, jak i w pełni zgodny ze standardami iOS, zapewniając płynne doświadczenie użytkownika oraz łatwiejszą implementację w natywnej aplikacji.

Analiza Konkurencji – Funkcje Aplikacji

Jakie funkcje wyróżniają naszą aplikację?

Przeprowadziłem analizę konkurencyjnych aplikacji do krwiodawstwa z różnych krajów, aby zidentyfikować ich kluczowe funkcje oraz potencjalne luki, które możemy wykorzystać do wyróżnienia naszego produktu.

Kluczowe wnioski:

  • Większość aplikacji oferuje podstawowe funkcje, takie jak rezerwacja wizyt, historia donacji i powiadomienia.
  • Nie wszystkie aplikacje zapewniają informacje o niskim stanie krwi, co może zwiększyć świadomość użytkowników i zachęcić do donacji.
  • Śledzenie, komu pomogła Twoja krew, to rzadko spotykana funkcja, dostępna tylko w jednej analizowanej aplikacji.
  • System nagród jest dostępny w większości aplikacji, ale grywalizacja (odznaki, poziomy) pojawia się znacznie rzadziej.
  • Personalizowane rekomendacje dla użytkownika nie są obecne w żadnej z analizowanych aplikacji – nasza aplikacja jako pierwsza wprowadza tę funkcję.
  • Brak integracji AI w konkurencyjnych aplikacjach – żadna nie oferuje Asystenta AI do personalizacji doświadczenia użytkownika.

Dzięki tym analizom zaprojektowałem aplikację, która wypełnia luki na rynku i zapewnia unikalne funkcje, zwiększając motywację oraz komfort użytkowników.

Paper prototyping

Wczesne testowanie koncepcji i iteracja

Paper prototypes allowed me to quickly validate the interakcje i hierarchię informacji, before moving to digital design. This step ensured that users could easily access key features and navigate intuitively.

  • Główny ekran → Wyświetla dane użytkownika, postęp donacji i szybkie akcje.
  • Popup szczegółów donacji → Pokazuje datę donacji, typ krwi, ilość oraz status odbiorcy.
  • Cel prototypowania Przygotowanie UI, poprawa czytelności i weryfikacja interakcji.

Dzięki temu procesowi mogłam szybko iterować i zoptymalizować interfejs, co zapewniło lepsze doświadczenie użytkownika na kolejnych etapach projektowania.

Guerrilla Testing – Szybkie Testy Użyteczności

Aby szybko zweryfikować użyteczność aplikacji, przeprowadziłam testy partyzanckie z 3–5 użytkownikami. Celem było sprawdzenie intuicyjności nawigacji, identyfikacja problemów UX oraz zapewnienie płynnego doświadczenia użytkownika. Na podstawie zebranych opinii wprowadziłam kluczowe ulepszenia poprawiające użyteczność i dostępność.

Kluczowe Wnioski & Poprawki

Czytelniejsze Śledzenie Donacji

Niektórzy użytkownicy mieli problem z interpretacją paska postępu donacji, dlatego poprawiłam jego wizualne przedstawienie.

Większy nacisk na grupę krwi

Użytkownicy sugerowali, że ich grupa krwi i historia donacji powinny być bardziej widoczne na ekranie głównym – dostosowałam układ, aby to poprawić.

Ulepszony system powiadomień

Testujący chcieli bardziej czytelnych alertów o terminach donacji i zapotrzebowaniu na krew – poprawiłam hierarchię powiadomień.

Projektowanie UI

Nowoczesny i spójny interfejs zaprojektowany z myślą o intuicyjnej nawigacji i czytelności.

Kluczowe Wnioski Projektowe

Optymalizacja palety kolorów

Kolory zostały starannie dobrane i przetestowane, aby zwiększyć czytelność i dostępność:

  • Czerwony ((#FF5247, #D3180C) – Główny kolor akcentowy, symbolizujący krew, energię i zaangażowanie w pomoc innym.
  • Biały – Neutralne tło zapewniające klarowność i czytelność.
  • Niebieski (#0A94FF) – Wykorzystywany w przyciskach i CTA, kojarzony z medycyną, zaufaniem i bezpieczeństwem.

Dopracowanie typografii

Aplikacja wykorzystuje SF Pro, natywną czcionkę Apple, co zapewnia doskonałą czytelność, nowoczesny wygląd oraz spójność z systemem iOS.

OSTATECZNE ULEPSZENIA

Dzięki iteracyjnemu projektowaniu i testom użyteczności zapewniłem, że aplikacja oferuje intuicyjne, angażujące i dostępne doświadczenie, ułatwiając śledzenie oddawania krwi i czyniąc je bardziej efektywnym.

Kluczowe Wnioski & Poprawki

Kluczowe Wnioski i Ulepszenia

Niektórzy użytkownicy mieli trudności ze śledzeniem historii swoich donacji. Aby temu zaradzić, ulepszyłem pasek postępu oraz dziennik donacji, czyniąc je bardziej przejrzystymi i informacyjnymi.

Poprawiona użyteczność Asystenta AI

Podczas testów użytkownicy nie byli pewni, jakie pytania mogą zadawać Asystentowi AI. Aby poprawić wygodę korzystania, dodałem czat z sugerowanymi podpowiedziami, co sprawiło, że interakcja stała się bardziej intuicyjna i pomocna.

Usprawnione powiadomienia i potwierdzenia alertów krwi

Użytkownicy oczekiwali bardziej czytelnych przypomnień o donacjach oraz sposobu na potwierdzenie pilnych zapotrzebowań na krew. Przeprojektowałem system powiadomień i dodałem komunikaty potwierdzające, zwiększając czytelność i zaangażowanie.

Launch Screen

Home

Donation Details

Add New Donation

Blood Alerts

Nowoczesna aplikacja do krwiodawstwa – inteligentne funkcje, AI Assistant i intuicyjny interfejs!

Podsumowanie Projektu

Aplikacja do krwiodawstwa została zaprojektowana, aby uprościć śledzenie donacji, zwiększyć zaangażowanie użytkowników i poprawić dostępność. Dzięki Asystentowi AI, czytelnej wizualizacji postępów i inteligentnym powiadomieniom, użytkownicy mogą łatwo zarządzać swoimi donacjami i być na bieżąco.

Produkt

  • Zaawansowane śledzenie donacji – Użytkownicy mogą monitorować historię oddawania krwi, terminy kolejnych donacji i całkowitą ilość oddanej krwi.
  • Przejrzysty i uporządkowany interfejs – Intuicyjny układ zapewnia łatwą nawigację i szybki dostęp do kluczowych funkcji.

Integracja AI

  • Asystent AI wspierający użytkowników – Przypomina o terminach donacji, odpowiada na pytania i sugeruje najlepsze momenty na oddanie krwi.
  • Inteligentne rekomendacje – System analizuje preferencje użytkownika i dostosowuje informacje o donacjach.

Komunikacja

  • Przejrzyste powiadomienia i alerty – Users receive clear updates on blood demand, donation eligibility, and health tips.
  • Optymalizacja zaangażowania – A balance between usability and motivation ensures a smooth, rewarding experience.
Zobacz więcej projektów