"The Design System of the Italian Public Administration" read on Speaker Deck
Girandola decorativa

Il Design System della Pubblica Amministrazione Italiana

Menu di navigazione del network

CHE COSA SONO

I kit dedicati allo sviluppo di siti e applicazioni web sono un insieme di strumenti e codice sorgente già pronti e validati per la creazione di interfacce usabili, accessibili e consistenti, conformi alle Linee Guida di design per i servizi web della Pubblica Amministrazione.

COME SI UTILIZZANO

I Web development kit forniscono componenti open-source pronti per l’uso. L’utilizzo di ogni kit prevede competenze di base di sviluppo web ed è corredato da una documentazione tecnica completa e dettagliata per l’utilizzo e la personalizzazione dei componenti. Sono presenti all’interno dei kit anche pagine HTML di esempio che possono essere utilizzate come punto di partenza per lo sviluppo della propria applicazione web.

A COSA SERVONO

I Web development kit indicano e assicurano una realizzazione conforme alle Linee Guida di design per i servizi web delle Pubbliche Amministrazioni. Offrono supporto per utenti con disabilità, oltre a fornire degli ausilii per la rapida prototipazione di pagine web in modo da poter coinvolgere gli utenti fin dalle prime fasi di progettazione.

COSA CONTENGONO QUESTI KIT

All’interno dei kit trovi diversi strumenti per lo sviluppo di interfacce web, dedicate a diverse tipologie di sviluppatori ed esperienze d’uso: ognuni di questi si compone di codice HTML, CSS e Javascript progettati per una più semplice creazione di siti e applicazioni web e interfacce basata sui princìpi di composizione e del riuso di componenti condivisi.

  • Bootstrap Italia è il kit di riferimento, costruito sulla libreria Bootstrap 4 e basato sulle più recenti direttive presenti nello UI Kit.
  • Web Toolkit è la libreria “storica” tra i kit per lo sviluppo web. Esso è basato su una versione ormai obsoleta delle Linee Guida di design, per cui non ne è consigliata l’adozione per nuovi progetti.
  • React Kit e Angular Kit sono kit per l’utilizzo con le librerie React e AngularJS. Questio kit sono ancora in lavorazione e non comprendono tutti i componenti già presenti su Bootstrap Italia.

Materiali all'interno del kit


Storie

Scopri come può essere applicato questo kit

Kit

Trova altri Design Kit

torna all'inizio dei contenuti