diff --git a/src/data/content/community.yaml b/src/data/content/community.yaml index 55d2a6f733..9a9b0af1a9 100644 --- a/src/data/content/community.yaml +++ b/src/data/content/community.yaml @@ -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 @@ -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 diff --git a/src/data/content/community/notizie/20241104-adi-design-index.yaml b/src/data/content/community/notizie/20241104-adi-design-index.yaml new file mode 100644 index 0000000000..e6ee0f3991 --- /dev/null +++ b/src/data/content/community/notizie/20241104-adi-design-index.yaml @@ -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 + + + + + diff --git a/src/data/content/design-system.yaml b/src/data/content/design-system.yaml index 62a5394e62..e521000a5c 100644 --- a/src/data/content/design-system.yaml +++ b/src/data/content/design-system.yaml @@ -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 @@ -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 diff --git a/src/data/content/index.yaml b/src/data/content/index.yaml index 1211fafa31..6496d08515 100644 --- a/src/data/content/index.yaml +++ b/src/data/content/index.yaml @@ -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: diff --git a/static/images/community/20241104-adi-design-index-inside.png b/static/images/community/20241104-adi-design-index-inside.png new file mode 100644 index 0000000000..268d93f3c3 Binary files /dev/null and b/static/images/community/20241104-adi-design-index-inside.png differ diff --git a/static/images/community/20241104-adi-design-index.png b/static/images/community/20241104-adi-design-index.png new file mode 100644 index 0000000000..6542d4d58a Binary files /dev/null and b/static/images/community/20241104-adi-design-index.png differ