AgID
+
Team Digitale
Team per la Trasformazione Digitale
Piano Triennale
Developers
Designers
Forum
Docs
GitHub
Docs Italia
beta
Public documents, made digital.
Menu
il programma
Piano Triennale
le community
Developers
Designers
gli strumenti
Forum
Docs
GitHub
Navigation menu
Linee guida di design per i servizi digitali della PA
version:
revisione-capitolo-ui
latest
stable
Introduzione alle linee guida di design
I cittadini al centro
Sviluppo collaborativo
Sviluppo programmato
Version control e release della documentazione
Stile della documentazione
Consultazione della documentazione
Kit di sviluppo e di design
Service design
Principi di design dei servizi
Principi di service design
Principi generali per l’e-government
Gestione dei progetti
Project management
Metodo di lavoro
Tipologie di progetti
Le competenze per il design dei servizi
E-Procurement
Identificazione delle priorità
Il ruolo degli stakeholder
System maps
Coinvolgere gli stakeholder
Conoscere gli utenti
Personas e profili utente
User Journey
Il workshop di co-design
I Kit di Designers Italia
Accessibilità
Definizione
Creare un sito accessibile
Aspetto
Struttura
Comportamento
Uso del colore
Normativa
Obiettivi accessibilità
Normativa
Codice dell’amministrazione digitale
Decreti attuativi del CAD
Contenuti minimi dei siti della PA
Siti web istituzionali
Riferimenti normativi tematici
Accessibilità
Trasparenza
Privacy
GDPR
Comunicazione pubblica
Content design
Architettura dell’informazione
L’ambito
Gli utenti
Il contenuto
Il contesto
Dai bisogni degli utenti alle funzioni di un servizio digitale
Le funzioni di un sito o di un servizio digitale
Stabilire le priorità
Definire la funzione principale
Individuare le funzioni a partire dalla lista dei bisogni
Individuare le funzioni di front end e back end
SEO
Premessa
Introduzione
I fattori on-page
Titolo del contenuto
Description del contenuto
Le parole chiave
Originalità del contenuto
Aggiornamento del contenuto
Paragrafazione e paginazione
Grassetto
Immagini
Anchor Text dei link
Struttura logica dei contenuti
URL delle pagine
Duplicazione dei contenuti
Mappa del sito
File robots.txt
Tempi di caricamento delle pagine
Dati strutturati
Migrazione SEO di un sito
I fattori off-page
Link building
Webmaster tools: Search Console di Google
Approfondimenti
Utile da sapere
Linguaggio
Scrivere per le persone
Progettare i contenuti
Scrivere e riscrivere
Le regole per un linguaggio semplice
Revisione e miglioramento dei contenuti
Gestire i contenuti
L’inventario dei contenuti (content inventory)
Analizzare i contenuti
Come organizzare il lavoro
Come pubblicare
Gestire un sito multilingua
Proprietà intellettuale: testi, immagini, dati. Le liberatorie e i tipi di licenze
I documenti
I documenti vanno sul web
Tipi di documenti
Formato di lettura dei documenti elettronici
Modalità di produzione dei documenti
User research
Usabilità
Definizione
User-centered design
I vantaggi dell’usabilità
Criteri di valutazione
Per approfondimenti
Usabilità come costrutto misurabile
Protocollo eGLU LG per la realizzazione di test di usabilità
Introduzione alla procedura
Le fasi della procedura
1. Preparazione
2. Esecuzione
3. Analisi dei risultati
Check-list di riepilogo per l’organizzazione del test
Ricerche qualitative
Introduzione ai metodi
Le interviste individuali
I focus group
Web analytics
Premessa
Introduzione
Metriche e Dimensioni
Principali Metriche (dati quantitativi)
Principali Dimensioni (attributi qualitativi dei dati)
Analizzare le ricerche degli utenti
Ricerca esterna al sito
Ricerca su sito
La segmentazione
Cosa fare per adempiere alla normativa sui cookie
La reportistica
Gli strumenti (Matomo/Piwik e Google Analytics)
Matomo/Piwik
Google Analytics
User interface
Principi
Progettiamo Servizi, non interfacce
Il modello di un’interfaccia e il Wireframe Kit
Il kit per la modellazione: il Wireframe Kit
Come si usa il kit
Gli strumenti
Il disegno di un’interfaccia e lo UI Kit
Uniformità ed identità
Lo stile
Il kit per la creazione dell’interfaccia: lo UI Kit
Come si usa il kit
La tipografia
I colori
Le Griglie
Le Icone
I Componenti
Gli strumenti
Lo sviluppo di un’interfaccia e i Web Kit
Attività preliminari alla fase di sviluppo
Approccio
Responsive Web Design
Mobile First
Feature Detection
Strumenti
Supporto browser
Misurare le prestazioni
I kit di sviluppo: i Web Kit
Come si usano i kit
Bootstrap Italia
React Kit e Angular Kit
Gli strumenti
Come contribuire ai Kit di Design
Strumenti di collaborazione
Downloads
pdf
htmlzip
epub
Index
Edit on GitHub
Edit on GitHub
Linee guida di design per i servizi digitali della PA
¶
Introduzione alle linee guida di design
I cittadini al centro
Sviluppo collaborativo
Sviluppo programmato
Version control e release della documentazione
Stile della documentazione
Consultazione della documentazione
Kit di sviluppo e di design
Service design
Principi di design dei servizi
Gestione dei progetti
Accessibilità
Normativa
Content design
Architettura dell’informazione
SEO
Linguaggio
User research
Usabilità
Ricerche qualitative
Web analytics
User interface
Principi
Il modello di un’interfaccia e il Wireframe Kit
Il disegno di un’interfaccia e lo UI Kit
Lo sviluppo di un’interfaccia e i Web Kit
Come contribuire ai Kit di Design
back to contents