➡️Il design system del Paese

La video lezione illustra il design system del Paese, l’insieme di risorse per la realizzazione di interfacce ed esperienze utente per siti e servizi digitali della PA.

Introduzione

Progettare servizi digitali non significa solo disegnare l'architettura delle informazioni e sviluppare interfacce digitali, ma anche garantire l'uguaglianza di accesso a tutti gli utenti, indipendentemente dalle loro capacità, caratteristiche, conoscenze, o condizioni di disabilità, temporanee o meno. Tutti i cittadini devono poter avere un’esperienza d’uso piena e soddisfacente, potendone usufruire in modo semplice e chiaro, senza discriminazione e senza lasciare indietro nessuno.

Il design system del Paese nasce proprio per aiutare la Pubblica Amministrazione a soddisfare tutti i requisiti richiesti dai servizi pubblici digitali, in primis il rispetto delle Linee guida di design e quelle di accessibilità; consente quindi la progettazione e lo sviluppo di interfacce ed esperienze d’uso coerenti, usabili e inclusive, su una pluralità di dispositivi. In una parola, aiuta a realizzare progetti di qualità.

Il design system del Paese: una panoramica

Il design system del Paese è l’insieme di strumenti per la realizzazione di interfacce ed esperienze utente, per siti e servizi digitali della PA, dedicato al mondo delle amministrazioni pubbliche e dei loro progettisti e sviluppatori, interni o esterni.

Consente la creazione e la condivisione di indicazioni e risorse pratiche: è infatti aperto, a disposizione di tutti, e permette di realizzare progetti che risultano inoltre più economici, grazie al riuso e alla condivisione di buone pratiche.

Possiamo pensare al design system del Paese come ad un insieme di scatole di costruzioni pronte da assemblare, per realizzare, con facilità e risparmio, interfacce ed esperienze digitali di qualità.

Ogni pezzo è:

• accessibile by design, ovvero progettato curandone l’accessibilità per consentire la fruizione del servizio a tutte le persone, senza discriminazioni;

• pronto al riuso, consente di utilizzare elementi già sviluppati e correttamente funzionanti, abilita quindi per definizione (by default) una migliore qualità del sito o servizio;

• aperto e collaborativo, sviluppato con licenze aperte in collaborazione con la community di amministrazioni e fornitori che ruota intorno al progetto Designers Italia, per un approccio di miglioramento continuo (open source e open design).

Le risorse disponibili

Le principali scatole di mattoncini presenti nel design system del Paese sono:

• il Kit di progettazione dell’interfaccia (UI Kit), punto di riferimento dei componenti per gli aspetti visivi e di resa dell’esperienza utente;

• il Kit di sviluppo dell’interfaccia (Bootstrap Italia), la libreria di componenti usata su migliaia di esperienze della Pubblica Amministrazione italiana;

• i modelli standard per siti e servizi di scuole e Comuni, scatole premontate complete, già testate con utenti, contenenti le istruzioni per adattarle al proprio contesto.

Il Kit di progettazione dell’interfaccia - UI Kit

Il Kit di progettazione dell’interfaccia serve per progettare e testare interfacce ed esperienze utente.

Consente di visualizzare le pagine che compongono il sito o il servizio e i flussi del loro utilizzo, in alta qualità, assemblando i componenti sullo schermo come fosse un puzzle, con soluzioni che si adattano alle diverse dimensioni dei dispositivi.

Permette di costruire prototipi di siti e servizi, o parti di questi, che è possibile rendere interattivi, personalizzare, testare e aggiornare.

Si integra facilmente con i processi di sviluppo, e contiene indicazioni per l’accessibilità nella documentazione dei singoli componenti.

Il Kit di sviluppo dell’interfaccia - Bootstrap Italia

Complementare al Kit di progettazione, il Kit di sviluppo contiene soluzioni per sviluppare e validare interfacce ed esperienze utente accessibili. Contiene cioè tutti i componenti già sviluppati e testati per montare le interfacce reali, per passare cioè dai prototipi al prodotto reale.

Le soluzioni offerte sono open source e validate per l’accessibilità e l’usabilità. Il Kit è corredato da documentazione utile ad accompagnare le attività di sviluppo software, in cui sono particolarmente curati gli aspetti di attenzione legati all’accessibilità.

I modelli standard

La progettazione di esperienze digitali semplici ed efficaci richiede tempo, risorse e molta ricerca. I modelli di siti e servizi digitali per scuole e Comuni, promossi dal progetto Designers Italia, permettono di rispondere ai bisogni dei cittadini in modo rapido e a minor costo, sfruttando flussi e funzionalità validate dalla ricerca.

Tornando alla metafora delle costruzioni, questi modelli sono scatole premontate complete, già testate con gli utenti e con le istruzioni per adattarle al proprio contesto. I modelli comprendono l’architettura dell’informazione, template per le pagine principali, temi per l’intero sito; tutte risorse realizzate con accessibilità come priorità, e sono corredati da una serie di guide pratiche a supporto per un corretto sviluppo.

Dove si trova

Il sito Designers Italia è - diciamo così - la "casa" del design system del Paese, è un ambiente in continua evoluzione, che contiene istruzioni su come iniziare, fondamenti, componenti, esempi di flusso e di progetti realizzati con il design system del Paese, a disposizione di PA e fornitori.

Fondamenti

I fondamenti sono schede che comprendono le indicazioni necessarie per realizzare con qualità esperienze per tutte le persone, in modo inclusivo e accessibile: linguaggio, tono di voce, accessibilità; ma anche istruzioni operative su griglie di impaginazione, dimensioni degli elementi, immagini e illustrazioni, per elevare l’esperienza e per produrre contenuti comprensibili per tutti.

Componenti

I componenti sono gli elementi per realizzare l’interfaccia, i pezzi del puzzle; il sito documenta una libreria completa di elementi pronti per essere utilizzati, sia lato design usando il Kit di progettazione dell’interfaccia, che lato sviluppo con il Kit di sviluppo dell’interfaccia.

Conclusioni

Il design system del Paese abilita la progettazione di siti e servizi digitali pubblici di qualità, con esperienze d’uso più armoniose e coerenti, accessibili, inclusive e fondate sulle reali necessità delle persone. L’uso delle risorse del design system permette di semplificare la realizzazione di siti e servizi, a partire da soluzioni già validate (by default) che possono essere curate nel corso di un progetto (by design). L’uso del design system del Paese consente inoltre di rispettare i requisiti previsti dalle Linee guida di design per i siti internet e i servizi digitali della PA, emesse secondo quanto definito dall’articolo 53 del Codice dell’amministrazione digitale.

___

Anno di riferimento: 2023

Seguici su Open Gov https://open.gov.it/ e su twitter @opengovitaly