pacjentów kliniki
uczestniczących w badaniach
Portfolio / UX · UI · UX writingZłożony proces.
ReHapp.
Złożony proces.
Jasny kolejny krok.
Projekt mobilnego doświadczenia, które pomaga zrozumieć proces rehabilitacji i przejść przez niego krok po kroku.
UX/UI DesignerAplikacja mobilna01 / KONTEKST
Od procesu do codziennej rutyny.
Rehabilitacja wymaga regularności. A regularność staje się trudniejsza, gdy użytkownik nie rozumie, co ma zrobić dalej.
Celem projektu było przełożenie złożonych procesów rehabilitacji na prostą, intuicyjną obsługę mobilną. Punktem odniesienia były motywacja, zrozumienie ćwiczenia i czytelna informacja zwrotna.
Moja rola obejmowała projektowanie doświadczenia i interfejsu: od porządkowania informacji po komunikaty wspierające wykonanie kolejnego zadania.
PODSTAWY DECYZJI PROJEKTOWYCHWiedza kliniczna.
60 30+ 90+
Wiedza kliniczna.
Decyzje projektowe.
W badaniach uczestniczyło 60 pacjentów będących klientami kliniki.
Ze względu na medyczną specyfikę projektu badania prowadzili rehabilitanci. Nasz zespół korzystał z zebranych metryk oraz przeprowadzonych wywiadów jako podstawy pracy nad doświadczeniem i interfejsem aplikacji.
wywiadów pogłębionych
według dokumentacji projektu
ekranów
według dokumentacji projektu
Liczby opisują zakres badań i projektu. Nie są pomiarem efektów wdrożenia ani skuteczności rehabilitacji.
WSPÓŁPRACA Z KLINIKĄMiędzy kartoteką
01 / KONCEPCJA 02 / KONSULTACJA 03 / FEEDBACK 04 / KOLEJNA ITERACJA
Między kartoteką
a interfejsem.
Punktem wyjścia były papierowe kartoteki, wyniki badań, zalecenia pooperacyjne i opisowe informacje o postępach pacjentów.
Materiały kliniczne zawierały specjalistyczny język oraz precyzyjne ograniczenia dotyczące ruchu i obciążenia. Naszym zadaniem było przełożyć je na zrozumiałe instrukcje, pytania i działania w aplikacji, zachowując ich znaczenie.
Współpraca łączyła dwie perspektywy: zespół projektowy porządkował doświadczenie cyfrowe, a fizjoterapeuci oceniali koncepcje w kontekście pracy z pacjentem i jego bezpieczeństwa.
UX/UI i wstępne makiety
Przygotowywaliśmy propozycję przebiegu procesu i sposobu prezentacji informacji.
Symulacja ze specjalistami
Fizjoterapeuci przechodzili przez makiety „na sucho”, symulując korzystanie z aplikacji w gabinecie lub w domu.
Spotkania i notatki
Rozrysowywaliśmy procesy na tablicy i zbieraliśmy uwagi, w tym te dotyczące bezpieczeństwa pacjenta.
Korekta rozwiązania
Uwagi kliniczne wracały do struktury kroków, treści komunikatów i projektu interakcji.
Konsultacje makiet z fizjoterapeutami były częścią iteracyjnej współpracy. Badania z udziałem pacjentów prowadzili rehabilitanci.
ITERACJA / KONKRETNA DECYZJA PROJEKTOWAMniej kliknięć
PIERWSZA KONCEPCJA UWAGA FIZJOTERAPEUTÓW ZMIANA W PROJEKCIE
Mniej kliknięć
nie wystarczało.
Moduł oceny bólu pokazał, że uproszczenie obsługi trzeba rozpatrywać razem z wartością informacji dla specjalisty.
Jedna ogólna ocena
Planowaliśmy pionowy suwak od 1 do 10 do oceny bólu po ćwiczeniach oraz niewielkie pole na uwagi. Chcieliśmy ograniczyć liczbę kliknięć i obciążenie pacjenta.
Brakowało kontekstu
Sama liczba nie wyjaśniała lokalizacji dolegliwości ani związku z ruchem. Specjaliści wskazali też ryzyko błędnej interpretacji odczuć przez pacjenta i rezygnacji z ćwiczenia.
Ocena przy konkretnym ćwiczeniu
Rozbudowaliśmy proces o wskazanie miejsca dolegliwości, pytania uzupełniające oraz ocenę i adnotacje powiązane z ćwiczeniem. Koło służyło określaniu natężenia bólu.
Kontekst przed skrótem
Celem zmiany było zebranie informacji, którą specjalista może odnieść do konkretnej czynności, oraz poprowadzenie pacjenta przez jej opis. Dodatkowe kroki miały uzasadnienie w wymaganiach klinicznych.
Opis pierwszej koncepcji i przebiegu konsultacji pochodzi z relacji projektanta. Prezentowane ekrany dokumentują późniejsze rozwiązanie; nie zawierają widoku pierwotnego suwaka.
02 / PODEJŚCIE PROJEKTOWENajpierw porządek.
01 02 03 04
Najpierw porządek.
Potem szczegóły.
Cztery obszary decyzji, które łączą strukturę aplikacji z tym, co użytkownik widzi i czyta na ekranie.
Zadania
Grupowanie informacji wokół działań użytkownika i kolejnych kroków procesu.
Nawigacja
Czytelna kolejność ekranów, widoczny etap i przewidywalne przejścia.
Komunikaty
Krótkie instrukcje wyjaśniające, czego dotyczy zadanie i co zrobić dalej.
Informacja zwrotna
Widoczny wybór, oznaczenie postępu i możliwość powrotu do odpowiedzi.
03 / ŚCIEŻKA UŻYTKOWNIKAOd profilu
01 / WEJŚCIE 02 / STRONA GŁÓWNA 03 / PROFIL PACJENTA 04 / DZIAŁANIE 05 / OBSZAR 06 / SAMOPOCZUCIE 07 / ODCINEK SZYJNY 08 / SESJE I ZATWIERDZENIE
Od profilu
do zatwierdzenia ocen.
Przepływ obejmuje wejście do aplikacji, profil pacjenta, kontynuację testów lub rozpoczęcie nowego planu, wybór obszaru oraz ocenę bólu w sześciu sesjach. Poniższy schemat odtwarza kolejność i rozgałęzienia zapisane w dokumentacji projektu.
WEJŚCIELogowanie / utworzenie kontaStrona główna → profil pacjenta
WYBÓR DZIAŁANIAKontynuuj testy / zacznij nowy planDwa działania po profilu
OBSZAROdcinek kręgosłupaSzyjny / piersiowy / lędźwiowy
SAMOPOCZUCIEPoziom samopoczuciaNastępny krok w zapisanym przepływie
Gałąź odcinka szyjnego → górny odcinek (poniżej linii czaszki) lub środkowy i dolny odcinek → 6 sesji
Sesja 1/6Poziom bólu
Sesja 2/6Poziom bólu
Sesja 3/6Poziom bólu
Sesja 4/6Poziom bólu
Sesja 5/6Poziom bólu
Sesja 6/6Poziom bólu
↓
Zatwierdź
Sześć sesji to oznaczenie z planszy user flow; sześć etapów ruchowych widocznych na ekranach opisuje inny poziom procesu. Dokumentacja nie rozwija tutaj gałęzi piersiowej i lędźwiowej.
Zobacz wireframe przepływu
Struktura na podstawie dokumentacji projektu. Karty przedstawiają funkcje ekranów.
REHApp
REHApp
Profil pacjenta
Imię / nazwisko
E-mail
Płeć · wiek
Wzrost · waga
Wybierz działanie
Odcinek kręgosłupa
Rozwinięta gałąź: szyjny
Poziom samopoczucia
Wybierz obszar
6 sesji
1/6Poziom bólu
2/6Poziom bólu
3/6Poziom bólu
4/6Poziom bólu
5/6Poziom bólu
6/6Poziom bólu
Rozgałęzienia pokazano jako opcje na kartach. Strzałki wskazują kolejność głównych kroków; układ i pola zastępcze są schematyczne.
INTERAKTYWNY PRZEGLĄD EKRANÓW
Przejdź przez doświadczenie.
Wybierz etap, aby zobaczyć ekran i jego zadanie w procesie. Pokaz prezentuje wybrane widoki projektu.
1 / 8
To prezentacja ekranów, a nie działająca aplikacja. Widoki nie odtwarzają pełnej logiki ani wszystkich rozgałęzień sesji.
Pierwszy kontakt
Wejście do aplikacji: utworzenie konta lub logowanie.
INTERAKCJA / OCENA BÓLUObrót, wybór,
Obrót, wybór,
korekta adnotacji.
Koło pozwala pacjentowi określić stopień bólu przy danym ćwiczeniu. Adnotacje można zmieniać osobno dla każdego ruchu.
Demonstracja interakcji w portfolio. Wartości pozostają wyłącznie w tym podglądzie i nie są wysyłane.
Animowany fragment oryginalnego ekranu. Zmień wartość suwakiem lub wybierz inne ćwiczenie.
04 / INTERFEJS I INTERAKCJEJedno zadanie.
Jedno zadanie.
Wyraźny punkt skupienia.
Orientacja
Najpierw zrozumieć wybór
Model ciała pomaga wskazać obszar dolegliwości. Osobny widok objaśnia skalę bólu, zanim użytkownik wykorzysta ją do opisania odczuć.
Informacja jest powiązana z konkretnym zadaniem: gdzie boli i jak opisać intensywność bólu.
Kontekst dolegliwości
Nie tylko jak mocno, ale też jak długo i jak często.
Pytania uzupełniające zbierają kontekst aktualnego bólu: czas trwania epizodu oraz regularność jego występowania.
Jedno pytanie na ekranie, wyraźne odpowiedzi i oznaczenie etapu porządkują formularz. Przyciski „Cofnij” i „Dalej” pozwalają wrócić do wcześniejszej odpowiedzi.
UX writing i feedback
Instrukcja, działanie, przegląd
Komunikat „Wykonaj ruch w sposób przedstawiony na filmie. Następnie określ swoje odczucia” łączy zadanie z następnym krokiem.
Podsumowanie zestawia oceny poszczególnych ruchów. Towarzysząca mu instrukcja wyjaśnia, jak wrócić do wybranego ruchu i go powtórzyć.
06 / REZULTAT PROJEKTOWYProces opisany
Proces opisany
językiem użytkownika.
Projekt łączy sekwencję zadań, wizualne wskazówki i krótkie komunikaty w mobilny interfejs prowadzący przez sesję analizy.
Widocznym rezultatem są opracowane ekrany profilu, lokalizacji dolegliwości, oceny ruchu i podsumowania. Wspieranie regularności rehabilitacji pozostaje celem projektu. Badania z pacjentami stanowiły wkład w proces projektowy; dostępne materiały nie zawierają pomiaru efektów wdrożenia ani skuteczności rehabilitacji.