- UX
- grudzień 2022
- Sandoz × Mirumee
Sandoz Rheumatism i Sandoz Learn
Dwie aplikacje dla lekarzy z ekosystemu Sandoz: dobór terapii reumatyzmu i krótkie filmy dołączane do recepty
Z zespołem Mirumee zaprojektowałem UX trzech aplikacji medycznych Sandoz. Tu dwie z nich: Rheumatism, w której lekarz po trzech pytaniach widzi leki i wytyczne kliniczne, i Learn, w której nagrywa film dla pacjenta, który nie czyta, i przepisuje go jak lek — kodem na recepcie.
Ilustracja: telefon z ankietą Sandoz Rheumatism, w której zaznaczają się kolejne odpowiedzi, i okno biblioteki Sandoz Learn, z którego wysuwa się wydruk z kodem dla pacjenta.
01 Brief
Właściwa informacja w formie, którą da się przyjąć
Projekt polegał na zaprojektowaniu UX (wireframe’ów) dla trzech aplikacji medycznych Sandoz. Dwie pierwsze są dla lekarza — i każda podaje informację w innej formie.
Rheumatism prowadzi lekarza od trzech odpowiedzi do leków i wytycznych klinicznych. Learn zamienia jego zalecenia w film, który pacjent odtworzy w przeglądarce każdego telefonu — także wtedy, gdy nie czyta.
Lekarz · aplikacja webowa
Sandoz Rheumatism
Ankieta: nasilenie objawów, etap leczenia i rodzaj terapii. Potem leki pogrupowane według mechanizmu działania albo według wytycznych i karta terapii każdego z nich.
Do ankietyLekarz i pacjent · globalne Południe
Sandoz Learn
Lekarz nagrywa krótkie filmy albo wybiera je z biblioteki Sandoz i przepisuje pacjentowi jednym kodem. Pacjent odtwarza je w przeglądarce dowolnego telefonu.
Do nagrywaniaPacjent · SMS i aplikacja
Sandoz Health
Trzecia i najbardziej rozbudowana: program zdrowia „przepisywany” kodem, w SMS-ach albo w aplikacji. Ma osobną prezentację z działającym prototypem.
Prezentacja Sandoz Health
Informacje o projekcie
- Klient
- Sandoz × Mirumee
- Kiedy
- grudzień 2022
- Miejsce
- Bazylea, Szwajcaria
- Zespół
- Head of Design: Iwo Rzepiela · UX: Jakub Nowak
- Zakres
- UX (wireframe’y) trzech aplikacji
Sandoz to globalny producent leków generycznych i biopodobnych, założony w Szwajcarii w 1886 roku.
Działa w ponad 160 krajach. Learn powstał z myślą o rynku globalnego Południa i pacjentach, którzy nie czytają.
Część A · Sandoz Rheumatism
02 Ankieta
Trzy pytania, jedna ścieżka
Ankieta pomaga lekarzowi dobrać terapię reumatyzmu. Ma trzy części — Severity, Treatment i Therapy — a na podstawie odpowiedzi aplikacja pokazuje leki zgodne z wytycznymi klinicznymi.
Najpierw zastrzeżenie
Aplikacja nie stawia diagnozy i nie zastępuje oceny lekarza — wejście potwierdza się przyciskiem „Agree. I am a doctor.”
Severity
Lekarz ocenia nasilenie objawów pacjenta: od łagodnych do ciężkich.
Treatment
Etap leczenia: leczenie początkowe, po niepowodzeniu leczenia początkowego albo po niepowodzeniu inhibitora TNF.
Therapy
Rodzaj terapii: monoterapia albo terapia skojarzona.
Odpowiedzi startują jak na nagraniu. Dotknij kroku, żeby zmienić odpowiedź, albo wyczyść mapę i przejdź ankietę od nowa — odpowiedź od razu zamyka swój krok i otwiera następny.
RheumatismDisclaimer
About Sandoz Rheumatism App
Sandoz Rheumatism does not make a medical diagnosis and should not replace the judgment of a qualified medical professional. It provides information to help you make decisions based on readily available symptom information. If you have any questions or concerns about the results obtained from this app, consult with qualified medical personnel.
Treści z wireframe’ów — to nie jest narzędzie medyczne
Aplikacje projektowałem po angielsku, więc repliki zostają przy ich słowach.
18 ścieżek
3 × 3 × 2 odpowiedzi. Każde zaznaczenie w telefonie zapala ścieżkę na mapie — i odwrotnie: wybierz odpowiedź tutaj, a telefon zaznaczy ją za ciebie.
Pasujące ścieżki: 1 z 18
Severity
Treatment
Therapy
03 Wyniki
Te same leki, dwa sposoby patrzenia
W kroku 4 lekarz widzi wyniki: leki podzielone na grupy o podobnym mechanizmie działania albo uporządkowane według wytycznych klinicznych. Po rozwinięciu grupy pojawiają się substancje, a każda prowadzi do karty terapii.
Molecule
cDMARDs, Biological DMARDs, Targeted synthetic DMARDs — leki według mechanizmu działania.
Guideline
NICE – TA715 i NICE – TA375 — te same substancje według wytycznych, które je obejmują.
- Nagrania idą jedną ścieżką: moderate · after initial treatment failure · combined therapy.
- Na nagraniu cztery leki biologiczne stoją pod cDMARDs — to zaślepka wireframe’u. Replika umieszcza je w Biological DMARDs, tak jak podpisuje je karta terapii, a metotreksat w cDMARDs.
RheumatismTreści z wireframe’ów — to nie jest narzędzie medyczne
04 Terapia
Karta terapii, która pamięta odpowiedzi
Kliknięcie substancji otwiera opis terapii: ostrzeżenia, zastrzeżenia z wytycznych i działanie leku. Odpowiedzi z ankiety zostają na górze jako przełączniki, a przy terapii skojarzonej karta podpowiada drugi lek.
Odpowiedzi jako przełączniki
Nasilenie i etap leczenia zmienia się bez powrotu do ankiety — arkusz od dołu ma te same opcje.
Ostrzeżenie
Kiedy odstawić lek — z wytycznych, z trójkątem ostrzegawczym.
Zastrzeżenie z wytycznych
Co z pacjentami, którzy zaczęli leczenie, zanim wytyczne się ukazały.
Opis leku
Działanie i wskazania, zwinięte do pierwszego akapitu.
Terapia skojarzona
„Recommended with” — drugi lek, tu metotreksat, z krótkim opisem.
Therapy details
Abatacept
Biological DMARDs
After initial response within 6 months, withdraw treatment if a moderate EULAR response is not maintained.
People whose treatment with adalimumab, etanercept, infliximab, certolizumab pegol, golimumab, tocilizumab or abatacept is not recommended in this NICE guidance, but was started within the NHS before this guidance was published, should be able to continue treatment until they and their NHS clinician consider it appropriate to stop.
Abatacept, trade name Orencia, is a type of drug called a biological therapy. It targets the cause of your inflammation and reduces the activity of your immune system. It’s an effective treatment for many people living with arthritis.
Recommended with
Treści z wireframe’ów — to nie jest narzędzie medyczne
- Na nagraniu zmiana nasilenia na severe kończy się stanem „No results — Choose a different guideline”. Replika pokazuje go dla każdej ścieżki poza tą z nagrań.
- Opisy mają tylko abatacept i metotreksat. Pozostałe substancje dostają nazwę, klasę i szkielet ekranu.
- Teksty w telefonie to treści zastępcze wireframe’ów, wzięte z publicznych materiałów, m.in. wytycznych NICE i Wikipedii.
Część B · Sandoz Learn
05 Nagrywanie
Lekarz nagrywa, pacjent nie musi czytać
Sandoz Learn jest dla lekarzy, którzy chcą lepiej porozumieć się z pacjentami niepiśmiennymi albo mającymi trudność z czytaniem. Lekarz nagrywa krótki film: jak przyjmować lek, jakie są objawy choroby, co jeść.
Zasady przed nagraniem
Bez wrażliwych danych pacjenta, z uważnym tłem albo rozmyciem tła i tak uniwersalnie, by film przydał się na kolejnych wizytach.
Kamera: wideo albo audio
Jeden przycisk nagrywania, obok rozmycie tła i przełącznik Video | Audio.
Film w rogu, rysunek na środku
Film może zająć cały ekran albo zmniejszyć się do prawego dolnego rogu — wtedy główną przestrzeń wypełnia rysunek, który pomaga zrozumieć treść.
Lekcja w bibliotece
Po „Next” film trafia do biblioteki lekarza, gdzie dostaje tytuł, opis i tagi leku i choroby.
Zmniejsz film, włącz „Draw” i narysuj coś na niebieskim tle — jak lekarz, który pokazuje dawkowanie.
Lekcje, kody i dane pacjenta są przykładowe
W kadrze nagrań jest prawdziwa osoba, więc w replice „film lekarza” jest rysunkiem, a w materiałach z galerii — zaślepką z wireframe’u.
06 Biblioteka
Własne filmy i biblioteka Sandoz w jednej siatce
Lekarz wybiera spośród własnych nagrań i materiałów Sandoz o lekach i chorobach. Filtruje po ulubionych, autorstwie, leku i chorobie, wyszukuje po słowie i zaznacza kilka lekcji naraz.
Tokeny w wyszukiwarce
Wpisz „Drug: A” albo użyj chipu Drug + — lek staje się tokenem, a słowo obok zawęża wynik, jak „Warning” na nagraniu.
Kto nagrał lekcję
Your authorship, Author: Sandoz i ulubione. Autora widać też po ikonie pod miniaturą.
Karta lekcji
Autor, opis do edycji, język nagrania i napisów, lek, choroba i tagi. „Prescribe to the patient” dodaje lekcję do prawego panelu.
Prawy panel
Wybrane lekcje czekają po prawej. Można też wpisać kod, który pacjent już ma, i dopisać mu nowe lekcje.
Lekcje, kody i dane pacjenta są przykładowe
Zaznacz lekcje i wygeneruj kod — replika przeniesie cię do § 07.
07 Kod
Film na receptę, kodem
Wybrane lekcje dostają jeden kod. Lekarz drukuje go i dołącza do recepty, a pacjent wpisuje krótki adres albo skanuje kod QR dowolnym telefonem z przeglądarką.
Lekcje, kody i dane pacjenta są przykładowe
Kod QR w replice jest rysunkiem — nie prowadzi pod żaden adres.
Krótki adres
san.med i cztery cyfry — do przepisania z kartki, bez aplikacji i bez logowania.
QR na wydruku
Wydruk ma logo, pełny adres i kod QR — do recepty.
Nowy kod albo nowe lekcje
„New code” wystawia inny kod, „Edit content” wraca do wyboru lekcji.
08 Pacjent
Każdy telefon, wystarczy przeglądarka
Po wpisaniu adresu pacjent jest proszony o włączenie powiadomień, żeby dostawać przypomnienia o lekcjach dopasowanych do jego choroby i leków. Potem ogląda albo słucha przepisanych mu materiałów.
Nowe i obejrzane
Nowe lekcje są na górze, obejrzane schodzą niżej.
Wideo albo audio
Każdą lekcję można obejrzeć albo tylko jej wysłuchać.
Duże przyciski, mało tekstu
Lista to tytuł i wielki przycisk odtwarzania.
Lista lekcji pochodzi z planszy. Prośba o powiadomienia i odtwarzacz są dorysowane z opisu w case study.
New
Completed
Get reminders about your lessons
Allow notifications and we will remind you when your doctor adds a lesson.
Lekcje, kody i dane pacjenta są przykładowe
09 Plansze
Wireframe’y z 2022 roku
Pięć plansz i cztery nagrania z case study. W materiałach Learn film lekarza i jego miniatury zastąpiła zaślepka z wireframe’u.
Trzecia aplikacja
Sandoz Health
Monitorowanie zdrowia przez SMS, MMS i RCS albo w aplikacji — osobna prezentacja z działającym prototypem w Material 3 Expressive.
Sandoz, logo Sandoz i nazwy leków są znakami towarowymi ich właścicieli. Prezentacja pokazuje projekt UX z 2022 roku; repliki działają na danych przykładowych, nie są wyrobem medycznym i nie zastępują porady lekarza.