Prenotazioni sanitarie
Medica+
Prenotare una visita in tre passaggi, anche senza essere pratici di app.
Demo parziale del prodotto: dati di esempio, restano nel tuo browser.
- Ruolo
- Progettazione dell'esperienza e sviluppo
- Anno
- 2025
- Per chi
- Poliambulatorio privato con sei specialità
- Tecnologie
- ReactNode.jsTwilio
Il punto di partenza
Chi prenota una visita spesso ha più di settant'anni, tiene il telefono in mano e ha poca pazienza per i moduli. Chi lavora in segreteria, dall'altra parte, risponde al telefono mentre accetta i pazienti allo sportello.
Le due esigenze si assomigliano più di quanto sembri: vedere in fretta cosa è libero e non sbagliare.
Scelta dell'orario
Una decisione per schermata e nient'altro intorno. Sotto ogni giorno c'è quanti orari restano, così si capisce dove guardare prima di toccare.
Conferma
La schermata che il paziente riguarderà il giorno prima: appuntamento, indirizzo, come arrivarci e il promemoria già attivo, con la disdetta in chiaro invece che nascosta.
Agenda del medico
L'altra faccia dello stesso prodotto. Qui serve densità: una settimana intera, le visite da confermare riconoscibili dal bordo tratteggiato e la riga rossa dell'ora corrente.
Demo funzionante
Prenota, sposta, disdici. Poi passa in segreteria e guarda la stessa agenda dall’altra parte.
- Scegli una visita e un orario libero: le agende dei medici sono piene come in un ambulatorio vero. Scarica il promemoria per il calendario.
- In «Segreteria» trascina una visita su un altro orario: il paziente riceve subito l’SMS con la nuova data (simulato, lo leggi in Comunicazioni).
- Sportello del giorno con arrivi e assenze, ricerca per paziente, inserimento in uno spazio libero.
Versione limitata: i dati sono di esempio e restano nel tuo browser.
Scelte progettuali
Testo grande come impostazione di partenza
Il corpo del testo parte da 18px e i pulsanti sono alti 48px. Non è una modalità accessibile da attivare: è l'unica versione dell'interfaccia.
Verde salvia al posto del solito blu clinico
Il blu ospedaliero porta con sé l'ansia della sala d'attesa. Una palette più calda rende il passaggio meno formale, mantenendo il contrasto richiesto dal WCAG.
Una decisione per schermata
Prima il giorno e l'ora, poi la conferma. Niente moduli lunghi: ogni passaggio chiede una cosa sola e mostra sempre cosa si è scelto prima.