UX- og UI-design til medicinsk udstyr

Den mest kirurgvenlige soniske cutter

Medicinske apparater

User Experience

Interface Design

Forside af UX-design-casestudie, der viser kirurger på operationsstuen med lys over hovedet.
KLIENTdeSoutter Medical / Zethon
PLACERINGAylesbury, UK
TEAMUX-designer, UX-researcher, UI-designer, interaktionsdesigner, projektleder, produktleder
Video-oversigt
Greg vil vise dig, hvordan den nye brugergrænseflade gør en forskel for kirurger, der bruger ultralydsskæreren.
Miniaturebillede af video
Ikon for afspilningsknap
2:32

Virksomheden, der producerer medicinsk udstyr, udviklede en innovativ ultralydsskærer. De var tæt på markedslancering, og de havde brug for en brugergrænseflade, der kunne understøtte brugerne og overholde reglerne. De besluttede at stole på vores UX-designbureau, fordi de havde en større ambition: De ønskede, at brugergrænsefladedesignet skulle være et flagskib for deres brand, noget kirurger lærer at genkende som et kendetegn i den medicinske industri.

I det daglige arbejdede vi med et lille kundeteam bestående af en produktejer og en ingeniør. I dette format var vi i stand til hurtigt at gentage design og afprøve dristige ideer for at finde frem til den innovation, de ledte efter. Styregruppen, der bestod af flere andre interessenter, blev holdt opdateret hver anden uge.

VORES BIDRAG

Information Architecture

UX Flows

Brugerundersøgelse

Gennemgang af akademisk litteratur

Tekniske workshops

Wireframing

UX Design

Interactive Prototyping

User Testing

Human Factors

UI Design

Design System

Medicinsk udstyr med GUI-design i forgrunden lagt over en mørk operationsstue i baggrunden

DET GAMLE GUI-DESIGN AF MEDICINSK UDSTYR

Ingeniørerne havde skabt en brugergrænseflade til det medicinske udstyr, men kirurgerne var ikke tilfredse med designet. Læger har meget specifikke behov, når de er midt i en operation. Det er ikke nok blot at arrangere brugergrænsefladeelementer på en måde, der ser ud til at give mening i et medicinsk udstyr.

Andre interessenter var utilfredse, fordi dette design af brugergrænsefladen ikke er tiltalende. Det fremviser ikke det medicinske udstyrs ydeevne, og det hjælper ikke på salget.

Selvom det udviklerskabte UI-design langt fra er brugbart, var det et konstruktivt udgangspunkt for os, fordi det viste de vigtigste funktioner. Så som et tredjeparts UX-designbureauteam var vi i stand til at hoppe direkte ind.

Tidligere Design
Brugergrænseflade til medicinsk udstyr udviklet af ingeniører

SYSTEMATISERING AF KIRURGERS BEHOV

Produktcheferne havde en stærk intuition om brugernes behov. Men brugeroplevelsesdesign til medicinsk udstyr er en hel beslutningsproces, og intuitionen kan ikke diktere ret meget. I stedet er det den måde, du organiserer viden på, der afgør, om du har tendens til at påvirke designbeslutninger i retning af positive resultater i designprocessen.

Vi gjorde tre ting for at understøtte sunde UX-designbeslutninger. Først satte vi de tilgængelige oplysninger i system. Derefter fandt vi ud af, hvad vi ikke vidste, og gik videre for at finde ud af det, for eksempel via brugerundersøgelser med læger. For det tredje integrerede vi alle informationskilderne, skar dem i skiver og terninger for at forberede de kommende designbeslutninger.

Opdagelse og funktions kortlægning

DESIGN AF EN INTUITIV UX-ARKITEKTUR

Man ønsker ikke, at en kirurg skal rode rundt med navigationen på et medicinsk apparat. Udfordringen ved UX-design til indlejrede GUI'er er typisk, at for få UI-komponenter passer ind i en visning, så navigationen bliver temmelig dyb.

Vi testede otte strukturer for at se, hvordan de påvirker brugeroplevelsen. Vi gennemgik, hvordan hver mulighed påvirker lægernes præstation. Målet var at finde en informationsarkitektur, der giver den enkleste brugeroplevelse for det medicinske udstyr.

Funktioner, interaktioner og indhold er kortlagt i strukturen, hvilket antyder, hvad du kan og ikke kan gøre i hver visning af brugergrænsefladen.

Information Arkitektur

BENCHMARKING AF GRÆNSEFLADER TIL MEDICINSK UDSTYR

For at skabe et førsteklasses brugergrænsefladedesign måtte vi som designere omhyggeligt undersøge status quo inden for nichen medicinsk udstyr til kirurgi.

Som et specialiseret UX-designbureau for medicinsk udstyr kan vi til dels stole på vores bibliotek med snesevis af typer af brugergrænseflader til medicinsk udstyr. Men djævlen ligger i detaljen.

I stedet for at holde os til generiske perspektiver, gravede vi dybt og undersøgte de detaljer, der gør en ultralydsskærer unik - såsom fingerfærdighed, hvordan opmærksomheden ledes gennem grænsefladen eller de interaktioner, der fungerer godt for kirurger.

Denne omhyggelige designanalyse handler lige så meget om at finde ud af, hvad der ikke fungerer, som det handler om at opdage de mønstre, der skaber fortrolighed hos brugerne.

UX Research
Eksempel på brugergrænseflade til medicinsk udstyr

INTERAKTIONER: GUI, FYSISK PRODUKT OG KONTEKST

Brug af medicinsk udstyr er en meget fysisk affære, der gør design af menneskelige faktorer komplekst.

Ultralydsskæreren har fysiske knapper til nøglefunktioner og åbninger til at indsætte patroner. Disse er en integreret del af brugeroplevelsen.

UX i dette medicinske udstyr har et ekstra twist: Læger rører ved skærmen med den ikke-dominerende hånd (venstre). Det ændrer alt.

Så i den evidensbaserede proces med GUI-design var vi nødt til at overveje:

(1) Hvilke interaktionsmønstre kender læger fra andet medicinsk udstyr?

(2) Hvordan påvirker det de kognitive ressourcer at skifte opmærksomheden fra patienten til brugergrænsefladen?

(3) Hvordan fungerer finmotorikken under disse forhold?

Alle disse faktorer har påvirket brugergrænsefladen, både i det store og i det små. For eksempel har de bestemt størrelsen på UI-komponenterne, deres placering og de interaktionsmønstre, der udgør GUI'en.

Fysisk konsol funktioner
Diagram, der viser det fysiske design af medicinsk udstyr til venstre, og et uddrag fra en tabel med krav til GUI-design til højre.
Diagram, der viser det fysiske design af medicinsk udstyr til venstre, og et uddrag fra en tabel med krav til GUI-design til højre.

DEN ROLLE, SOM FORSKNING I MENNESKELIGE FAKTORER SPILLER

Undersøgelser fra kognitionsvidenskaben informerede vores evidensbaserede designproces.

I det daglige samarbejde med interessenterne har vi delt de indsigter med produktcheferne, som er med til at give perspektiv på fordele og ulemper ved den ene eller den anden designdetalje i brugergrænsefladen. Interessenterne kan se en mening med denne forskning, fordi vi demonstrerer, hvordan et princip kan anvendes pragmatisk i designet af GUI'en til deres medicinske udstyr.

Forskning i menneskelige faktorer hjælper produktteams med at træffe fornuftige designbeslutninger, der forbedrer sikkerheden og anvendeligheden af grænseflader til medicinsk udstyr. Det er ikke den eneste kilde til information i evidensbaseret design, men det giver helt sikkert robusthed til processen, fordi det hjælper med at integrere andre datapunkter i en sammenhængende helhed.

Evidens baseret Design
Uddrag fra forskning i design af menneskelige faktorer, der ligger til grund for ux-design af medicinsk udstyr.
Colle, H. A., & Hiszem, K. J. (2004). Standing at a kiosk: Effects of key size and spacing on touch screen numeric keypad performance and user preference. Ergonomics, 47(13), 1406-1423.
Uddrag fra forskning i design af menneskelige faktorer, der ligger til grund for ux-design af medicinsk udstyr.
Tao, D., Yuan, J., Liu, S., & Qu, X. (2018). Effects of button design characteristics on performance and perceptions of touchscreen use. International Journal of Industrial Ergonomics, 64, 59-68.

BRUGEROPLEVELSEN UDVIKLER SIG I SAMARBEJDE

Skitser og wireframes er produkter, vi brugte til at få idéer og til at kommunikere designmuligheder til produktejere, brugere og ingeniører. Efterhånden som designet af brugergrænsefladen udviklede sig, gik vi fra simple skitser til stadig mere sofistikerede wireframes.

Et overraskende aspekt af denne udvikling er, hvordan vi veksler mellem forskellige perspektiver på brugergrænsefladen. For eksempel kan vi i en sprint revidere layoutet af grænsefladen som helhed, mens vi i en anden sprint kan undersøge mulighederne for en bestemt komponent.

Efterhånden bliver brugeroplevelsen af det medicinske udstyr stabil, hvilket betyder, at både helheden og de mindste detaljer finder deres ideelle form.

Prototype & Produkt Tænkning

OMHYGGELIGT UI-DESIGN GØR IMPLEMENTERINGEN NEM

Det visuelle design af brugergrænsefladen, med æstetik og brandidentitet, udgør den sidste fase. Visuelt brugergrænsefladedesign ændrer ikke grænsefladens struktur, men det giver det medicinske udstyr karakter.

Med denne ultralydsskærer spiller brugergrænsefladens design to nøgleroller.

For det første forbedrer det brugervenligheden ved at styre kirurgernes opmærksomhed, når de kigger på grænsefladen. For det andet tilføjer det et følelsesmæssigt lag, der har en tiltalende effekt i salgspræsentationer af det medicinske udstyr.

Ingeniørerne implementerer det endelige brugergrænsefladedesign. Derfor forbereder vi som designere aktiverne til dem for at minimere deres indsats.

UI Design
GUI-design af hovedskærmen på et medicinsk udstyr med knapper.
UI-design leveret af et UX-bureau, der arbejder for en medicoteknisk kunde.
Eksempel på GUI-designleverance fra et UX- og UI-designbureau
Brugergrænsefladedesign fra medicinsk UX-bureau
Sort klat i spiral.
Quotes
Denne grænseflade ville gøre mit arbejde lettere. Jeg ville slet ikke behøve at bekymre mig om det. Det hele er klart og ligetil, ligesom min Tesla.
UX research user
Tom Frilling, MSc MBBS FRCS(Tr&Orth)
Hofte- og knæskade- og ortopædkirurg
GUI-design til indstillingsskærmen på et medicinsk udstyr
UI-design til en opsætningsskærm til et medicinsk udstyr med UI-komponenter
Prøv det
Prøv knapperne nedenfor
HDS-121
forbundet
Løb
RUNNING
Pump
Paired
Unpaired
Speed (RPM)8,500

DET MEGET DETALJEREDE DESIGNSYSTEM

Det designsystem, vi leverede til ingeniørerne, er meget detaljeret og overlader intet til fortolkning. Designsystemet redegør omhyggeligt for tilstande, adfærd og relationer mellem alle de UI-designkomponenter, der udgør brugeroplevelsen. Ingeniørerne er meget produktive, når de koder med denne støtte.

Men designsystemet leverer også aktiver og den logik, der gør dette GUI-sprog klar til at blive brugt i andre produkter i porteføljen hos producenten af medicinsk udstyr.

Uddrag, der viser ikoner og knapper fra designsystemet til en ultralydsskærer.
Uddrag, der viser ikoner og knapper fra designsystemet til en ultralydsskærer.
Forside af UX-design-casestudie, der viser kirurger på operationsstuen med lys over hovedet.
Forside af UX-design-casestudie, der viser kirurger på operationsstuen med lys over hovedet.
Designelementer

UX- OG UI-DESIGN TIL MEDICINSK UDSTYR

Se på GUI-designet til dette medicinske udstyr: Det positionerer det straks som førende i branchen. Men det er kun toppen af isbjerget.

Når kirurgerne prøver det medicinske udstyr, føler de sig hurtigt trygge ved brugeroplevelsen: Det er, som om det forudser de nuancer, der er vigtige for dem, og det opfører sig på en måde, der er betryggende.

Dette niveau af brugeroplevelse er ikke tilfældigt. Det er resultatet af en omhyggelig proces, der integrerer en overflod af information i designbeslutningsprocessen. Processen ledes af ekspertdesignere med stor erfaring inden for indlejrede GUI'er og medicinsk udstyr, så produktchefer og andre interessenter kan se, hvilke muligheder der findes for brugergrænsefladen, med deres fordele og ulemper.

Det rigtige GUI-design er ikke et subjektivt gæt. Det opstår som det indlysende og rationelle valg i skæringspunktet mellem brugerbehov, teknologi og forretningsstrategi.

RESULTATER

Første klikbare prototype leveret på 3 uger

Overholdelse af ISO 62366 og IEC 62366-1

Branchedefinerende GUI-design

Fuldt designsystem til brug i hele porteføljen

Problemfri overdragelse og support til ingeniørteamet

Har du et projekt i tankerne?

Stilfuld pige med solbriller
Stilfuld pige med solbriller

Din guide til digital ekspertise

Creative Navy er et af de bedste UX/UI-designbureauer i Danmark. Vi designer mobiloplevelser, grafiske bruger- og webgrænseflader til indlejrede enheder.

© Creative Navy LTD 2024

Excellence UI design illustration