User Experience sito web: analisi UX/UI e redesign del sistema di prenotazione medica iDoctors

Chi è iDoctors

User experience sito web: un elemento decisivo per piattaforme complesse come iDoctors.
iDoctors è uno dei primi portali italiani dedicati alla prenotazione online di visite mediche ed esami diagnostici. Attivo dal 2008, il servizio permette agli utenti di trovare e prenotare specialisti in modo semplice e immediato su tutto il territorio nazionale.

Logo iDoctors

La varietà del pubblico e la natura del servizio rendono la user experience del sito web un elemento essenziale, motivo per cui si è reso necessario analizzare e riprogettare alcune parti chiave della piattaforma.

Migliorare la User Experience di iDoctors

In questo progetto ho analizzato e riprogettato la user experience del sito web di iDoctors, uno dei portali italiani più diffusi per la prenotazione online di visite mediche ed esami diagnostici.

Il case study, realizzato in ambito accademico, attraversa tutte le fasi fondamentali della metodologia UX/UI: ricerca, analisi, architettura dell’informazione, valutazione euristica, definizione dei flussi, wireframing e proposta visuale.
L’obiettivo principale era comprendere come semplificare un sistema complesso, migliorare i percorsi di prenotazione e rendere l’intera esperienza più coerente e accessibile.

Restyling del sito: il perché

Pain Point del sito

Dalle prime analisi è emerso come il portale avesse bisogno di essere rivisto sotto diversi punti di vista.
Alcune sezioni risultavano ridondanti, altre poco visibili o scarsamente gerarchizzate, mentre la UI mostrava frammentazioni stilistiche che indebolivano la percezione di affidabilità.

In particolare, era necessario intervenire su tre aspetti chiave:

  • una struttura informativa dispersiva, con contenuti ripetuti o difficili da raggiungere;
  • una UI non uniforme, con palette, icone e componenti non allineati a un linguaggio visivo unico;
  • un’esperienza non sempre intuitiva, soprattutto nei passaggi più delicati della prenotazione o nella gestione degli errori.

Il redesign mirava quindi a rendere la user experience del sito web più chiara, lineare e orientata ai bisogni reali degli utenti.

vecchia homepage di idoctors (anno 2021)

Studi preliminari di UX

Prima di procedere alla riprogettazione ho condotto un percorso di ricerca completo, essenziale per fondare ogni decisione su evidenze e non su intuizioni.

Ho iniziato con un’analisi euristica basata sulle 10 euristiche di Nielsen, che ha evidenziato problemi di coerenza, visibilità dello stato del sistema, chiarezza dei messaggi e gestione degli errori. A questo ho affiancato una lettura approfondita delle recensioni degli utenti su Trustpilot, Facebook e sull’App, ricavando insight preziosi: molti utenti, ad esempio, prenotano per conto di familiari meno pratici, e questo richiede un’interfaccia più semplice e inclusiva.

La ricerca si è poi ampliata con un’analisi dei competitor italiani ed europei per osservare come il mercato sta evolvendo verso videoconsulti, telemedicina e percorsi più immediati. Infine, ho mappato l’intera architettura informativa del sito per identificare flussi, relazioni e possibili miglioramenti.

Questa fase ha permesso di costruire una base solida per procedere alla parte progettuale dello studio UX UI.

Le sfide affrontate nella ricerca UX

Durante la ricerca sono emerse diverse complessità che hanno orientato il redesign. La prima riguarda la presenza di un doppio target: utenti che cercano medici e professionisti che offrono servizi. Le loro necessità differiscono in modo significativo e questo influisce sulla progettazione dei percorsi.

Un’altra sfida è stata la ridondanza informativa: molte informazioni fondamentali erano ripetute o disposte senza una logica univoca, creando confusione.
Si è poi evidenziata una forte esigenza di accessibilità, perché una parte degli utenti ha difficoltà con strumenti digitali o dipende da caregiver più giovani.

personas studio per restyling sito web idoctors by valentina fiscarelli

A queste si aggiungono due elementi particolarmente critici:

  • la gestione poco chiara della geolocalizzazione, che confondeva i flussi di ricerca;
  • messaggi di errore e i feedback, spesso generici o poco esplicativi.

Rendere questi aspetti più chiari e “guidati” è stato un passaggio fondamentale del redesign.

Wireframe media fedeltà della Homepage, restyling iDoctors
Wireframe studio media fedeltà della nuova Homeage di iDoctors.
Wireframe media fedeltà della pagina Doottore restyling iDoctors by Valentina Fiscarelli
Wireframe studio media fedeltà della nuova Pagina Dottore di iDoctros.
Wireframe alta fedeltà della pagina di ricerca, restyling di iDoctros by Valentina Fiscarelli
Wireframe studio alta fedeltà della nuova Pagina Ricerca del sito iDoctors.

Ricerca UI: palette, nuovi componenti e icone

Parallelamente allo studio UX, ho iniziato ad analizzare il linguaggio visivo più adatto al progetto.
La palette è stata rivista introducendo un contrasto maggiore per aumentare la leggibilità e garantire l’accessibilità anche agli utenti con forme di daltonismo.

I componenti sono stati armonizzati in un design system coerente, riducendo gli stili misti e semplificando l’aspetto complessivo.
Ho lavorato su:

  • pulsanti e input più leggibili e coerenti;
  • un sistema di card più moderno e lineare;
  • icone uniformate, chiare e stilisticamente coordinate al tono del brand.

Anche la tipografia è stata riorganizzata con livelli gerarchici più netti, utili a guidare l’utente all’interno di contenuti spesso densi e informativi.

palette idoctors per studio User Experience sito web by valentina fiscarelli
Wireframe Hi-fi, desktop e mobile, realizzate per il Restyling iDoctors di valentina fiscarelli
Wireframe Alta fedeltà di alcune delle pagine prese in considerazione, per lo studio della User Experience del sito web di iDoctors

I punti focali della ricerca condotta

Insight chiave

I risultati della fase di analisi hanno portato a focalizzarsi su alcuni elementi fondamentali del redesign.
La barra di ricerca è diventata il punto cardine della navigazione, perché rappresenta il principale strumento con cui l’utente raggiunge rapidamente lo specialista, la città o la patologia di interesse.

mockup con pagine mobile mid-fi di idoctors, restyling by valentina fiscarelli
Versione mobile del flow di prenotazione (wireframe mid-fi)
Homepage del restyling UX/UI del sito iDoctors.
*sei iDoctors? Ti è piaciuto il progetto e vuoi fare una chiacchierata con me? Contattami!

La gerarchia visiva è stata ridisegnata per eliminare ridondanze, mettere in evidenza ciò che serve davvero e rendere più leggibili i percorsi.

Una particolare attenzione è stata posta alla chiarezza dei messaggi: feedback, conferme, avvisi e errori dovevano accompagnare l’utente, non disorientarlo.
Infine, la coerenza grafica e narrativa è stata trattata come un requisito imprescindibile: un portale sanitario deve trasmettere fiducia anche attraverso l’interfaccia.

Tool utilizzati

Logo Figma

Figma

Logo Adobe Photoshop

Photoshop

Logo Adobe Illustrator

Illustrator

Logo di Adobe Indesign

InDesign

Anche tu hai bisogno di un restyling UX?

Ogni progetto nasce da una buona conversazione.
Se hai bisogno di supporto su esperienza utente, identità visiva e siti web professionali, sono qui per aiutarti a dare forma alle tue idee.

Contattami e raccontami cosa hai in mente.

Un laptop e uno smartphone mostrano un progettato realizzato da Valentina Fiscarelli