Processo

Come lavoro, passo dopo passo.

Lavoro con metodo perché un’intuizione possa essere spiegata, verificata e migliorata senza perdere la sua parte umana.

Non seguo queste fasi come una ricetta rigida. Le uso per liberare attenzione: quando il lavoro ripetitivo ha una struttura, posso dedicare più tempo ad ascoltare, interpretare e prendere decisioni che cambiano davvero il prodotto.

Ogni fase lascia evidenze e una motivazione. Posso così discutere il lavoro con altre persone, riprenderlo mesi dopo e riconoscere onestamente che cosa sappiamo, che cosa supponiamo e che cosa resta da verificare.

Le sei fasi

Inquadramento

Definire il problema, il pubblico e il vincolo reale prima di disegnare qualsiasi cosa.

Decisioni umane: Problema, ambito, criteri di successo e ciò che resta escluso.
Supporto dell’IA: Raccolta del contesto e sintesi del materiale esistente.
Evidenze: Definizione scritta del problema e dei criteri di accettazione.

Ricerca

Confrontare le prime impressioni con il contesto e i bisogni delle persone.

Decisioni umane: Che cosa devo imparare, con chi confrontarlo e quale tecnica di ricerca UX può aiutarmi.
Supporto dell’IA: Preparazione delle tracce e organizzazione di materiale autorizzato, verificando le fonti. Non sostituisce le persone partecipanti.
Evidenze: Domande, metodo scelto e risultati collegati alle fonti. Distinguo osservazioni, interpretazioni e ipotesi ancora da verificare.

Sistema

Definire una base di tipografia, colore, spaziatura e componenti che resti gestibile durante la crescita.

Decisioni umane: Direzione artistica, gerarchia, scala tipografica e carattere del movimento.
Supporto dell’IA: Impostazione delle variabili, stati dei componenti e verifica del contrasto.
Evidenze: Una raccolta di token e componenti con tutti gli stati definiti.

Prototipo

Schermate costruite con istanze del sistema, navigabili dal primo giorno.

Decisioni umane: Composizione, flusso e ciò che va verificato prima di programmare.
Supporto dell’IA: Assemblaggio delle varianti, adattamento alle dimensioni dello schermo e documentazione degli stati.
Evidenze: Un prototipo navigabile e adattabile alle dimensioni dello schermo concordate.

Passaggio allo sviluppo

Mantenere una relazione riconoscibile tra i componenti Figma e la loro implementazione.

Decisioni umane: Che cosa è parte del contratto e che cosa è lasciato all’implementazione.
Supporto dell’IA: Lettura strutturata del design, generazione di componenti e test.
Evidenze: Componenti in codice che rispecchiano la gerarchia del sistema di design.

Verifica

Provare il risultato nel browser e valutare ciò che un test automatico non può giudicare.

Decisioni umane: La soglia di qualità accettabile e il debito da dichiarare.
Supporto dell’IA: Test, audit di accessibilità e misurazione delle prestazioni.
Evidenze: Test superati, contrasto verificato e confronto tra design e browser.

Il ruolo dell’IA

Rendere esplicito il confine tra giudizio ed esecuzione.

Che cosa decide la persona

Definisco il problema, le priorità e i criteri di qualità. L’IA può proporre alternative, ma spetta a me valutarne il senso per l’utente e assumermi la responsabilità della decisione.

Che cosa esegue l’IA

La uso per esplorare varianti, preparare componenti, rivedere codice e proporre test. Le do contesto e limiti precisi, poi confronto il risultato con il design e con il comportamento previsto.

Come mantengo il controllo

Scrivo che cosa può fare ogni strumento, che cosa richiede la mia approvazione e come verificherò il risultato. Quando una decisione è importante, cerco una revisione indipendente e conservo il motivo della modifica.

Principi

Il sistema prima della schermata

Mi interessa rendere ripetibile una buona decisione. Per questo collego le schermate a componenti, stati e regole comuni e rivedo il sistema quando emerge una nuova esigenza.

Evidenze prima delle affermazioni

Cerco di mostrare come sono arrivato al risultato: il prototipo, i componenti e le verifiche disponibili. Spiego anche quali parti sono in sviluppo o non ancora validate.

L’estetica è funzione

Curo tipografia, spazi e movimento perché influenzano la comprensione di un’interfaccia. Se un effetto distrae o una composizione rende difficile leggere, rivedo la scelta anche se visivamente mi piace.

Eliminare ciò che non aiuta

Adatto il metodo al problema. Documento ciò che facilita il lavoro e l’apprendimento, senza aggiungere passaggi di cui il gruppo non ha bisogno.

Vederlo applicato

In ogni caso spiego che cosa ho potuto applicare, quali decisioni ho preso e che cosa resta da verificare.

Esplora i casi studio