Progettazione UX e UI per dispositivi medici

La fresa sonica più facile da usare per i chirurghi

Dispositivi medici

User Experience

Interface Design

Copertina del caso di studio di UX design che mostra i chirurghi in sala operatoria con le luci in alto.
CLIENTEdeSoutter Medical / Zethon
POSIZIONEAylesbury, UK
SQUADRAUX designer, ricercatore UX, UI designer, interaction designer, project manager, product manager
Video summary
Greg will show you how the new user interface makes a difference to surgeons who use the ultrasonic cutter.
Immagine miniaturizzata del video
Icona del pulsante di riproduzione
2:32

L'azienda di dispositivi medici ha sviluppato un innovativo cutter a ultrasuoni. Erano vicini al lancio sul mercato e avevano bisogno di un'interfaccia utente che supportasse gli utenti e superasse la conformità. Hanno deciso di affidarsi alla nostra agenzia di UX design perché avevano un'ambizione più grande: volevano che il design dell'interfaccia utente fosse un fiore all'occhiello del loro marchio, qualcosa che i chirurghi imparassero a riconoscere come un segno distintivo del settore medico.

Ogni giorno lavoravamo con un piccolo team di clienti formato da un product owner e da un ingegnere. In questo modo siamo stati in grado di iterare velocemente i progetti e di sperimentare idee audaci per ottenere l'innovazione che stavano cercando. Il comitato direttivo, formato da diversi altri stakeholder, veniva aggiornato ogni due settimane.

I NOSTRI CONTRIBUTI

Architettura dell'informazione

Flussi UX

Ricerca degli utenti

Rassegna della letteratura accademica

Workshop tecnici

Wireframing

Design UX

Prototipazione interattiva

Test dell'utente

Human Factors

Design UI

Sistema di progettazione

Dispositivo medico con design dell'interfaccia grafica in primo piano su una sala operatoria buia sullo sfondo

IL VECCHIO DESIGN DELLA GUI DEL DISPOSITIVO MEDICO

Gli ingegneri avevano creato un'interfaccia utente per il dispositivo medico, ma i chirurghi non erano soddisfatti del design. I medici hanno esigenze molto specifiche quando si trovano nel bel mezzo di un intervento chirurgico. La semplice disposizione degli elementi dell'interfaccia utente in un modo che sembra avere senso in un dispositivo medico non è sufficiente.

Altre parti interessate sono rimaste insoddisfatte perché il design dell'interfaccia utente non è accattivante. Non mette in evidenza le prestazioni del dispositivo medico e non aiuta le vendite.

Anche se il design dell'interfaccia utente realizzato dallo sviluppatore è ben lungi dall'essere utilizzabile, per noi è stato un punto di partenza costruttivo, perché mostrava le funzioni principali. Quindi, in qualità di agenzia di progettazione UX di terze parti, siamo stati in grado di intervenire subito.

Precedente Design
Interfaccia utente di un dispositivo medico sviluppata da ingegneri

SISTEMATIZZARE LE ESIGENZE DEI CHIRURGHI

I product manager avevano una forte intuizione sulle esigenze degli utenti. Ma la progettazione dell'esperienza utente per i dispositivi medici è un intero processo decisionale e l'intuizione non può essere determinante. Invece, il modo in cui si organizza la conoscenza determina la tendenza a orientare le decisioni di progettazione verso risultati positivi nel processo di progettazione.

Abbiamo fatto tre cose per supportare le decisioni di progettazione UX. Per prima cosa abbiamo messo a sistema le informazioni disponibili. Poi abbiamo capito cosa non sapevamo e siamo andati a scoprirlo, per esempio attraverso una ricerca sugli utenti con i medici. In terzo luogo, abbiamo integrato tutte le fonti di informazione, tagliando e tagliando a fette per preparare le decisioni di progettazione future.

Scoperta e mappatura dei requisiti
Tabella con 7 colonne che riassumono le caratteristiche di un dispositivo medico per il processo di progettazione UX e UI

PROGETTARE UN'ARCHITETTURA UX INTUITIVA

Non si vorrebbe che un chirurgo armeggiasse con la navigazione di un dispositivo medico. In genere, la sfida della progettazione UX per le GUI integrate consiste nel fatto che troppo pochi componenti dell'interfaccia si adattano a una sola vista, per cui la navigazione diventa piuttosto profonda.

Abbiamo sperimentato otto strutture per vedere come influenzano l'esperienza dell'utente. Abbiamo esaminato come ogni opzione influisce sulle prestazioni dei medici. L'obiettivo era quello di trovare un'architettura informativa che offrisse la più semplice esperienza utente per il dispositivo medico.

Le funzionalità, le interazioni e i contenuti sono mappati sulla struttura, suggerendo ciò che si può o non si può fare in ogni vista dell'interfaccia utente.

Architettura dell'informazione
Diagramma che mostra l'architettura dell'informazione per l'esperienza utente di un dispositivo medico.

BENCHMARKING DELLE INTERFACCE DEI DISPOSITIVI MEDICI

Per creare un design dell'interfaccia utente di prim'ordine, i nostri designer hanno dovuto analizzare meticolosamente lo status quo nella nicchia dei dispositivi medici per la chirurgia.

Come agenzia di UX design specializzata in dispositivi medici, possiamo contare in parte sulla nostra libreria di decine di tipi di interfacce utente per dispositivi medici. Ma il diavolo si nasconde nei dettagli.

Piuttosto che attenersi a prospettive generiche, abbiamo scavato a fondo e analizzato i dettagli che rendono unica una fresa a ultrasuoni, come la destrezza di manipolazione, il modo in cui l'attenzione viene diretta attraverso l'interfaccia o le interazioni che funzionano bene per i chirurghi.

Questa meticolosa analisi del design serve sia a scoprire ciò che non funziona, sia a scoprire gli schemi che creano familiarità con gli utenti.

Ricerca UX
Esempio di interfaccia utente di un dispositivo medico

INTERAZIONI: GUI, PRODOTTO FISICO E CONTESTO

L'uso di un dispositivo medico è un'attività molto fisica che rende complessa la progettazione dei fattori umani.

La taglierina a ultrasuoni è dotata di pulsanti fisici per le funzioni principali e di fessure per l'inserimento delle cartucce. Questi sono parte integrante dell'esperienza dell'utente.

L'UX di questo dispositivo medico ha una marcia in più: i medici toccano il display con la mano non dominante (sinistra). Questo cambia tutto.

Quindi, nel processo di progettazione della GUI basato sull'evidenza, abbiamo dovuto prendere in considerazione:

(1) Quali modelli di interazione conoscono i medici di altri dispositivi medici?

(2) In che modo il passaggio dell'attenzione dal paziente all'interfaccia utente influisce sulle risorse cognitive?

(3) Come funziona la motricità fine in queste condizioni?

Tutti questi fattori hanno influenzato l'interfaccia utente, sia in grande che in piccolo. Ad esempio, hanno determinato le dimensioni dei componenti dell'interfaccia utente, il loro posizionamento e i modelli di interazione che compongono la GUI.

Caratteristiche della console fisica
Diagramma che mostra la progettazione fisica di un dispositivo medico a sinistra e un estratto di una tabella con i requisiti di progettazione della GUI a destra.
Diagramma che mostra la progettazione fisica di un dispositivo medico a sinistra e un estratto di una tabella con i requisiti di progettazione della GUI a destra.

IL RUOLO DELLA RICERCA SUI FATTORI UMANI

Gli studi di scienza cognitiva hanno informato il nostro processo di progettazione basato sull'evidenza.

Nel processo quotidiano di collaborazione con gli stakeholder abbiamo condiviso con i product manager quelle intuizioni che aiutano a dare una prospettiva sui pro e i contro di questo o quel particolare dettaglio progettuale dell'interfaccia utente. Gli stakeholder possono dare un senso a questa ricerca perché dimostriamo come un principio si applichi pragmaticamente alla progettazione dell'interfaccia grafica del loro dispositivo medico.

La ricerca sui fattori umani aiuta i team di prodotto a prendere decisioni di progettazione valide che migliorano la sicurezza e l'usabilità delle interfacce dei dispositivi medici. Non è l'unica fonte di informazioni nella progettazione basata sull'evidenza, ma sicuramente conferisce solidità al processo perché aiuta a integrare altri dati in un insieme coerente.

Progettazione basata sull'evidenza
Estratti dalla ricerca sul design dei fattori umani che informa il design dell'interfaccia utente per i dispositivi medici.
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.
Estratti dalla ricerca sul design dei fattori umani che informa il design dell'interfaccia utente per i dispositivi medici.
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.
Diagramma dell'allineamento dei componenti dell'interfaccia grafica sul display tattile

L'ESPERIENZA DELL'UTENTE SI EVOLVE IN MODO COLLABORATIVO

Gli schizzi e i wireframe sono i documenti che abbiamo utilizzato per raccogliere le idee e comunicare le opzioni di progettazione ai proprietari dei prodotti, agli utenti e agli ingegneri. Con l'evolversi del design dell'interfaccia utente, siamo passati da semplici schizzi a wireframe sempre più sofisticati.

Un aspetto sorprendente di questa evoluzione è l'oscillazione tra diverse prospettive dell'interfaccia utente. Per esempio, in uno sprint possiamo rivedere il layout dell'interfaccia nel suo complesso, mentre in un altro sprint possiamo esaminare le opzioni per un particolare componente.

Gradualmente l'esperienza dell'utente del dispositivo medico diventa stabile, il che significa che sia l'insieme che i più piccoli dettagli trovano la loro forma ideale.

Prototipo & pensiero del prodotto
Prototipazione wireframe dell'esperienza utente di un dispositivo medico

UN'ACCURATA PROGETTAZIONE DELL'INTERFACCIA UTENTE SEMPLIFICA L'IMPLEMENTAZIONE

La progettazione visiva dell'interfaccia utente, con l'estetica e l'identità del marchio, costituisce la fase finale. Il design visivo dell'interfaccia utente non modifica la struttura dell'interfaccia, ma aggiunge carattere al dispositivo medico.

Con questa taglierina a ultrasuoni, il design dell'interfaccia utente svolge due ruoli chiave.

In primo luogo, migliora l'usabilità guidando l'attenzione dei chirurghi quando guardano l'interfaccia. In secondo luogo, aggiunge uno strato emozionale che ha un effetto attraente nelle presentazioni di vendita del dispositivo medico.

Gli ingegneri implementano il design finale dell'interfaccia utente. Pertanto, come designer prepariamo le risorse per loro, in modo da ridurre al minimo il loro sforzo.

UI Design
Progettazione dell'interfaccia grafica della schermata principale di un dispositivo medico con pulsanti.
Progetto UI realizzato da un'agenzia UX che lavora per un cliente del settore medicale.
Esempio di progetto di GUI realizzato da un'agenzia di design UX e UI
Progettazione dell'interfaccia utente da parte dell'agenzia di UX medica
Blob nero a spirale.
Quotes
Questa interfaccia faciliterebbe il mio lavoro. Non dovrei preoccuparmi di nulla. È tutto chiaro e lineare, come la mia Tesla.
UX research user
Tom Frilling, MSc MBBS FRCS(Tr&Orth)
Hip & Knee Trauma and Orthopaedic Surgeon
Progettazione dell'interfaccia grafica per la schermata delle impostazioni di un dispositivo medico
Progettazione dell'interfaccia utente per una schermata di configurazione di un dispositivo medico con componenti UI
Percepire
Provare i pulsanti
HDS-121
connected
running
RUNNING
Pump
Paired
Unpaired
Speed (RPM)8,500

IL SISTEMA DI PROGETTAZIONE ALTAMENTE DETTAGLIATO

Il sistema di progettazione che abbiamo fornito agli ingegneri è estremamente dettagliato e non lascia nulla da interpretare. Il sistema di progettazione tiene conto meticolosamente degli stati, dei comportamenti e delle relazioni tra tutti i componenti dell'interfaccia utente che compongono l'esperienza dell'utente. Gli ingegneri sono molto produttivi quando codificano con questo supporto.

Ma il sistema di progettazione fornisce anche le risorse e la logica che rendono questo linguaggio GUI pronto per essere utilizzato in altri prodotti del portafoglio del produttore di dispositivi medici.

Estratto di icone e pulsanti del sistema di progettazione di una taglierina a ultrasuoni.
Estratto di icone e pulsanti del sistema di progettazione di una taglierina a ultrasuoni.
Copertina del caso di studio di UX design che mostra i chirurghi in sala operatoria con le luci in alto.
Copertina del caso di studio di UX design che mostra i chirurghi in sala operatoria con le luci in alto.
Elementi di design

PROGETTAZIONE UX E UI PER I DISPOSITIVI MEDICI

Guardate il design dell'interfaccia grafica di questo dispositivo medico: lo posiziona immediatamente come leader del settore. Ma questa è solo la punta dell'iceberg.

Quando i chirurghi provano il dispositivo medico si sentono subito a proprio agio con l'esperienza d'uso: è come se il dispositivo anticipasse le sfumature importanti per loro e si comportasse in modo rassicurante.

Questo livello di esperienza utente non è casuale, ma è il risultato di un processo meticoloso che integra una grande quantità di informazioni nel processo decisionale di progettazione. Il processo è guidato da progettisti esperti con una notevole esperienza nelle GUI embedded e nei dispositivi medici, in modo che i product manager e le altre parti interessate possano vedere quali opzioni esistono per l'interfaccia utente, con i relativi pro e contro.

Il giusto design dell'interfaccia grafica non è un'ipotesi soggettiva. Emerge come scelta ovvia e razionale dall'intersezione tra esigenze degli utenti, tecnologia e strategia aziendale.

RISULTATI

Il primo prototipo cliccabile è stato consegnato in 3 settimane

Conformità a ISO 62366 e IEC 62366-1

Progettazione di GUI che definisce il settore

Sistema di progettazione completo da utilizzare per l'intero portfolio

Passaggio di consegne e supporto senza soluzione di continuità per il team di progettazione