Feedback continuo
Ogni componente comunica se è pronto, in corso, disabilitato, selezionato o in errore prima che l’utente perda un’azione.
Forma coerente con la funzione
Gli elementi seguono associazioni forma/funzione già familiari, rendendole più ordinate e prevedibili.
Poche varianti, molte combinazioni
Il sistema limita token e varianti formalizzate. Le eccezioni locali possono esistere, ma non diventano fondazione.
Basso rumore visivo
Contrasto, enfasi e movimento hanno uno scopo operativo: orientare, confermare o prevenire errori.
Transizioni morbide
I cambi di stato avvengono con animazioni uniformi e ben percepibili: l'utente vede il sistema rispondere, senza scatti né flash.
Do & don’t
Do
- Usa guardrails sulle azioni in corso: blocca l'interazione con loading spinner o tooltip informativi.
- Usa pattern semplici e riconoscibili: button per azioni, link per navigazione, input sempre con label.
- Anima ogni cambio di stato con transizioni rapide e coerenti.
Don’t
- Non lasciare interazioni a vuoto: disattiva i link/button che portano alla pagina/funzione attualmente attiva.
- Non formalizzare eccezioni locali come nuovi token o varianti globali.
- Non usare effetti decorativi senza funzione.