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

Il Design System della Pubblica Amministrazione Italiana

Menu di navigazione del network

CHE COS’È

Il toolkit dedicato allo sviluppo di siti e applicazioni web è 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 UTILIZZA

Il Web Toolkit fornisce 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 SERVE

Il Web Toolkit indica e assicura una realizzazione conforme alle linee guida di design per i servizi web delle Pubbliche Amministrazioni. Offre 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 CONTIENE QUESTO KIT

All’interno dei Web Toolkit trovi diversi strumenti per lo sviluppo di interfacce web: 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.

  • Web Toolkit è la libreria “storica” tra i Web Toolkit, quella con il più alto numero di componenti già pronti all’uso.
  • Bootstrap Italia è il successore del Web Toolkit, attualmente in lavorazione e costruito sulla libreria Bootstrap 4 e basato sulle nuove direttive presenti nello UI Kit 2.0.
  • React Kit e Angular Kit, anch’essi in lavorazione, mettono a disposizione componenti costruiti rispettivamente sulle basi di React e AngularJS.

Materiali all'interno del kit


Linee guida

Storie

Scopri come può essere applicato questo kit

Kit

Trova altri Design Kit

torna all'inizio dei contenuti