AgID
AgID
+
Team Digitale
Team per la Trasformazione Digitale
Piano Triennale
Developers
Designers
Forum
Docs
GitHub
Docs Italia
beta
Documenti pubblici, digitali.
Menu
il programma
Piano Triennale
le community
Developers
Designers
gli strumenti
Forum
Docs
GitHub
Menu di navigazione
Linee guida di design per i servizi digitali della PA
versione:
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
Accessibilità
Definizione
Creare un sito accessibile
Aspetto
Struttura
Comportamento
Uso del colore
Normativa
Obiettivi accessibilità
Normativa
Contenuti minimi dei siti della PA
Siti web istituzionali
Codice dell’amministrazione digitale
Riferimenti normativi tematici
Accessibilità
Trasparenza
Privacy
Comunicazione pubblica
Design management
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
Gestione dei contenuti
Creazione dei contenuti
Linguaggio
Corretta ortografia
Titoli
Sommario
Testo della pagina
Creazione dei link
Link di navigazione e bottoni
Immagini
Dimensione delle immagini
Archiviazione
Licenze
Archivi di immagini online
Immagini prese dai social network
User research
Usabilità
Definizione
User-centered design
I vantaggi dell’usabilità
Criteri di valutazione
Per approfondimenti
Usabilità come costrutto misurabile
Protocollo per la realizzazione di test di usabilità
Ricerche qualitative
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
Responsive Web Design
Mobile First
Dalla progettazione Hi-fi allo sviluppo
Fare design: lo UI-Kit
Condividere
Pubblicare
Come collaborare
Design
Stile
Tipografia
Gerarchia
Paragrafo
Colori
Griglie
Impostazioni della griglia di costruzione consigliata
La griglia orizzontale di 8 px
Componenti
Bottoni
Input Field
Carousel
Data display: tabelle
Header
Footer
Pattern
Layout
Iconografia
Stile
Tipografia
Web font
Titillium Web
Dimensioni e interlinea del testo
Allineamento
Giustezza
Markup semantico
Composizione tabelle
Formattazioni consigliate
Colore del testo
Colori
Palette colori
Definire una palette principale
Esempi di contrasto
Palette per pubbliche amministrazioni centrali
Palette estesa delle pubbliche amministrazioni centrali
Iconografia
Layout
Gerarchia dei contenuti
Griglie
Impostazioni della griglia di costruzione consigliata
Impostazione della home page
Le sezioni della home page
Componenti
Bottoni
Form
Esempio di stile per form
Form errore
Alert
Alert per errori
Carousel
Header
Contenuti
Componenti
Footer
Componenti
Colori
Applicazioni
Sviluppo Web
Progressive Enhancement e Graceful Degradation
Supporto browser
Feature Detection
Strumenti e risorse
Misurare le prestazioni
Indice
Modifica su GitHub
Modifica su 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
Accessibilità
Normativa
Design management
Content design
Architettura dell’informazione
SEO
Linguaggio
User research
Usabilità
Ricerche qualitative
Web analytics
User interface
Principi
Dalla progettazione Hi-fi allo sviluppo
Design
Stile
Layout
Componenti
Sviluppo Web
torna all'inizio dei contenuti