-
Notifications
You must be signed in to change notification settings - Fork 35
/
20240308-ciao-italia-la-terza-generazione-del-design-system-ha-un-nome-ed-entra-in-fase-beta.yaml
201 lines (173 loc) · 10.9 KB
/
20240308-ciao-italia-la-terza-generazione-del-design-system-ha-un-nome-ed-entra-in-fase-beta.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
template:
name: level3 # article?
archive: notizie
seo:
name: "Ciao .italia: la terza generazione del design system ha un nome ed entra in fase beta"
description: "L'ecosistema di risorse per realizzare siti e servizi pubblici diventa ora un elemento imprescindibile per la Pubblica Amministrazione."
image: https://designers.italia.it/images/community/20240308-ciao-italia-la-terza-generazione-del-design-system-ha-un-nome-ed-entra-in-fase-beta-1400x723.png #I
canonical: null
pathname: /community/notizie/20240308-ciao-italia-la-terza-generazione-del-design-system-ha-un-nome-ed-entra-in-fase-beta/
kangaroo:
navposition:
id: kangEnd
items:
- title: Ti trovi in
icon:
icon: "sprites.svg#it-folder"
size: "sm"
align: "middle"
color: "secondary"
label: Notizie
url: "../"
components:
hero:
background: null
centered: true
title: "Ciao .italia: la terza generazione del design system ha un nome ed entra in fase beta"
subtitle: "L'ecosistema di risorse per realizzare siti e servizi pubblici diventa ora un elemento imprescindibile per la Pubblica Amministrazione"
tag:
label: Notizia
addonClasses: mt-3 text-uppercase
# pretext:
# icon:
# icon: sprites.svg#it-info-circle
# size: sm
# text: In breve
# text: |
# Lorem ipsum
kangaroo:
id: kangarooExample
titleSr: Metadati e link per approfondire
noPadding: true
tagsLabel: Parliamo di
color: secondary
icon:
icon: sprites.svg#it-horn
size: sm
color: secondary
tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia, UI kit]
personalInfo:
items:
- title: Tempo di lettura
icon:
icon: "sprites.svg#it-clock"
size: "sm"
align: "middle"
color: "secondary"
label: 4 minuti
- title: Data
icon:
icon: "sprites.svg#it-calendar"
size: "sm"
align: "middle"
color: "secondary"
label: 8 marzo 2024
imageIcons:
image: /images/community/20240308-ciao-italia-la-terza-generazione-del-design-system-ha-un-nome-ed-entra-in-fase-beta-1920x923.png
alt: ""
background: null
sectionsEditorial :
- menu: false
noSpace: false
centered: true
# title: Stiamo costruendo la nuova casa del progetto per supportare la trasformazione digitale della Pubblica Amministrazione
# text:
id: corpoNotizia
components:
- name: TextImageCta
text: |
Dopo un lavoro durato un anno, il design system del Paese esce dalla versione alpha e passa alla v1-beta, segnando un **momento cruciale** per la progettazione dei servizi pubblici digitali. E lo fa, per la prima volta, con il **nuovo nome .italia**, scelto insieme a 400 persone della community nei mesi scorsi, dimostrando che con piccole azioni è possibile far convergere il Paese in direzione di obiettivi rilevanti per la comunità.
Il **design system .italia** raccoglie indicazioni e risorse pratiche per realizzare siti e servizi pubblici di qualità, efficienti e accessibili, fornendo **soluzioni basate sui bisogni delle persone, già testate, pronte all’uso** e che **rispettano le linee guida previste dall’articolo 53 del Codice dell’amministrazione digitale.** Come diciamo spesso, “senza dover reinventare la ruota ogni volta”.
## Cosa include la beta
La versione beta **consolida le funzionalità e la struttura della documentazione ufficiale** e anticipa la versione stabile, permettendo così alla comunità di testarla e segnalare possibili migliorie.
**Tutta la documentazione è stata aggiornata alle ultime risorse dell’ecosistema:** UI Kit Italia 3.4 (ultima versione con nuovi componenti utili alla prototipazione), Bootstrap Italia 2.8.2 (ultima versione, con le versioni 2.8 e 2.7 che apportano notevoli migliorie di accessibilità e refactoring di diversi componenti) e Design Tokens Italia 1.2.
L’arrivo alla fase beta della documentazione **accompagna anche i rilasci di due importanti framework di sviluppo**, che avverranno nei prossimi giorni: grazie al lavoro portato avanti dalla community, **i nuovi kit React e Angular sono vicini**, rispettivamente, alle versioni stabili 5 e 1.
- name: TextImageCta
noSpace: false
text: |
## Com'è strutturato il design system .italia
La versione beta contiene i contenuti stabili e testati sul campo delle sezioni “Come iniziare”, “Come contribuire”, “Fondamenti” e di tutti i principali componenti per la progettazione e lo sviluppo.
La sezione **“[Come iniziare](/design-system/come-iniziare/)”** aiuta a capire **come utilizzare il design system in base al proprio ruolo:** progettazione, sviluppo o gestione e pianificazione del progetto.
Nella sezione **“[Come contribuire](/design-system/come-contribuire/)”** sono raccontate **le modalità per prendere parte all’evoluzione del design system.** Anche questo, come tutti gli strumenti di Designers Italia è uno strumento open source, aperto al contributo della comunità. In base al proprio ruolo, la sezione fornisce indicazioni e passi per contribuire alla documentazione, alle risorse di design e di sviluppo.
I **“[Fondamenti](/design-system/fondamenti/)”**, come suggerisce la parola stessa, contengono **le basi per progettare e curare un servizio pubblico**, senza dover partire da zero. La sezione ospita i valori alla base del design system (Princìpi e intenzioni), indicazioni sull’accessibilità, informazioni sulle interfacce e i design tokens, suggerimenti su come impostare il linguaggio e il tono di voce di un servizio e una pagina dedicata al versionamento semantico, le regole che permetteranno di far evolvere sempre più in modo trasparente e scalabile le diverse risorse del design system (per esempio, come documentare il passaggio da alpha a beta, come sta avvenendo in questo momento).
Infine, all’interno della sezione **“[Componenti](/design-system/componenti/)”** è possibile trovare **gli elementi pronti all’uso e già testati per realizzare un’interfaccia utente** semplice da usare, accessibile e a norma di legge, come se fossero mattoncini da costruzione. Ogni componente ha una sua pagina dedicata, nella quale è possibile provarlo nelle diverse varianti e risoluzioni disponibili, anche per svolgere test d’accessibilità dedicati, leggere indicazioni e buone pratiche sull’uso corretto, trovare indicazioni sull’accessibilità e sui componenti alternativi e accedere alle specifiche di design e al codice di sviluppo, pronto a essere copiato e utilizzato.
- name: TextImageCta
noSpace: false
text: |
## Cosa ci attende nei prossimi mesi
Come abbiamo detto, la beta è l’ultimo passo prima della versione stabile e servirà a testare ulteriormente la documentazione e gli strumenti di questa terza generazione delle risorse [i cui lavori sono iniziati nel novembre 2021.](https://designers.italia.it/community/notizie/20211223-per-un-2022-ricco-di-sfide/) Nelle prossime settimane, infatti, **avvieremo un terzo ciclo di verifica sull’accessibilità dei componenti**, un censimento sullo stato dei componenti nelle diverse risorse dell’ecosistema, con l’obiettivo di renderle totalmente coerenti, e completeremo la documentazione dei componenti e alcune funzionalità non ancora integrate, come il collegamento con i nuovi framework di sviluppo React e Angular.
## Grazie, community
Il rilascio della versione beta del design system .italia, oltre ad essere frutto del lavoro del gruppo di Designers Italia e Developers Italia, **è il risultato di feedback, segnalazioni di bug e contributi della community.** Grazie per aver contribuito a questo importante momento per la progettazione e realizzazione dei servizi pubblici digitali italiani!
- name: TextImageCta
title: Inizia a usare il design system .italia
headingLevel: 2
noSpace: false
ctasVertical: true
ctas:
- label: Vai a "Come iniziare"
url: "/design-system/come-iniziare/"
icon:
icon: sprites.svg#it-arrow-right
color: primary
align: middle
hidden: true
size: sm ms-2
- label: Vai a "Come contribuire"
url: "/design-system/come-contribuire/"
icon:
icon: sprites.svg#it-arrow-right
color: primary
align: middle
hidden: true
size: sm ms-2
- label: Vai a "Fondamenti"
url: "/design-system/fondamenti/"
icon:
icon: sprites.svg#it-arrow-right
color: primary
align: middle
hidden: true
size: sm ms-2
- label: Vai a "Componenti"
url: "/design-system/componenti/"
icon:
icon: sprites.svg#it-arrow-right
color: primary
align: middle
hidden: true
size: sm ms-2
- label: Esplora il Changelog
url: "/design-system/fondamenti/versionamento#changelog-documentazione"
icon:
icon: sprites.svg#it-arrow-right
color: primary
align: middle
hidden: true
size: sm ms-2
- name: TextImageCta
title: Contribuisci ai lavori in corso
headingLevel: 2
ctasVertical: true
ctas:
- label: Prova il kit React (pre-release)
url: "https://github.com/italia/design-react-kit"
icon:
icon: sprites.svg#it-github
color: primary
align: middle
hidden: true
size: sm ms-2
- label: Prova il kit Angular (pre-release)
url: "https://github.com/italia/design-angular-kit"
icon:
icon: sprites.svg#it-github
color: primary
align: middle
hidden: true
size: sm ms-2