Partiamo dai numeri, perché sono quelli che contano davvero quando presenti un redesign a un team o a un cliente.
| Metrica | AS IS (Vecchio) | TO BE (Nuovo) | Variazione |
|---|---|---|---|
| Time on Task (Forfettari) | ~30 min | ~5 min | -83% 🚀 |
| Carico cognitivo | Altissimo | Basso | ✅ Ottimizzato |
| Architettura informativa | Frammentata | Side-by-side | ✅ WYSIWYG |
| Curva di apprendimento | Lunga (serve tutorial) | Immediata | ✅ Intuitiva |
E oltre al tempo di compilazione, l'impatto si è visto anche a monte e a valle del prodotto:
Guardando gli screenshot del vecchio flusso, saltano all'occhio diverse violazioni di regole base della UX.
Lo spazio bianco non era intenzionale: gli elementi erano letteralmente lanciati sullo schermo senza una griglia coerente. Il box "Cliente" fluttuava nel vuoto, il riepilogo finanziario era un blocchetto di testo buttato in basso a destra. Risultato: l'occhio doveva fare uno zig-zag irregolare per trovare le informazioni, distruggendo il focus.
Un muro di testo rosso con errori ("Scegli o crea un cliente", "Aggiungi almeno un bene...") appariva prima ancora che l'utente avesse iniziato a compilare qualcosa. L'effetto è ansia e frustrazione immediata: il sistema sgridava l'utente per cose che non aveva ancora avuto il tempo di fare.
Uso estremo di popup per modificare qualsiasi cosa, con perdita di contesto a ogni apertura. In più, un utente in regime forfettario si trovava davanti campi inutili per lui (come le ritenute), con il rischio concreto di compilarli per errore. Il risultato erano i famosi 30 minuti per una fattura: non per la complessità del task, ma per il tempo speso a capire cosa ignorare e cosa no, saltando dentro e fuori dai popup.
Il PDF in output era un tabellare in stile anni '90: bordi neri pesanti, nessuna gerarchia tipografica (i dati del cliente e i dati fiscali avevano lo stesso peso visivo). Il risultato trasmetteva un'immagine poco professionale, fredda e antiquata — non proprio quello che vuoi mandare al cliente finale del tuo utente.
Il motivo per cui il tempo di compilazione è crollato da 30 a 5 minuti non è "grafica più bella": è psicologia cognitiva applicata.
Colonna sinistra per l'input, colonna destra con la preview in tempo reale: abbatte l'incertezza. L'utente non deve più immaginare come verrà il PDF, lo vede comporsi sotto i suoi occhi mentre compila.
Nascondere i dati complessi e inutili (ritenute, esigibilità IVA, sconti finanziari) agli utenti in regime forfettario riduce la legge di Hick: più opzioni hai davanti, più tempo ci metti a decidere. L'interfaccia si adatta all'utente, non il contrario.
Gli errori sparati in alto prima ancora di iniziare sono stati sostituiti da validazioni inline. Il tasto "Salva" si attiva solo al momento giusto, e l'interfaccia guida l'utente invece di rimproverarlo.
Aver eliminato i popup per l'inserimento dati (sostituiti con espansioni, accordion e input diretti) mantiene l'utente nel suo flow state: non perde mai di vista il documento intero.
Flusso vecchio (frustrazione): entra → muro di errori rossi → apre popup → perde contesto → salva popup → cerca il campo successivo nel vuoto → fine: 30 minuti.
Flusso nuovo (flow state): entra → vede la preview vuota → compila a sinistra → vede la preview riempirsi a destra → fine: 5 minuti.
Il design non riguarda mai solo "come appare": riguarda come si comporta, e quanto rispetta il tempo e l'attenzione di chi lo usa ogni giorno per lavoro.
Da 30 a 5 minuti per fare una fattura: il redesign del flusso di fatturazione di FidoCommercialista in un anno, con dati alla mano.
Da 30 a 5 minuti per fare una fattura. Come ho ridisegnato il flusso di fatturazione di FidoCommercialista partendo dagli errori del vecchio design, con dati alla mano.
