UX- och UI-design för medicintekniska produkter

Den mest kirurgvänliga soniska skäraren

Medicinska produkter

Användarupplevelse

Interface Design

Omslag till fallstudie av UX-design som visar kirurger i operationssalen med lampor över huvudet.
KLIENTdeSoutter Medical / Zethon
PLATSAylesbury, UK
TEAMUX-designer, UX-forskare, UI-designer, interaktionsdesigner, projektledare, produktledare
Video summary
Greg will show you how the new user interface makes a difference to surgeons who use the ultrasonic cutter.
Miniatyrbild av video
Ikon för uppspelningsknapp
2:32

Det medicintekniska företaget utvecklade en innovativ ultraljudsskärare. De var nära marknadsintroduktion och behövde ett användargränssnitt för att stödja användarna och uppfylla kraven. De bestämde sig för att lita på vår UX-designbyrå eftersom de hade en större ambition: de ville att UI-designen skulle bli ett flaggskepp för deras varumärke, något som kirurger lär sig att känna igen som ett kännetecken inom den medicinska industrin.

På daglig basis arbetade vi med ett litet kundteam bestående av en produktägare och en ingenjör. I det här formatet kunde vi snabbt iterera design och prova vågade idéer för att få fram den innovation som de letade efter. Styrkommittén, som bestod av flera andra intressenter, hölls uppdaterad varannan vecka.

VÅRA BIDRAG

Informationsarkitektur

UX-flöden

Användarforskning

Akademisk litteraturöversikt

Tekniska verkstäder

Wireframing

UX Design

Interaktiv prototypframställning

Användartestning

Human Factors

UI Design

System för utformning

Medicinsk utrustning med GUI-design i förgrunden över en mörk operationssal i bakgrunden

DEN GAMLA GUI-DESIGNEN FÖR MEDICINTEKNISKA PRODUKTER

Ingenjörerna hade skapat ett användargränssnitt för den medicintekniska produkten, men kirurgerna var inte nöjda med designen. Läkare har mycket specifika behov när de är mitt uppe i en operation. Att bara arrangera användargränssnittselement på ett sätt som verkar vettigt i en medicinteknisk produkt är inte tillräckligt.

Andra intressenter var missnöjda eftersom designen av användargränssnittet inte är tilltalande. Den visar inte upp den medicintekniska produktens prestanda och hjälper inte försäljningen.

Även om den av utvecklaren skapade UI-designen är långt ifrån användbar, var den en konstruktiv utgångspunkt för oss, eftersom den visade de viktigaste funktionerna. Så som en tredjeparts UX-designbyrå kunde vi hoppa in direkt.

Tidigare Design
Användargränssnitt för medicinteknisk produkt utvecklad av ingenjörer

SYSTEMATISERING AV KIRURGERS BEHOV

Produktcheferna hade en stark intuition om användarnas behov. Men design av användarupplevelser för medicintekniska produkter är en hel beslutsprocess och intuition kan inte styra så mycket. Istället är det hur du organiserar kunskapen som avgör om du tenderar att styra designbesluten mot positiva resultat i designprocessen.

Vi gjorde tre saker för att stödja sunda UX-designbeslut. Först satte vi systemet i relation till den tillgängliga informationen. Sedan tog vi reda på vad vi inte visste och gick vidare för att ta reda på det, till exempel via användarundersökningar med läkare. För det tredje integrerade vi alla informationskällor för att förbereda de kommande designbesluten.

Upptäckt och kartläggning av funktioner
Tabell med 7 kolumner som sammanfattar egenskaper hos en medicinteknisk produkt för UX- och UI-designprocessen

UTFORMA EN INTUITIV UX-ARKITEKTUR

Man skulle inte vilja att en kirurg fipplar med navigeringen på en medicinteknisk produkt. Utmaningen med UX-design för inbyggda GUI:er är vanligtvis att för få UI-komponenter ryms i en vy, vilket gör att navigeringen blir ganska djup.

Vi testade åtta strukturer för att se hur de påverkar användarupplevelsen. Vi granskade hur varje alternativ påverkar läkarnas arbete. Målet var att hitta en informationsarkitektur som ger den enklaste användarupplevelsen för den medicintekniska produkten.

Funktioner, interaktioner och innehåll mappas till strukturen och ger förslag på vad du kan och inte kan göra i varje vy av användargränssnittet.

Informations arkitektur
Diagram som visar informationsarkitekturen för användarupplevelsen av en medicinteknisk produkt.

BENCHMARKING AV GRÄNSSNITT FÖR MEDICINTEKNISKA PRODUKTER

För att skapa en användargränssnittsdesign i toppklass var vi som designers tvungna att noggrant kartlägga status quo i nischen för medicintekniska produkter för kirurgi.

Som specialiserad UX-designbyrå för medicintekniska produkter kan vi delvis förlita oss på vårt bibliotek med dussintals olika typer av användargränssnitt för medicintekniska produkter. Men djävulen ligger i detaljerna.

I stället för att hålla oss till generiska perspektiv grävde vi djupt och granskade de detaljer som gör en ultraljudskärare unik - till exempel fingerfärdighet, hur uppmärksamheten riktas genom gränssnittet eller de interaktioner som fungerar bra för kirurger.

Denna noggranna designanalys handlar lika mycket om att ta reda på vad som inte fungerar som att upptäcka de mönster som skapar igenkänning hos användarna.

UX forskning
Exempel på användargränssnitt för medicinteknisk produkt

INTERAKTIONER: GUI, FYSISK PRODUKT OCH KONTEXT

Att använda medicintekniska produkter är en mycket fysisk aktivitet som gör design av mänskliga faktorer komplex.

Ultraljudsskäraren har fysiska knappar för viktiga funktioner och fack för att sätta i patroner. Dessa är en integrerad del av användarupplevelsen.

UX för denna medicintekniska produkt har en extra twist: läkare rör vid displayen med den icke dominerande handen (vänster). Det förändrar allt.

Så i den evidensbaserade processen för GUI-design var vi tvungna att ta hänsyn till:

(1) Vilka interaktionsmönster känner läkare till från andra medicintekniska produkter?

(2) Hur påverkas de kognitiva resurserna av att flytta uppmärksamheten från patienten till användargränssnittet?

(3)Hur fungerar finmotoriken under dessa förhållanden?

Alla dessa faktorer har påverkat användargränssnittet, både i stort och smått. De har till exempel bestämt storleken på UI-komponenterna, deras placering och de interaktionsmönster som utgör GUI.

Fysiska konsolfunktioner
Diagram som visar den fysiska utformningen av medicintekniska produkter till vänster, och ett utdrag ur en tabell med GUI-designkrav till höger.
Diagram som visar den fysiska utformningen av medicintekniska produkter till vänster, och ett utdrag ur en tabell med GUI-designkrav till höger.

DEN ROLL SOM FORSKNING OM MÄNSKLIGA FAKTORER SPELAR

Studier inom kognitionsvetenskap låg till grund för vår evidensbaserade designprocess.

I det dagliga samarbetet med intressenterna har vi delat med oss till produktcheferna av de insikter som ger perspektiv på för- och nackdelarna med den ena eller andra designdetaljen i användargränssnittet. Intressenter kan förstå denna forskning eftersom vi visar hur en princip tillämpas pragmatiskt i utformningen av GUI för deras medicintekniska produkter.

Forskning om mänskliga faktorer hjälper produktteam att fatta välgrundade designbeslut som förbättrar säkerheten och användbarheten hos gränssnitt för medicintekniska produkter. Det är inte den enda informationskällan i evidensbaserad design, men det ger processen robusthet eftersom det hjälper till att integrera andra datapunkter till en sammanhängande helhet.

Evidensbaserad Design
Utdrag från forskning om design av mänskliga faktorer som ligger till grund för ux-design för medicintekniska produkter.
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.
Utdrag från forskning om design av mänskliga faktorer som ligger till grund för ux-design för medicintekniska produkter.
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.
Diagram över GUI-komponenternas placering på pekskärmen

ANVÄNDARUPPLEVELSEN UTVECKLAS I SAMARBETE

Skisser och wireframes är produkter som vi använde för att fånga upp idéer och kommunicera designalternativ till produktägare, användare och ingenjörer. I takt med att designen av användargränssnittet utvecklades gick vi från enkla skisser till allt mer sofistikerade wireframes.

En överraskande aspekt av denna utveckling är hur vi pendlar mellan olika perspektiv på användargränssnittet. Under en sprint kan vi till exempel se över gränssnittets layout som helhet, medan vi under en annan sprint undersöker alternativ för en viss komponent.

Så småningom blir användarupplevelsen av den medicintekniska produkten stabil, vilket innebär att både helheten och de minsta detaljerna hittar sin idealiska form.

Prototyp & Produkttänkande
Wireframe-prototyping av användarupplevelsen för en medicinteknisk produkt

NOGGRANN UI-DESIGN GÖR IMPLEMENTERINGEN ENKEL

Den visuella designen av användargränssnittet, med estetik och varumärkesidentitet, utgör den sista fasen. Visuell användargränssnittsdesign förändrar inte gränssnittets struktur, men den ger den medicintekniska produkten karaktär.

Med denna ultraljudskärare spelar UI:s design två viktiga roller.

För det första förbättrar den användbarheten genom att styra kirurgernas uppmärksamhet när de tittar på gränssnittet. För det andra lägger det till ett känslomässigt lager som har en tilltalande effekt i säljpresentationer av den medicintekniska produkten.

Ingenjörerna implementerar den slutliga UI-designen. Som designers förbereder vi därför tillgångarna åt dem för att minimera deras arbete.

UI Design
GUI-design av huvudskärmen på en medicinteknisk produkt med knappar.
Leverans av UX-design från UX-byrå som arbetar för en medicinteknisk kund.
Exempel på GUI-design som levereras av UX- och UI-designbyrå
Design av användargränssnitt från medicinsk UX-byrå
Svart klump i spiral.
Quotes
Det här gränssnittet skulle underlätta mitt arbete. Jag skulle inte behöva oroa mig för det alls. Allt är klart och tydligt, precis som min Tesla.
UX research user
Tom Frilling, MSc MBBS FRCS(Tr&Orth)
Höft- och knäledstrauma och ortopedisk kirurg
GUI-design för inställningsskärmen på en medicinteknisk produkt
UI design för en installationsskärm för en medicinteknisk produkt med UI-komponenter
Känn det
Prova knapparna nedan
HDS-121
connected
running
RUNNING
Pump
Paired
Unpaired
Speed (RPM)8,500

DET MYCKET DETALJERADE PLANERINGSSYSTEMET

Det designsystem som vi levererade till ingenjörerna är mycket detaljerat och lämnar inget att tolka. Designsystemet redogör noggrant för tillstånd, beteenden och relationer mellan alla de designkomponenter i användargränssnittet som utgör användarupplevelsen. Ingenjörerna är mycket produktiva när de kodar med det här stödet.

Men designsystemet tillhandahåller också tillgångar och logik som gör detta GUI-språk redo att användas i andra produkter i portföljen hos tillverkaren av medicintekniska produkter.

Utdrag som visar ikoner och knappar från designsystemet för en ultraljudskärare.
Utdrag som visar ikoner och knappar från designsystemet för en ultraljudskärare.
Omslag till fallstudie av UX-design som visar kirurger i operationssalen med lampor över huvudet.
Omslag till fallstudie av UX-design som visar kirurger i operationssalen med lampor över huvudet.
Designelement

UX- OCH UI-DESIGN FÖR MEDICINTEKNISKA PRODUKTER

Titta på GUI-designen för denna medicintekniska produkt: den positionerar den omedelbart som branschledare. Men det är bara toppen av isberget.

När kirurgerna provar den medicintekniska produkten känner de sig snabbt bekväma med användarupplevelsen: det är som om den förutser de nyanser som är viktiga för dem och den beter sig på ett sätt som är betryggande.

Den här nivån av användarupplevelse är inte en slump. Den är resultatet av en noggrann process som integrerar ett överflöd av information i designbeslutsprocessen. Processen leds av expertdesigners med stor erfarenhet av inbyggda grafiska gränssnitt och medicintekniska produkter, så att produktchefer och andra intressenter kan se vilka alternativ som finns för användargränssnittet, med deras för- och nackdelar.

Rätt GUI-design är inte en subjektiv gissning. Det är det självklara och rationella valet i skärningspunkten mellan användarbehov, teknik och affärsstrategi.

RESULTAT

Första klickbara prototypen levererad inom 3 veckor

Överensstämmelse med ISO 62366 och IEC 62366-1

Branschdefinierande GUI-design

Fullständigt designsystem som ska användas för hela portföljen

Sömlös överlämning och stöd till ingenjörsteamet