M. Troia, A. Pitrone, 30 Novembre - 1 Dicembre 2021 - Webinar: I servizi all'utenza si rinnovano Titolo: www.istat.it: una nuova esperienza digitale

1. www.istat.it: una nuova
esperienza digitale
MICHELA TROIA
Responsabile sito web istituzionale e portale del Sistan | Istat
ANTONIO PITRONE
Responsabile IT portali e siti web | Istat
30.11-1.12//2021

2. o Introduzione
o Criticità sito attuale
o Nuovo sito: Architettura dei contenuti
o Nuovo sito: Mockup
o Conclusioni
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Indice
2

3. Qual è l’esperienza d’uso dei nostri utenti?
o Analisi sui nostri utenti esterni, effettuando dei test di usabilità
o Analisi sui nostri utenti interni interpellando il nostro top management
Per Individuare (nel sito attuale):
o punti di forza
o punti di debolezza
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
3
Introduzione
o migliorare il sito attuale
o gettare le basi per progettare un
nuovo sito più moderno, più
flessibile e completamente ripensato
sia nell’architettura dei contenuti sia
nella infrastruttura tecnologica

4. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Sito attuale
4

5. Principali Criticità Homepage
o design “datato”
o margini ridotti tra gli elementi
o uso dei font con poche e piccole variazioni
o mancanza di centri d’attenzione, highlight e call to action
o forte squilibrio fra l’alta quantità di testi e i pochi elementi visivi (immagini, grafici, icone)
o eccessivo numero di menu e loro collocazione
La leggibilità della pagina risulta difficoltosa, e non permette l’orientamento degli utenti
verso i vari contenuti e sezioni del sito
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
5
Sito attuale

6. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Sito attuale
6

7. Principi guida per la riprogettazione Homepage
o un design moderno, caratterizzato da un layout fluido, completamente responsive
o ruolo preminente al motore di ricerca interno
o sviluppo della pagina in senso verticale, suddividendo le varie aree che la
compongono in fasce orizzontali, ariose e con tipografia e titolazioni chiare e
moderne
o una o più fasce di “highlight” modulari
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
7
Nuovo Sito

8. Elementi Visivi: UI e Grafici
o Set di icone
per agevolare la lettura delle informazioni, l’individuazione di funzionalità chiave e per
rendere più chiari e comprensibili i contenuti
o Visualizzazioni e Grafici
grafici, sia statici che interattivi, all’interno delle pagine ed in particolare per i
documenti di “statistica commentata”
TITOLO PRESENTAZIONE | AUTORE
8
Nuovo Sito

9. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Architettura del nuovo sito
9

10. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Architettura del nuovo sito
10

11. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Mockup nuovo sito: home page
11

12. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Mockup nuovo sito: home page
12

13. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Mockup nuovo sito: home page
13

14. TITOLO PRESENTAZIONE | AUTORE
Mockup nuovo sito: home page
14

15. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
15
Sito attuale: pagina tematica

16. Criticità dell’intefaccia utente pagina tematica
o TAB orizzontali soluzione complessa da comprendere
o la suddivisione orizzontale delle sezioni è insolita per l’interfaccia di www.istat.it
o estremamente densa di contenuti testuali
o leggibilità della pagina molto complessa e difficoltosa l’individuazione delle
informazioni di proprio interesse
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
16
Sito attuale: pagina tematica

17. Principi guida per la riprogettazione pagina tematica
Introdurre elementi di interfaccia che aiutino a separare e distinguere i contenuti:
o “Card” per delimitare i singoli contenuti e differenziare tipologie di contenuti differenti
o sviluppo verticale della pagina, suddivisa in “fasce orizzontali” distinte da
differente background color
o menu laterale in modalità “Vertical Sidebar Navigation” che permetta di muoversi
verticalmente nella pagina tramite l’uso di ancore
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
17
Mockup nuovo sito: pagina tematica

18. WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
Mockup nuovo sito: pagina tematica
18

19. Prossimi passi?
o Prossimo anno scelta della infrastruttura tecnologica
o Realizzazione del nuovo sito
o Inizio della migrazione
WWW.ISTAT.IT: UNA NUOVA ESPERIENZA DIGITALE | MICHELA TROIA – ANTONIO PITRONE
19
Conclusioni

20. grazie
MICHELA TROIA
Responsabile sito web istituzionale e portale del Sistan | Istat
michela.troia@istat.it
ANTONIO PITRONE
Responsabile IT portali e siti web | Istat
antonio.pitrone@istat.it
per l’attenzione!