Kontextus

Az xLab egy magyar egészség-technológiai startup, amely lehetővé teszi, hogy a felhasználók minden laboreredményüket egy biztonságos felületen tekintsék át, anélkül, hogy e-mailekben érkező PDF-ek között kellene keresgélniük. A 22.design-t bízták meg a labor- és páciensoldali felületek tervezésével, míg a LogiNet biztosította a háttérben futó mikroszerviz architektúrát.

Kihívás

Az eredeti számszerű táblázatok elrejtették a fontos trendeket, az orvosi szakzsargon érthetetlen volt az átlagfelhasználóknak, és a színek kontrasztja nem felelt meg az akadálymentességi követelményeknek. Ezek a tényezők akadályozták a szélesebb körű klinikai bevezetést.

Kutatás és betekintés

Feltérképeztük a páciensek útvonalait, összehasonlítottunk konkurens egészségügyi dashboardokat, és moderált használhatósági teszteket végeztünk a korai drótvázakon. A tesztek során egyértelmű igény fogalmazódott meg:

„Azt akarom látni, hogyan változnak az értékeim idővel, nem csak a mai számokat.”

Tervezési Lépések

• Idővonalas kártyák: minden laboreredmény egy gördíthető történetként jelenik meg, vízszintesen elrendezett múltbéli értékekkel.

• Szervrendszerek szerinti csoportosítás: az eredmények kardiológia, neurológia stb. szerint kerültek rendezésre, követve az orvosi logikát.

• Közlekedési lámpa jelölésrendszer: érthető színjelölésekkel mutatjuk meg a normáltól eltérő értékeket, mellőzve az orvosi szakkifejezéseket.

• WCAG-AA kontrasztpaletta: frissített Vuetify színtokenekkel teljesítjük az automatikus és kézi akadálymentességi ellenőrzéseket.

• Egyérintéses export: a páciensek továbbra is letölthetnek hitelesített PDF-eket az orvosi látogatásokhoz.

Hatás

Az új felület interaktív grafikonokkal váltotta fel a statikus PDF-eket. Sportolók és krónikus betegek azonnali betekintést nyerhetnek trendjeikbe, az xLab pedig készen áll a további fejlesztési fázisokra, például AI-alapú értelmezésre vagy mobilalkalmazás fejlesztésére. (Pontos számszerű eredmények az első negyedéves bevezetést követően várhatók.)

Tanulságok

1. Vizuális kontextus > nyers számok: A trendvonalak és színjelzések jelentősen csökkentik a felhasználók kognitív terhelését.

2. Korai együttműködés UX és DevOps között: A LogiNet által biztosított API-stubok lehetővé tették, hogy a dizájnerek már a második sprint előtt valós adatokkal dolgozhassanak.

3. Az akadálymentesség piacokat nyit meg: Az AA akadálymentességi megfelelés ma már alapvető elvárás a klinikák beszerzési döntéseiben.