Feedback continuo
Ogni componente comunica se è pronto, in corso, disabilitato, selezionato o in errore prima che l’utente perda un’azione.
Lumia · Il Design System per le app Presago
Costruisci interfacce Presago riconoscibili, coerenti e pronte per Flow.
Principi
Ridurre il carico, aumentare il successo
Il design system Presago serve a rendere le interfacce più facili da usare senza chiedere attenzione in più. Le scelte visive e interattive devono guidare l’utente nel workflow, prevenire azioni a vuoto e rendere chiaro lo stato operativo di ogni elemento.
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
Esempi pratici per mantenere l’interfaccia silenziosa, leggibile e integrata nel workflow.
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.