Cos'è un design system
Un design system è l'insieme di regole e componenti con cui si costruisce un prodotto digitale: colori, tipografia, spaziature, pulsanti, moduli, tabelle, messaggi di errore. Ogni elemento è progettato una volta, documentato e riutilizzato ovunque, sia da chi disegna sia da chi sviluppa.
Quando serve
- Il prodotto è cresciuto e ogni schermata sembra fatta da una persona diversa.
- Il team di sviluppo ridisegna ogni volta gli stessi elementi.
- Hai più prodotti, sito, app e piattaforma, che devono sembrare dello stesso brand.
- Stai per avviare un redesign e vuoi che duri nel tempo.
- Devi rendere l'interfaccia accessibile in modo coerente, non pagina per pagina.
Cosa progetto
UI design
Schermate e interfacce per siti, app e software: gerarchia chiara, testi leggibili, azioni principali evidenti, su smartphone e computer.
Fondamenta
Palette, tipografia, griglie, spaziature e icone, con regole d'uso scritte e valori condivisi con lo sviluppo.
Componenti
Pulsanti, campi, menu, schede, tabelle, notifiche: ognuno con i suoi stati (normale, attivo, disabilitato, errore) e le varianti che servono davvero.
Accessibilità
Contrasti, dimensioni dei testi, focus da tastiera e messaggi chiari previsti nei componenti, così ogni nuova schermata parte già accessibile.
Documentazione e passaggio allo sviluppo
Una libreria condivisa con esempi d'uso, e un lavoro fianco a fianco con chi sviluppa perché i componenti nel codice corrispondano a quelli progettati.
Componenti che fanno crescere il prodotto
Per Blueat ho progettato un sito con un'architettura modulare: componenti flessibili, aggiornabili senza rimettere mano alla struttura. È così che il progetto è passato da vetrina istituzionale a e-commerce senza stravolgere l'identità. Per Sky Voice l'esperienza resta la stessa su ogni schermo, adattata a come si usa il telefono e il computer. Per Renoon ho curato il product design dell'app.
Se il design system serve a un software o a un gestionale, parti dalla pagina sulla UX/UI di software e gestionali.
