Designers Italia
Il Design System della Pubblica Amministrazione Italiana

Designers Italia - Il Design System della Pubblica Amministrazione Italiana



Designers Italia

designers.italia.it è il punto di riferimento per il design della pubblica amministrazione - linee guida, strumenti e un forum per favorire la collaborazione e promuovere il ruolo dello human centered design nello sviluppo dei servizi pubblici.

Intro

Il progetto Designers Italia ha anche l’obiettivo di fornire una serie di strumenti operativi che possano aiutare le pubbliche amministrazioni ad applicare le Linee Guida di Design dei servizi pubblici digitali. L’idea di fondo è fonire dei kit, in alcuni casi del software, che facciano risparmiare tempo e denaro alle PA e che costuiscano una solida base di partenza per lo sviluppo di app (web e mobile) e siti internet. Alcune di questi progetti sono già attivi o sono in via di attivazione, altri sono ancora in fase “esplorativa”. Per restare aggiornati sull’evoluzione dei progetti consigliamo di seguire la roadmap sull’Interface Design e di iscriversi alla newsletter di Designers Italia

designers.italia.it

Il sito designers.italia.it è lo strumento a supporto della comunità italiana dei Designers. Il sito costituisce un importante complemento alle linee guida di design. In esso verranno progressivamente pubblicati blog-post, altri kit non basati sul software, dettagli sui progetti specifici, etc. Il sito è basato su Jekyll ed è basato su questo repository, ovviamente pubblico.

Progetti attivi

Lo UI Kit

La community dei designers svilupperà un UI Kit basato su Sketch e costruito in maniera aperta e collaborativa su GitHub. La è utile anche per mappare i componenti che a tendere confluiranno nei vari kit che seguono.

Repo https://github.com/italia/design-ui-kit

Roadmap su Google Spreadsheet

Il progetto su Behance

Italia Web Toolkit

Il toolkit rappresenta l’implementazione di riferimento delle linee guida di design della PA. Contiene fogli di stile CSS, componenti Javascript accessibili e snippet HTML riutilizzabili per lo sviluppo del frontend di siti web della Pubblica Amministrazione conformi alle linee guida di design.

Il toolkit comprende:

  • fogli di stile CSS
  • componenti interattivi (Javascript)
  • snippet e template HTML

Il repository è https://github.com/italia/design-web-toolkit

Per chi vuole utilizzare il toolkit o contribuire allo sviluppo è disponibile la documentazione

Qui la descrizione completa delle tecnologie utilizate

Bootstrap Italia Toolkit

Il progetto ha come obiettivo quello di portare tutti i componenti e gli elementi di interfaccia presenti nell’Italia Web Toolkit in un kit che abbia Bootstrap 4 come base, al fine di renderlo ancora più semplice da usare. Lo scopo principale è mettere a disposizione della comunità di sviluppatori, coerentemente con le Linee Guida di Design, la sintassi, i tool, il parco di plugin e le convenzioni tipiche di uno stumento da molti già conosciuto ed utilizzato, quale appunto Bootstrap.

Repo https://github.com/italia/bootstrap-italia

Design React Toolkit

Il progetto ha come obiettivo quello di costruire un set di componenti ed un layer di presentazione comune basato su React e coerente con le Linee Guida di Design. Il focus del progetto saranno, almeno in una fase iniziale, le web app e/o le applicazione mobile ibride basate su React Native. I pattern di interazione da sviluppare/portare in questo primo tempo saranno appunto quelli tipici di questi casi d’uso.

Repo https://github.com/italia/design-react-kit

Design Angular Toolkit

Affiancando il kit per React, mettiamo a disposizione un toolkit per lo sviluppo di web app basato su Angular.

Repo https://github.com/italia/design-angular-kit

I progetti futuri

Alcuni altri progetti sono in valutazione. Molti di questi vedranno sicuramente la luce nel 2018, ma al momento non abbiamo ancora una roadmap precisa nè sono state allocate risorse o individuati i potenziali maintainers. Per questo ogni contributo è benvenuto, sia anche semplicemente un suggerimento sulla impostazione iniziale o sul set di strumenti che andrebbero integrato. Di seguito la lista dei repositories che nel frattempo abbiamo già creato.

Progetti in fase di valutazione

Template base per CMS

Alcuni dei progetti che seguono hanno come obiettivo quello di sviluppare un tema di partenza per i principali CMS. Per tema di partenza intendiamo un tema base o starter theme, una ossatura solida e basata su strumenti di build diffusi che consenta poi lo sviluppo di moduli e template dedicati a determinate situzione o content types. Ovviamente sarebbe importante che il tema avesse come dipendenza uno dei toolkit che già sono stati presentati, in modo da non bloccare o rischiare di restare disallineati rispetto alla evoluzione dei componenti di UI.

Tema Joomla secondo linee guida

Repo https://github.com/italia/design-joomla-theme

Tema Drupal secondo linee guida

Repo https://github.com/italia/design-drupal-theme

Tema Wordpress secondo linee guida

Repo https://github.com/italia/design-wordpress-theme

Tema Liferay secondo linee guida

https://github.com/italia/design-liferay-theme

Tema Jekyll secondo linee guida

https://github.com/italia/design-jekyll-theme

torna all'inizio dei contenuti