Rejestracja krwiodawcy w nowym świetle
Jako regularna krwiodawczyni, wielokrotnie spotykałam się z nieintuicyjnym ekranem rejestracji kodu w Regionalnym Centrum Krwiodawstwa i Krwiolecznictwa w Krakowie. Każda wizyta wymagała przejścia przez ten proces — zauważałam frustrację własną oraz innych osób stojących w kolejce. Postanowiłam przeanalizować i usprawnić ten kluczowy element ścieżki donacji krwi.
Jako regularna krwiodawczyni, wielokrotnie spotykałam się z nieintuicyjnym ekranem rejestracji kodu w Regionalnym Centrum Krwiodawstwa i Krwiolecznictwa w Krakowie. Każda wizyta wymagała przejścia przez ten proces — zauważałam frustrację własną oraz innych osób stojących w kolejce. Postanowiłam przeanalizować i usprawnić ten kluczowy element ścieżki donacji krwi.
O ekranie
Ekran znajdujący się w punkcie krwiodawstwa służy do weryfikacji rejestracji poprzez wpisanie kodu otrzymanego w wiadomości email potwierdzającej zapis na oddanie krwi. Stanowi pierwsze doświadczenie z systemem samoobsługowym w RCKIK Kraków i jest kluczowy dla sprawnego przyjęcia krwiodawcy
Ekran znajdujący się w punkcie krwiodawstwa służy do weryfikacji rejestracji poprzez wpisanie kodu otrzymanego w wiadomości email potwierdzającej zapis na oddanie krwi. Stanowi pierwsze doświadczenie z systemem samoobsługowym w RCKIK Kraków i jest kluczowy dla sprawnego przyjęcia krwiodawcy
Problem
Pierwotny interfejs był nieczytelny, miał słabo opisane pola, niewystarczający feedback błędów oraz nieprzystosowane do dużego ekranu rozmieszczenie przycisków. Dodatkowo elementy wizualne (np. czerwona nazwa systemu) niepotrzebnie wzbudzały niepokój, a user flow sprawiał trudności szczególnie osobom starszym.
Pierwotny interfejs był nieczytelny, miał słabo opisane pola, niewystarczający feedback błędów oraz nieprzystosowane do dużego ekranu rozmieszczenie przycisków. Dodatkowo elementy wizualne (np. czerwona nazwa systemu) niepotrzebnie wzbudzały niepokój, a user flow sprawiał trudności szczególnie osobom starszym.
Rozwiązanie
Opracowałam serię nowych ekranów, które są intuicyjne, dostosowane do specyfiki dużego ekranu, czytelne niezależnie od wieku użytkownika i eliminują powyższe trudności. Skupiłam się na ergonomii, jasności komunikatów oraz minimalizacji zbędnych stresorów wizualnych.
Opracowałam serię nowych ekranów, które są intuicyjne, dostosowane do specyfiki dużego ekranu, czytelne niezależnie od wieku użytkownika i eliminują powyższe trudności. Skupiłam się na ergonomii, jasności komunikatów oraz minimalizacji zbędnych stresorów wizualnych.
Mój proces
Działania zaczęłam od audytu uX. Projektowanie rozpoczęłam od analizy własnych doświadczeń i obserwacji innych użytkowników. Następnie zebrałam najczęstsze „pain points” i przełożyłam je na szczegółowy user flow. Kolejne iteracje obejmowały testy na makietach oraz porównanie z dobrymi praktykami z urządzeń samoobsługowych, jak InPost
Działania zaczęłam od audytu uX. Projektowanie rozpoczęłam od analizy własnych doświadczeń i obserwacji innych użytkowników. Następnie zebrałam najczęstsze „pain points” i przełożyłam je na szczegółowy user flow. Kolejne iteracje obejmowały testy na makietach oraz porównanie z dobrymi praktykami z urządzeń samoobsługowych, jak InPost
Audyt UX
Pain points
• Brak natychmiastowego, jasnego feedbacku o błędach
• Nieintuicyjna logika przycisków na dużym ekranie
• Zbyt intensywne użycie czerwieni
• Brak wsparcia alternatywnego dla osób bez kodu
• Za mała czytelność i niewystarczający kontrast tekstów
• Brak natychmiastowego, jasnego feedbacku o błędach
• Nieintuicyjna logika przycisków na dużym ekranie
• Zbyt intensywne użycie czerwieni
• Brak wsparcia alternatywnego dla osób bez kodu
• Za mała czytelność i niewystarczający kontrast tekstów
User story
Jako krwiodawca chcę szybko i bez stresu wpisać kod rejestracji oraz natychmiast wiedzieć, czy jest on poprawny lub nie, bez konieczności szukania wsparcia, żebym mógł sprawnie przejść przez proces i oddać krew.
Jako krwiodawca chcę szybko i bez stresu wpisać kod rejestracji oraz natychmiast wiedzieć, czy jest on poprawny lub nie, bez konieczności szukania wsparcia, żebym mógł sprawnie przejść przez proces i oddać krew.
Jako krwiodawca chcę szybko i bez stresu wpisać kod rejestracji oraz natychmiast wiedzieć, czy jest on poprawny lub nie, bez konieczności szukania wsparcia, żebym mógł sprawnie przejść przez proces i oddać krew.
Ideacja
Inspiracja płynęła z prostych kiosków paczkowych, ergonomicznych rozwiązań bankomatowych oraz z rozmów z innymi użytkownikami systemu RCKIK. Skupiłam się na minimalizacji tekstu, maksymalnie dużych i logicznych przyciskach oraz jasnych ścieżkach alternatywnych.
Inspiracja płynęła z prostych kiosków paczkowych, ergonomicznych rozwiązań bankomatowych oraz z rozmów z innymi użytkownikami systemu RCKIK. Skupiłam się na minimalizacji tekstu, maksymalnie dużych i logicznych przyciskach oraz jasnych ścieżkach alternatywnych.
Problemy i zmiany w trakcie projektowania
W trakcie testowania okazało się, że zbyt mały kontrast tekstów oraz zbyt intensywne czerwienie wzbudzały niepotrzebny stres. Wprowadziłam subtelniejsze kolory błędu, zwiększyłam kontrast tekstów, poprawiłam animacje aktywnego pola oraz usprawniłam komunikaty alternatywne.
W trakcie testowania okazało się, że zbyt mały kontrast tekstów oraz zbyt intensywne czerwienie wzbudzały niepotrzebny stres. Wprowadziłam subtelniejsze kolory błędu, zwiększyłam kontrast tekstów, poprawiłam animacje aktywnego pola oraz usprawniłam komunikaty alternatywne.
Rozwiązania
• Pola kodu rozdzielone na pojedyncze cyfry z aktywnym podświetleniem
• Wyraźny komunikat o błędzie nad polem kodu z czerwonym borderem, zamiast rozpraszaczy na całym ekranie
• Duży, ergonomiczny przycisk „Zatwierdź” i „Powrót”, wyraźnie oddzielone od siebie
• Podpowiedź: „Nie masz kodu? Zgłoś się do recepcji”
• Stan nieaktywny dla przycisku „Zatwierdź” do momentu pełnego wpisania kodu
• Pola kodu rozdzielone na pojedyncze cyfry z aktywnym podświetleniem
• Wyraźny komunikat o błędzie nad polem kodu z czerwonym borderem, zamiast rozpraszaczy na całym ekranie
• Duży, ergonomiczny przycisk „Zatwierdź” i „Powrót”, wyraźnie oddzielone od siebie
• Podpowiedź: „Nie masz kodu? Zgłoś się do recepcji”
• Stan nieaktywny dla przycisku „Zatwierdź” do momentu pełnego wpisania kodu
Czego się nauczyłam?
Ten projekt potwierdził, że nawet prosty ekran w kluczowym punkcie obsługi może znacząco wpływać na doświadczenie użytkownika.
Opierając się na własnych potrzebach i badaniach, nauczyłam się, że empatia, testy z prawdziwymi użytkownikami oraz ergonomia dużych ekranów przynoszą wymierną poprawę satysfakcji. Stawianie na czytelność i jasny feedback systemowy to fundament skutecznej komunikacji w miejscach publicznych.
Ten projekt potwierdził, że nawet prosty ekran w kluczowym punkcie obsługi może znacząco wpływać na doświadczenie użytkownika.
Opierając się na własnych potrzebach i badaniach, nauczyłam się, że empatia, testy z prawdziwymi użytkownikami oraz ergonomia dużych ekranów przynoszą wymierną poprawę satysfakcji. Stawianie na czytelność i jasny feedback systemowy to fundament skutecznej komunikacji w miejscach publicznych.