Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]
39
Roma 9 dicembre 2015 / 20 Il Paese che cambia passa da qui. design.italia.it Linee guida di design per i servizi web della PA A che punto è il progetto Claudio Celeghin Responsabile comunicazione on line - Agenzia Italia digitale
Transcript of Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]
![Page 1: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/1.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
design.italia.itLinee guida di design per i servizi web della
PAA che punto è il progetto
Claudio Celeghin
Responsabile comunicazione on line - Agenzia Italia digitale
![Page 2: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/2.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Usabilità non è più un optional●Migliorare comunicazione tra cittadini / PA
●Migliorare estetica●Migliorare accessibilità●Diminuire costi di sviluppo
Perchè le linee guida design
![Page 3: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/3.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
ec.europa.eu/ipg
![Page 4: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/4.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
govuk-elements.herokuapp.com
![Page 5: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/5.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
standards.usa.gov
![Page 6: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/6.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
design.italia.it
![Page 7: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/7.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
github
![Page 8: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/8.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Web toolkit style guide
![Page 9: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/9.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Visual design
Contenuti
Content design
Service design
![Page 10: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/10.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
AgID / Governo, Architecta - Società Italiana di Architettura dell'Informazione, Bem research, CSI Piemonte, LCD, Manafactory, Istituto Superiore Mario Boella, Politecnico di Milano, SIGCHI Italy, SR-LABS, Università “Milano-Bicocca”, Università di Bari “Aldo Moro”
Gruppo di lavoro
![Page 11: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/11.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
● PA centrali● PA locali● Agenzie● Scuole● Università● Siti tematici
Destinatari delle linee guida
23.000 PA50.000 siti
![Page 12: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/12.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Governo Italiano
![Page 13: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/13.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Analisi di usabilità e user experience nei siti di pubblica amministrazione. Tesi laurea Uni.Bicocca - Actis, Brizi
![Page 14: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/14.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 15: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/15.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 16: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/16.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Piano delle attività
● Entro pochi mesi integrazione delle linee guida nel piano triennale ICT
● Integrazione infoarchitettura con catalogazione dei servizi PA
![Page 17: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/17.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Test usabilità
![Page 18: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/18.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Test effettuati su:● comune.biella.it● spid.gov.it● framework web di AgID (prossimo 15 novembre)
Realizzazione test usabilità
![Page 19: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/19.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
1. Archivio profilato di 100 utenti (ad oggi)2. Individuazione sito: Comune di Biella3. Definizione personas4. Coinvolti 7 utenti, 20-30 anni
Progettazione test
![Page 20: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/20.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
5. Redazione task focalizzati su componenti del modello Linee guida6. Predisposizione laboratorio7. Strumentazione eye tracking
No videoregistrazione
Progettazione test
![Page 21: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/21.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 22: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/22.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 23: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/23.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 24: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/24.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 25: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/25.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Cercare i canali social del Comune
Task 1
![Page 26: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/26.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 27: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/27.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Cercare informazioni sugli su edifici storici
Task 2
![Page 28: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/28.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 29: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/29.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 30: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/30.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 31: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/31.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Cerca le strutture sportive del Comune
Task 3
![Page 32: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/32.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 33: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/33.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Cerca gli indirizzi mail degli assessori
Task 4
![Page 34: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/34.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 35: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/35.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
Cerca informazioni per rinnovare la carta d’identità
Task 5
![Page 36: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/36.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 37: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/37.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
![Page 38: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/38.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
1. Menu orizzontale/burger2. Utilizzo scrolling della hp3. Comprensione label “Aree Tematiche”4. Visibilità link “Valuta il sito”5. Collocazione menu contestuale interno
Criticità emerse
![Page 39: Linee guida di design per i siti web della PA @Claudio Celeghin [Agenzia per l’Italia Digitale]](https://reader042.fdocumenti.com/reader042/viewer/2022022414/587153f31a28ab8e5b8b4bdf/html5/page/39.jpg)
Roma 9 dicembre 2015 / 20
Il Paese che cambia passa da qui.
agid.gov.it
Grazie per l’attenzione!
dott. Claudio [email protected]
