top of page
Anteprima UI Doc Vitals

Doc Vitals

Doc Vitals è un'app progettata per iOS che permette ai medici di monitorare i parametri vitali dei pazienti a distanza tramite dispositivi medici. Oltre al monitoraggio, offre notifiche immediate e migliora in generale la comunicazione medico-paziente. 

Obbiettivo progetto

Motivato dal desiderio di avere un impatto positivo sulla vita delle persone attraverso il Design, ho intrapreso questo progetto personale. Questo progetto è stato una vera e propria sfida personale, poiché ha richiesto la mia capacità di sintetizzare e applicare le diverse competenze accumulate nel corso degli anni in UX/UI Design, Interaction Design, Branding e Ricerca UX.

Ruolo

UX/UI DESIGNER

Tools

AFFINITY | FIGMA | FIGJAM | LOTTIEFILES

Ambiti stimolanti

UX/UI DESIGN | RICERCA UX | BRANDING

Ritratto di un medico

Chiara Esposito

Pneumologa

Come può questa applicazione semplificare il lavoro quotidiano del medico?

  • Accesso remoto ai dati del paziente: Chiara desidera accedere ai dati dei pazienti da qualsiasi luogo per fornire assistenza anche al di fuori dello studio medico.

  • Facile comunicazione con i pazienti: Vuole comunicare facilmente con i pazienti per rispondere alle loro preoccupazioni e fornire rassicurazioni a distanza.

  • Adattabilità alle diverse esigenze mediche: Cerca un'app che possa adattarsi alle diverse esigenze mediche dei suoi pazienti, consentendo un'assistenza personalizzata.

  • Interfaccia intuitiva: Preferisce un'interfaccia intuitiva e facile da usare, per un'adozione immediata sia da parte sua che dei suoi pazienti.

Analisi ed empatizzazione

Dopo aver acquisito una comprensione più profonda del contesto medico attraverso le interviste, ho condotto un'analisi della concorrenza per esaminare applicazioni simili già presenti sul mercato. Ho analizzato le loro funzionalità, punti di forza e debolezze per identificare opportunità di differenziazione e miglioramento.

MioDottore si è distinto come il prodotto più vicino ai requisiti, soprattutto per le sue funzionalità di gestione delle informazioni mediche, facilitazione della comunicazione medico-paziente e monitoraggio dei parametri vitali a distanza.

Ritratto di un medico

Marco Bianchi

Cardiologo

Come può questa applicazione semplificare il lavoro quotidiano del medico?

  • Piattaforma di follow-up e comunicazione con i pazienti: Cerca una piattaforma per il follow-up dei pazienti e per rispondere tempestivamente alle richieste degli stessi.

  • Adattabilità a diverse condizioni mediche: Desidera un'applicazione in grado di adattarsi alle diverse condizioni mediche dei suoi pazienti.

  • Integrazione con il sistema di gestione delle cartelle cliniche: L'applicazione dovrebbe integrarsi perfettamente con il suo sistema di gestione delle cartelle cliniche esistente.

Architettura e flussi

Con i dati della ricerca effettuata, sono riuscito a definire flussi utente efficaci, un'architettura dell'informazione solida e un'interfaccia utente che privilegia un'esperienza coerente e intuitiva per soddisfare le esigenze specifiche dei medici.

L'obiettivo è strutturare la navigazione in modo da consentire ai medici di avere sempre una panoramica degli eventi imminenti e del proprio calendario, permettendo loro di organizzare meglio il lavoro.

Architettura dell'informazioni Doc Vitals
wireframe

Sfida: Parlare con gli utenti

In questa prima sfida del progetto, avevo la necessità di fare ricerca direttamente sul campo medico, per comprendere le esigenze degli utenti futuri e poter parlare direttamente con gli specialisti

Ricerca sul campo medico

Soluzione

  • Analisi del contesto:

    • Diffusione dell'utilizzo di dispositivi digitali da parte dei medici per accedere a informazioni, registrare dati e comunicare con il team sanitario.

    • Importanza della tecnologia per migliorare l'assistenza sanitaria.
       

  • Interviste:

    • Sono state condotte interviste a 10 professionisti sanitari (32-45 anni) per ottenere una visione esperta:

    • Esigenze degli utenti

    • Sfide del monitoraggio medico in ospedale

Risultati

  • Malattie prioritarie:

    • Diabete

    • Ipertensione

  • Dispositivi medici utilizzati:

    • Pulsiossimetri con connessione Bluetooth

    • Misuratori di pressione sanguigna con connessione Bluetooth

    • Termometri

    • Glucometri con connessione Bluetooth

Branding

Questo progetto mi ha permesso di sperimentare e approfondire le mie competenze base di graphic design. Ho progettato e creato un'identità visiva dell'applicazione, così che rendesse l'esperienza visiva dell'utente più piacevole e accattivante, ma allo stesso tempo coerente e consistente.

logo doc vitals
payoff Your heatlh, our priority
palette askme sign
tipografia

Notifica urgente

Quando i parametri vitali di un paziente diventano critici, l'applicazione invierà una notifica dalla quale sarà possibile verificare immediatamente lo stato di salute del paziente e eventualmente contattarlo telefonicamente.

Funzionalità aggiungi paziente

Possibilità di aggiungere un nuovo paziente sull'app da poter monitorare, i dati del paziente vengono recuperati direttamente dal database ospedaliero e successivamente è possibile associare dispositivi medici al paziente.

Prototipi ad alta fedeltà

Questi prototipi sono il risultato di un accurato lavoro di affinamento del design, basato sull'architettura dell'informazione e sui wireframe esistenti. Potrete apprezzare come le tre funzionalità principali - aggiunta di nuovi pazienti, notifiche urgenti e monitoraggio dei dispositivi - siano state integrate nell'interfaccia utente.

Monitoraggio paziente

In una sezione dedicata del menù di navigazione, si avrà la possibilità di monitorare e consultare nello specifico i parametri vitali di un singolo paziente consultando grafici per avere un quadro generale più completo.

Test di usabilità e KPI

Dopo aver progettato i prototipi ad alta fedeltà, ho condotto test di usabilità non moderati su un campione più ridotto di specialisti (5) intervistati nella ricerca iniziale, descrivendo i compiti che l'utente doveva completare. Questo mi ha permesso di misurare i KPI del prototipo creato in base al completamento del compito richiesto. Nonostante il numero ridotto di test, sono emersi spunti di miglioramento interessanti del prodotto.

Task 01

Per iniziare clicca il pulsante "+" in basso a destra (Floating Action Button) e aggiungi il paziente Cavallotti Alberto alla tua lista dei pazienti, i dati ad esso associati sono da considerarsi corretti. Una volta aggiunto il paziente, torna alla home.

Risultati

  • Tasso di successo 100%: 5 user su 5 hanno completato con successo il task

  • Tasso di fallimento 0%: 0 user su 5 ha fallito il task, non completando l'azione. 

  • Tasso di Misclick: 3 candidati hanno interagito con elementi non interattivi non seguendo il flusso di azione previsto.

  • Tempo medio di completamento: Il tempo medio impiegato per il completamento del task è di 1 minuto e 45 secondi.

  • Numero di clic: Il numero medio di clic per il completamento dell'azione è di 10 clic, per aggiungere un paziente alla propria lista e tornare alla home il numero minimo di clic è 8. 

Capiamo i risultati

Il test ha validato il design finale, a dimostrazione il tasso di successo del task e il tasso di misclick pari a 0. Gli utenti hanno dimostrato di comprendere chiaramente le funzionalità del prototipo e di interagire con esso in modo naturale e intuitivo. Inoltre 3 utenti hanno fatto apprezzamenti sulle animazioni e sull'usabilità del prodotto durante lo user test, dichiarando che sarebbe un'esperienza d'uso molto piacevole nella routine lavorativa quotidiana.

Task 02

Partendo dalla ricezione di una notifica urgente, chiama un paziente per assicurarti che stia bene senza uscire dall'applicazione.

Risultati

  • Tasso di successo 100%: 5 users su 5 hanno completato con successo il task

  • Tasso di fallimento 0%: 0 users su 5 ha fallito il task, non completando l'azione. 

  • Tasso di Misclick: 2 users hanno interagito con elementi inattivi

  • Tempo medio di completamento: Il tempo medio impiegato per il completamento del task è di 1 minuto e 2 secondi.

  • Numero di clic: Il numero medio di clic per il completamento dell'azione è di 6 clic, per chiamare correttamente il paziente il numero di clic minimo è di 4 clic.

Capiamo i risultati

Tutti gli utenti sono riusciti ad effettuare la chiamata finale al paziente seguendo il flusso del prototipo prestabilito. Anche se il tasso di successo è al 100%, però, 4 dei 5 utenti sono rimasti un po' confusi dalla funzionalità, in particolare il lampeggiamento della notifica urgente. Capivano effettivamente il contesto, ma si sono sentiti vincolati nell'interazione. In sintesi, funzionalità efficace ma che necessita di una revisione a livello di interazione e alcuni componenti di UI.

Task 03

Applica il filtro per visualizzare solo i pazienti critici, poi consulta la scheda paziente di Marco Mandragola, successivamente scarica il report settimanale dell'andamento dei valori del glucosio del paziente.

Risultati

  • Tasso di successo 60%: 3 user su 5 hanno completato con successo il task

  • Tasso di fallimento 40%: 2 user su 5 hanno fallito il task, non completando l'azione. 

  • Tasso di Misclick: 4 candidati hanno interagito con elementi non interattivi.

  • Tempo medio di completamento: Il tempo medio impiegato per il completamento del task è di 48 secondi.

  • Numero di clic: Il numero medio di clic per il completamento dell'azione è di 7 clic, il numero minimo di clic è di 4.

Capiamo i risultati

Per questo test di usabilità, ho notato che tutti gli utenti non si aspettavano di trovare i trend periodici dei valori sotto alla scheda paziente. 2 degli utenti mi hanno spiegato che l'azione di consultare la cartella clinica è meno frequente rispetto a quella di vedere i trend settimanali, quindi si aspettavano di trovare subito i trend dei parametri e successivamente nello scrolling la scheda paziente. 2 di loro hanno apprezzato l'interazione per cambiare il dispositivo medico e vedere i trendi dei parametri ad esso correlati.

I prossimi passi

Revisione del design sulla base degli User Test

Il risultato finale dei test di usabilità dei prototipi può ritenersi soddisfancete sulla base dei KPI ottenuti, rimangono spunti di miglioramenti dettati dalle reazioni degli utenti nel momento in cui effettuano il test e alcuni commenti ruguardo al design del prodotto.

Moduli amministrativi semplificati

Integrare un sistema di firma digitale per la compilazione dei moduli amministrativi da parte del medico direttamente dall'applicazione.

Applicazione web

Estendi il sistema Doc Vitals al web per accedere a più informazioni sui pazienti e ai dati attraverso l'analisi di specifici dashboard medici.

Abbinamento di nuovi dispositivi

Abilitare l'aggiunta di nuovi dispositivi medici all'applicazione per ottenere un quadro più completo della salute del paziente, inclusi termometri certificati e smartwatch.

Test di usabilità su larga scala

Condurre test di usabilità non moderati su diversi gruppi di utenti per ottenere una comprensione più completa delle esigenze dei medici in tutta Italia.

bottom of page