«Design system» suona come una cosa da Google. In realtà è la risposta a una domanda molto banale: quanto tempo perde la tua azienda ogni volta che deve produrre qualcosa di nuovo? Una locandina, una slide, una scheda prodotto, una pagina del sito. Se la risposta è «troppo», il design system è il tuo problema, anche se hai dodici dipendenti.

Cos’è, senza gergo

È un insieme di pezzi già decisi e già pronti: colori con un nome, dimensioni del testo, spaziature, bottoni, campi form, schede prodotto, intestazioni. Più le regole su quando usare cosa. Non è una raccolta di file: è un accordo che smette di far ridiscutere ogni volta le stesse decisioni.

La differenza con un semplice manuale di brand: il manuale dice come deve apparire il logo, il design system dà i mattoni funzionanti da montare.

I sintomi di chi non ce l’ha

• Sul sito ci sono sei sfumature di blu e nessuno sa quale sia quella giusta.
• Ogni nuova pagina richiede tre giri di revisione su cose già decise l’anno scorso.
• Il sito, il catalogo e i social sembrano di tre aziende diverse.
• Quando arriva un collaboratore nuovo, servono due settimane perché produca qualcosa di pubblicabile.
• Ogni volta che chiedi una modifica al sito, il preventivo sembra alto rispetto alla banalità della richiesta. Non è il fornitore che ti frega: è che ogni pezzo è unico e va toccato a mano.

Il costo che non vedi

Non appare in nessuna voce di bilancio, ed è fatto di tre pezzi.

Tempo: ore di persone qualificate spese a ridecidere margini e colori. Incoerenza: ogni materiale fuori standard erode un po’ la riconoscibilità che stai pagando per costruire. Debito: più il sito cresce senza sistema, più costa ogni intervento successivo: fino al punto in cui rifare è più economico che sistemare.

La versione minima, per chi non è Google

Non serve un progetto da sei mesi. Per una PMI la versione utile sta in poche cose:

• Una palette di 5-6 colori, ciascuno con un nome e un uso preciso, e verificata sui contrasti, così sei anche più vicino alla conformità di cui parliamo nella guida alle WCAG.
• Una scala tipografica: quattro o cinque dimensioni, non diciassette.
• Una griglia di spaziature con pochi valori ricorrenti.
• Dieci o quindici componenti: bottoni nei loro stati, campi form, schede, avvisi, intestazione, footer.
• Una pagina di regole in italiano che chiunque possa leggere in dieci minuti.

Quando NON farlo

Se hai un sito di cinque pagine che non tocchi da tre anni e non prevedi di toccare, lascia perdere. Il design system serve quando c’è volume: molte pagine, molti materiali, più persone che producono, o un e-commerce che cresce.

Il vantaggio inatteso

Quando i mattoni sono definiti, le discussioni cambiano argomento. Si smette di parlare di «quel bottone mi sembra piccolo» e si comincia a parlare di cosa dire ai clienti. È il motivo per cui, dopo, tutti si chiedono perché non l’hanno fatto prima.

Vuoi capire se ha senso per voi? Parliamone.