Skip to content

Commit

Permalink
content(feat):notizia-ADI (#1456)
Browse files Browse the repository at this point in the history

---------

Co-authored-by: Francesco Improta <me@francescoimprota.com>
Co-authored-by: Daniele T <Fupete@users.noreply.github.com>
  • Loading branch information
3 people authored Nov 4, 2024
1 parent 1f74200 commit 4700aa6
Show file tree
Hide file tree
Showing 6 changed files with 207 additions and 52 deletions.
29 changes: 15 additions & 14 deletions src/data/content/community.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -115,6 +115,21 @@ components:

cards:

- title: 'Selezionati nell’ADI Design Index, un passo verso il Compasso d’Oro'
headingLevel: 4
customCol: col-lg-4
text: "UI Kit Italia e il Modello ASL inseriti tra le eccellenze del design italiano del 2024 dall'Associazione per il Disegno Industriale"
img: /images/community/20241104-adi-design-index.png
alt: ""
imgRatio: 21x9
imgPlaceholder: false
fullHeight: true
rounded: true
url: "/community/notizie/20241104-adi-design-index/"
dateInfo: 04 novembre 2024
tags: [Design system, Modelli di sito, UI Kit, Cultura progettuale]


- title: ".italia versione 1: l’inizio di una nuova era per i servizi digitali pubblici"
headingLevel: 4
customCol: col-lg-4
Expand Down Expand Up @@ -170,20 +185,6 @@ components:
url: "/community/notizie/20240527-contribuisci-ai-modelli-di-designers-italia/"
dateInfo: 28 maggio 2024
tags: [Community, Modelli di sito, Adozione modelli]

- title: 'Tutti gli eventi di Designers Italia a maggio'
headingLevel: 4
customCol: col-lg-4
text: "Saremo presenti agli Accessibility Days e a Forum PA per raccontare le nostre risorse a disposizione della Pubblica Amministrazione"
img: /images/community/20240514-tutti-gli-eventi-di-designers-italia-a-maggio-1400x900.png
alt: ""
imgRatio: 21x9
imgPlaceholder: false
fullHeight: true
rounded: true
url: "/community/notizie/20240514-tutti-gli-eventi-di-designers-italia-a-maggio/"
dateInfo: 14 maggio 2024
tags: [Community, Accessibilità, Design system]

- title: 'Il modello per i musei civici: online le risorse per realizzare siti web'
headingLevel: 4
Expand Down
158 changes: 158 additions & 0 deletions src/data/content/community/notizie/20241104-adi-design-index.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
template:
name: level3 # article?
archive: notizie
seo:
name: "Selezionati nell’ADI Design Index, un passo verso il Compasso d’Oro"
description: "UI Kit Italia e il Modello ASL inseriti tra le eccellenze del design italiano del 2024 dall'Associazione per il Disegno Industriale."
image: https://designers.italia.it/images/community/20241104-adi-design-index.png #I
canonical: null
pathname: /community/notizie/20241104-adi-design-index/

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: "Selezionati nell’ADI Design Index, un passo verso il Compasso d’Oro"
subtitle: "UI Kit Italia e il Modello ASL inseriti tra le eccellenze del design italiano del 2024 dall'Associazione per il Disegno Industriale"
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, Modelli di sito, UI Kit, Cultura progettuale]
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: 04 novembre 2024

imageIcons:
image: /images/community/20241104-adi-design-index.png
alt: "UI Kit Italia e Modello ASL selezionati nell'ADI Design Index 2024"
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
# noSpace: true
# text: |



- 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
noSpace: false
text: |
Siamo entusiasti di annunciare che **UI Kit Italia**, la risorsa di progettazione del design system .italia, e il **Modello di sito per le ASL** sono stati inseriti nell’**ADI Design Index 2024**, la selezione annuale curata dall’**Associazione per il Disegno Industriale (ADI)** che raccoglie i migliori progetti di design italiani. Questo riconoscimento non solo conferma l'impatto innovativo di questi progetti, ma rappresenta anche un primo passo verso il prestigioso **Compasso d'Oro**, il più autorevole premio di design in Italia.
Questi progetti si aggiungono al **Modello di sito per le scuole selezionato nell’ADI Design Index 2020**, oggi utilizzato già da migliaia di enti sul territorio, e costituiscono una prova dell’eccellenza del lavoro che il Dipartimento per la trasformazione digitale sta svolgendo per innovare e migliorare l’esperienza dei servizi pubblici digitali.
## Risorse d’eccellenza per una PA all’avanguardia
Con la selezione nell’ADI Design Index 2024, UI Kit Italia e il Modello di sito per le ASL sono **ufficialmente candidati al prestigioso Premio Compasso d’Oro 2026**. Questa candidatura testimonia il valore che questi strumenti portano alla Pubblica Amministrazione e alla cittadinanza e riconosce come il design possa migliorare la vita delle persone con servizi digitali inclusivi e di qualità.
Utilizzare risorse come il design system .italia e i modelli di sito significa **adottare una progettazione aperta, collaborativa e centrata sull’utente**. Ogni risorsa operativa, componente grafico e ogni linea di codice in questi strumenti risponde a standard elevati che garantiscono accessibilità, facilità d’uso e coerenza tra i servizi digitali della PA. Questo approccio non solo facilita e accelera il lavoro dei designer e degli sviluppatori, ma assicura un’esperienza uniforme e affidabile per l’utente finale.
La candidatura al Compasso d’Oro, infine, mette in luce il ruolo della **Pubblica Amministrazione come pioniere di una trasformazione digitale inclusiva e partecipativa** ed evidenzia il **contributo innovativo di Designers Italia nel settore pubblico**. La collaborazione tra enti pubblici, fornitori e cittadini è la chiave per costruire una PA innovativa, capace di rispondere alle sfide di un mondo sempre più digitale e interconnesso. Grazie a questi strumenti, la PA italiana sta tracciando una strada verso il futuro, dimostrando che design e innovazione sociale possono davvero fare la differenza nella vita delle persone.
![La cerimonia di presentazione della mostra all'ADI Design Museum a Milano, e le pagine dedicate a UI Kit Italia e modello ASL](/images/community/20241104-adi-design-index-inside.png)
- name: TextImageCta
noSpace: false
text: |
## UI Kit Italia: la risorsa di progettazione del design system .italia
[UI Kit Italia](https://www.figma.com/community/file/1105848677422572920) è una delle risorse principali del [design system .italia](https://designers.italia.it/design-system/), lo strumento che supporta i progettisti della PA nella realizzazione di interfacce coerenti, semplici e accessibili. Il kit permette di utilizzare componenti di interfaccia che non solo migliorano l’esperienza d’uso dei progetti nei quali vengono utilizzati, ma rispettano le norme di accessibilità, facilitando la fruizione dei servizi digitali da parte di tutti i cittadini.
Il kit è stato rinnovato e fatto evolvere con il **supporto di [Wedoo](https://www.wedoo.it/)**, società specializzata nella realizzazione di prodotti digitali, ed è **sostenuto attivamente dalla community di Designers Italia**, che contribuisce con feedback, suggerimenti e aggiornamenti costanti, rendendo il kit una risorsa collaborativa e in continua evoluzione.
L’inserimento di [UI Kit Italia nell’ADI Design Index](https://www.adi-design.org/2024_s00869) evidenzia il valore di questo strumento per la Pubblica Amministrazione. Risponde con semplicità ed efficacia alle esigenze di accessibilità e coerenza delle persone, dimostrando come il design possa essere una leva per un’esperienza digitale inclusiva e intuitiva, in linea con gli standard del Compasso d’Oro.
## Modello di sito per le ASL: un progetto condiviso e partecipativo
Il [Modello di sito per le ASL](https://designers.italia.it/modelli/aziende-sanitarie-locali/) riflette un approccio virtuoso alla progettazione, nato dalla **collaborazione tra enti pubblici, fornitori e cittadini**. Realizzato nell’ambito della **Misura 1.4.1 del PNRR** per migliorare l’**Esperienza del cittadino nei servizi pubblici**, il modello offre un framework già pronto per costruire siti web accessibili e intuitivi per le aziende sanitarie locali. Dall’architettura dell’informazione alle interfacce, ogni sua parte è stata progettata per semplificare l'interazione tra cittadini e sistema sanitario, facilitando l’accesso a informazioni fondamentali come prestazioni e visite, strutture sanitarie, orari e aggiornamenti su campagne sanitarie.
Questo modello di sito è stato realizzato con il **supporto di [Tangible](https://tangible.is/)**, società specializzata nella progettazione di prodotti digitali, attraverso un percorso di co-creazione che ha incluso tutti gli attori coinvolti nell’erogazione di servizi sanitari ed è stato testato con i cittadini.
L’inserimento del [Modello di sito per le ASL nell’ADI Design Index](https://www.adi-design.org/2024_s00714) evidenzia il ruolo fondamentale di questo strumento nella sanità digitale, mettendo in luce come il design possa semplificare l’accesso ai servizi sanitari per i cittadini e rispecchiando i valori di utilità e impatto sociale che ispirano i criteri del Compasso d’Oro.
- name: TextImageCta
title: Scopri come usare il design system .italia
text: |
UI Kit Italia è solo una delle risorse a disposizione nel design system del Paese. Vuoi scoprire le [novità dell’ultima versione completa](https://designers.italia.it/community/notizie/20241021-italia-versione-1/) e come usarlo?
Il **19 novembre** dalle **11.30 alle 13.00** si terrà un Community lab, un laboratorio pratico in cui ti guideremo attraverso tutte le fasi per realizzare servizi digitali usando .italia: dalla progettazione alla prototipazione, fino allo sviluppo. **Mostreremo come usare le risorse a disposizione per costruire interfacce accessibili e realizzare interazioni intuitive e fluide**.
headingLevel: 2
ctasVertical: true
ctas:
- label: Registrati all'evento
url: "https://ec.europa.eu/eusurvey/runner/IscrizioneCommunityLabDesignersItalia"
icon:
icon: sprites.svg#it-arrow-right
color: primary
align: middle
hidden: true
size: sm ms-2





33 changes: 14 additions & 19 deletions src/data/content/design-system.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -364,6 +364,20 @@ components:
# CARDS
cards:

- title: "Selezionati nell’ADI Design Index, un passo verso il Compasso d’Oro"
headingLevel: 4
customCol: col-lg-4
text: "UI Kit Italia e il Modello ASL selezionati tra le eccellenze del design italiano nell’ADI Design Index 2024"
img: /images/community/20241104-adi-design-index.png
alt: ""
imgRatio: 21x9
imgPlaceholder: false
fullHeight: true
rounded: true
url: "/community/notizie/20241104-adi-design-index/"
dateInfo: 04 novembre 2024
tags: [Design system, Modelli di sito, UI Kit, Cultura progettuale]

- title: ".italia versione 1: l’inizio di una nuova era per i servizi digitali pubblici"
headingLevel: 4
customCol: col-lg-4
Expand Down Expand Up @@ -398,25 +412,6 @@ components:
moreInfo: di Daniele Tabellini
tags: [Design system, Interfaccia utente]

- title: "Verso Design system .italia: come è nato il nome del design system del Paese"
headingLevel: 4
customCol: col-lg-4
img: /images/community/articoli-di-approfondimento/20240411-verso-design-system-italia-come-e-nato-il-nome-del-design-system-del-paese.png
alt: ""
imgRatio: 16x9
imgPlaceholder: false
fullHeight: true
rounded: true
url: https://medium.com/designers-italia/verso-design-system-italia-come-%C3%A8-nato-il-nome-del-design-system-del-paese-a2720e219f00
blank: true
externalLink:
label: Leggi su Medium
screenReaderText: " (si apre in una nuova finestra)"
icon:
icon: sprites.svg#it-external-link
size: xs
moreInfo: di Gabriella Poggioli
tags: [Design system]

# # —
# # HIGHLIGHT LOOP
Expand Down
39 changes: 20 additions & 19 deletions src/data/content/index.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -81,50 +81,51 @@ components:
isHome: true

highLights:
- title: "Design system .italia versione 1: l'inizio di una nuova era per i servizi digitali pubblici"
subtitle: "Disponibili strumenti sempre più completi e affidabili per realizzare servizi accessibili e usabili"
- title: "Selezionati nell’ADI Design Index, un passo verso il Compasso d’Oro"
subtitle: "UI Kit Italia e il Modello ASL inseriti tra le eccellenze del design italiano del 2024 dall'Associazione per il Disegno Industriale"
big: true
id: HL1a
specular: false
specular: true
padBottom: false # last highlight must have padBottom: true!
img: /images/community/media-thumbnails/20241021-design-system-italia.jpg
img: /images/community/20241104-adi-design-index.png
alt: ""
headingLevel: 3
background: medium
background: light
buttons:
- label: "Scopri le novità"
- label: "Scopri di più"
btnStyle: primary
url: "/community/notizie/20241021-italia-versione-1/"
url: "/community/notizie/20241104-adi-design-index/"
addonStyle: mb-3
- title: "Modello di sito web dei musei civici"
subtitle: "Disponibili risorse e documentazione per creare siti informativi semplici da usare e accessibili"

- title: "Design system .italia versione 1: l'inizio di una nuova era per i servizi digitali pubblici"
subtitle: "Disponibili strumenti sempre più completi e affidabili per realizzare servizi accessibili e usabili"
big: true
id: HL2a
specular: true
specular: false
padBottom: false # last highlight must have padBottom: true!
img: /images/community/20240418-il-modello-per-i-musei-civici--online-le-risorse-per-realizzare-siti-web-1920x923.png
img: /images/community/media-thumbnails/20241021-design-system-italia.jpg
alt: ""
headingLevel: 3
background: light
background: medium
buttons:
- label: "Scopri le risorse e come utilizzarle"
- label: "Scopri le novità"
btnStyle: primary
url: "/community/notizie/20240418-il-modello-per-i-musei-civici-online-le-risorse-per-realizzare-siti-web/"
url: "/community/notizie/20241021-italia-versione-1/"
addonStyle: mb-3
- title: "Modello di sito web delle aziende sanitarie locali"
- title: "Modello di sito web dei musei civici"
subtitle: "Disponibili risorse e documentazione per creare siti informativi semplici da usare e accessibili"
big: true
id: HL3a
specular: false
specular: true
padBottom: true # last highlight must have padBottom: true!
img: /images/community/20240201-disponibile-il-modello-di-sito-informativo-per-le-aziende-sanitarie-locali-1920x923.png
img: /images/community/20240418-il-modello-per-i-musei-civici--online-le-risorse-per-realizzare-siti-web-1920x923.png
alt: ""
headingLevel: 3
background: null
buttons:
- label: "Scopri come utilizzarlo"
- label: "Scopri le risorse e come utilizzarle"
btnStyle: primary
url: "/community/notizie/20240201-disponibile-il-modello-di-sito-informativo-per-le-aziende-sanitarie-locali/"
url: "/community/notizie/20240418-il-modello-per-i-musei-civici-online-le-risorse-per-realizzare-siti-web/"
addonStyle: mb-3

highlightCards:
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 4700aa6

Please sign in to comment.