Dati concreti (KPI, euristiche violate, superpoteri del redesign) di come il redesign del flusso di fatturazione di FidoCommercialista ha abbattuto tempi e attrito per l'utente.
richieste assistenza dall’inizio della collaborazione e del redesign grazie al copywriting mirato ed esplicativo
tempo sviluppo componenti (grazie alla base di frontend creata con AI)
tempo hand-off (grazie a design system ben strutturato)
insoddisfazioni e resistenza al cambiamento da parte degli utenti e dei consulenti interni grazie al cambiamento graduale
*valutazione media dei dev
Partiamo dai numeri, perché sono quelli che contano davvero quando presenti un redesign a un team o a un cliente.
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 pesanti, nessuna gerarchia tipografica, nessuno studio sull'accessibilità. Il risultato trasmetteva un'immagine poco professionale, fredda e antiquata.
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.
Il vibe-coding spiegato bene: cosa significa davvero, dove funziona e dove rompe tutto.
