Progettazione interfaccia
Tutti i contenuti relativi all'argomento "Progettazione interfaccia"
Esplora 40 pagine su questo argomento
A che punto siamo con UI kit e design token?
Video - Community lab— L'uso del kit per la progettazione delle interfacce dei servizi pubblici digitali.
Accessibilità
FondamentiProgettare e sviluppare l'interfaccia utente — Progettare e sviluppare interfacce digitali significa decidere continuamente chi includere, o escludere, dall’esperienza di utilizzo e fruizione, a seconda delle proprie caratteristiche, conoscenze, capacità o condizioni di disabilità, temporanee o meno
Angular Bootstrap Italia e non solo
Lezione— Designers Italia partecipa al meetup della comunità Angular Roma.
Bordi e raggi
FondamentiProgettare e sviluppare l'interfaccia utente — I bordi e i raggi sono elementi che caratterizzano l'aspetto di oggetti e componenti di un'interfaccia.
Colori
FondamentiProgettare e sviluppare l'interfaccia utente — Usiamo un sistema di colori per garantire coerenza visiva a siti e servizi e orientare le persone verso azioni e informazioni importanti, rendendo i contenuti accessibili a tutti.
Come contribuire
Design system— Scopri i passi da seguire per contribuire al design system del Paese
Come iniziare
Design system— Scopri i primi passi da compiere per progettare con il design system
Componenti
Design system— Una raccolta di strumenti che puoi riutilizzare per progettare l’interfaccia di siti e servizi della Pubblica Amministrazione
Contenuti e linguaggio
Kit di designProgettare l'interazione dell'utente con il servizio — Organizza i contenuti del tuo progetto digitale e comunica con un linguaggio chiaro, inclusivo e coerente.
Costruzione interfaccia
Kit di designProgettare e realizzare l'interfaccia utente — Costruisci l’interfaccia di un servizio digitale in alta fedeltà, con uno stile grafico semplice e coerente
Dalla progettazione allo sviluppo del sito web di un Comune
Video - Webinar— Una guida pratica al nuovo modello di riuso.
Definisci i flussi di interazione
Attività del kitProgettare l'interazione dell'utente con il servizio — Identifica le azioni che un utente compie per interagire con con un servizio digitale.
Design system del Paese: gli strumenti, le risorse e come utilizzarli
Video - Evento— Un focus sui kit di progettazione (UI kit) e sviluppo interfaccia (Bootstrap Italia 2.0), e i modelli standard di siti web per le PA.
Design system: pubblicata la versione ufficiale dello UI Kit Italia
Notizia4 maggio 2023 — Il kit per progettare interfacce e siti digitali della Pubblica Amministrazione (PA) esce dalla fase beta
Design tokens
FondamentiProgettare e sviluppare l'interfaccia utente — Le scelte visive strutturali per la progettazione e lo sviluppo delle interfacce digitali
Disponibile il player video della Pubblica Amministrazione attento a privacy e accessibilità
Notizia31 ottobre 2023 — Il design system del Paese si arricchisce di un importante componente già in uso nel nuovo archivio media di Designers Italia.
Esperienza del cittadino nei servizi pubblici: dalla Misura alla pratica
Notizia07 novembre 2023 — Al via un ciclo di webinar per scoprire come utilizzare al meglio tutte le risorse dedicate ai Comuni.
Fondamenti
Design system— Le basi di cui hai bisogno per costruire un servizio pubblico senza ripartire da zero. Impara dal lavoro degli altri. Riduci costi e margini di errore, guadagnando qualità
Griglia
FondamentiProgettare e sviluppare l'interfaccia utente — La griglia di impaginazione rappresenta la struttura invisibile che permette di organizzare i contenuti della pagina
Il design system del Paese per realizzare siti e servizi dei Comuni. Cos'è e come si usa
Webinar— Un incontro per scoprire le risorse dedicate alla progettazione e allo sviluppo front-end.
Linguaggio
FondamentiProgettare e sviluppare l'interfaccia utente — Progetta contenuti chiari, inclusivi, efficaci e pensati per andare incontro alle esigenze delle persone
L’importanza di un design system per i servizi pubblici digitali
Video - Community call— Il design system del Paese: uno strumento utile a creare siti e servizi coerenti, familiari e fruibili da tutti.
Microtesti
FondamentiProgettare e sviluppare l'interfaccia utente — Progetta testi e microtesti dedicati alle interfacce per rendere l’esperienza delle persone semplice, fluida e coerente con l’ecosistema di un servizio digitale
Nuovi rilasci del design system del Paese e delle risorse di progettazione e sviluppo
Notizia24 ottobre 2023 — Tra le principali novità, il player video attento a privacy e accessibilità e nuove schede informative.
Ombre
FondamentiProgettare e sviluppare l'interfaccia utente — Le ombre aggiungono profondità, contrasto ed enfasi visiva ai componenti, contribuendo a migliorare l'usabilità e l'aspetto generale dell'interfaccia
Per designer
Come iniziareProgettare e sviluppare l'interfaccia utente — Tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici
Princìpi e intenzioni
FondamentiProgettare e sviluppare l'interfaccia utente — Scopri come il design system del Paese rende la progettazione di servizi pubblici digitali più efficiente
Progetta il flusso di servizi
Attività del modelloProgettare l'interazione dell'utente con il servizio — Assembla i componenti e prototipa il flusso di interazione per realizzare i servizi digitali dei Comuni.
Progettare il sito web di un Comune
Video - Webinar— Risorse, strumenti operativi e casi studio di buone pratiche.
Prototipazione
Kit di designProgettare l'interazione dell'utente con il servizio — Realizza un prototipo in bassa fedeltà per progettare l’esperienza utente di un servizio digitale.
Realizza l'interfaccia del servizio digitale comunale
Attività del modelloProgettare e sviluppare l'interfaccia utente — Assembla il front-end e rendi fruibile il servizio digitale comunale ai cittadini.
Realizza l'interfaccia del sito comunale
Attività del modelloProgettare e sviluppare l'interfaccia utente — Assembla l’interfaccia web e aggiungi i contenuti per dare forma al sito del Comune.
Realizza l'interfaccia del sito scolastico
Attività del modelloProgettare e sviluppare l'interfaccia utente — Assembla l’interfaccia web e aggiungi i contenuti per dare forma al sito della scuola.
Realizza un prototipo in bassa fedeltà
Attività del kitProgettare l'interazione dell'utente con il servizio — Imposta la struttura dell’interfaccia di un servizio digitale con gli elementi essenziali per verificarne l’efficienza e l’efficacia.
Realizzare interfacce pubbliche di qualità e più accessibili grazie al design system del Paese
Webinar— Un incontro dedicato a come utilizzare al meglio le risorse messe a disposizione della PA.
Risorse per progettare
Panoramica— Strumenti e attività già pronti per creare siti, app e interfacce digitali dei servizi pubblici.
Spaziature
FondamentiProgettare e sviluppare l'interfaccia utente — Le spaziature hanno il ruolo fondamentale di creare un layout dalla struttura armonica e di definire gli intervalli di spazio fra gli elementi della pagina. Un uso coerente ed equilibrato delle spaziature contribuisce a migliorare la leggibilità, l'usabilità e l'aspetto generale di un'interfaccia.
Strumenti e casi pratici di progettazione
Video - Webinar— Risorse, strumenti operativi e buone pratiche.
Template di test
FondamentiProgettare e sviluppare l'interfaccia utente — Lavori in corso, usiamo come esempio la scheda ipotetica Bordi e raggi
Tipografia
FondamentiProgettare e sviluppare l'interfaccia utente — I caratteri, gli stili e le regole tipografiche da usare per presentare i contenuti di un'interfaccia digitale in modo chiaro, leggibile ed efficace