L'importanza dell'usabilità per i siti Web della PA:

rischi e strumenti a supporto della valutazione

Giuseppe DesoldaIVU Lab, Dipartimento di Informatica, Università degli Studi di Bari Aldo Moro

L’importanza dei siti internet della

pubblica amministrazione

Rappresentano uno degli strumenti più importanti con cui la pubblica

amministrazione si interfaccia con il cittadino per la diffusione di

informazioni e l’erogazione di servizi.

In molti casi questi siti presentano importanti problemi d’usabilità che

limitano fortemente la loro mission

Digital Economy and Society Index (DESI)

Nasce da una iniziativa della Commissione Europea chiamata “Strategia

Europa 2020”

Definito per valutare le prestazioni digitali e l’evoluzione di ciascun stato

membro dell’Unione Europea

È un indice composto da 5 dimensioni principali:

1. Connettività;

2. Capitale umano;

3. Uso di Internet;

4. Integrazione dell’economia digitale;

5. Servizi pubblici digitali: digitalizzazione dei servizi pubblici, in

particolare in materia di Pubblica Amministrazione

Digital Economy and Society Index (DESI)

DESI = 0.52 nel 2016

DESI = 0.48 nel 2015

L’Italia è al diciassettesimo posto tra i 28 Stati membro dell’EU

1. Connettività: 27° posto su 28

2. Capitale umano: 24° posto su 28

3. Uso di Internet: 27° posto su 28

4. Integrazione dell’economia digitale: 22° posto su 28

5. Servizi pubblici digitali: 15° posto su 28

Ma come mai questi dati poco incoraggianti?

Non completa digitalizzazione dei servizi pubblici

La mancanza di capacità digitali dei cittadini

Poca usabilità

contenuti difficili da comprendere

layout di pagina incoerenti

percorsi di navigazione intricati

funzioni di aiuto difficile da trovare

difficile accesso da diversi dispositivi

Come possiamo migliorare l’usabilità dei siti della PA?

Progettazione di siti usabili e analisi d’usabilità di siti già creati sono attività

costose in termini di tempo e risorse

L’uso di software dedicati potrebbe aiutare l’introduzione delle pratiche

d’usabilità nei processi di progettazione ed analisi anche da parte di non

esperti di HCI

Inoltre, questi software potrebbero ottimizzare i tempi di progettazione,

esecuzione e analisi degli studi d’usabilità

Stato dell’Arte

Sono presenti numerosi strumenti informatici che facilitano alcune fasi di un

test di usabilità

Strumenti attualmente in uso

Strumenti semplici ma poco efficaci

Screencast-O-Matic (Windows, Macintosh e Linux)

Registra lo schermo del tuo computer, l’audio selezionando la fonte di

ingresso, e la faccia dell’utente se si ha una web cam

Fornisce strumenti di editing (per aggiungere scritte, immagini, simboli, ecc)

La funzione “registra schermo” offerta da Apple Quick Time (Macintosh)

Registra lo schermo e il volto dell’utente tramite webcam

Strumenti attualmente in uso

Strumenti professionali, esempio Morae (Windows)

Consente di impostare testi introduttivi, task, registrare le attività sullo

schermo, i movimenti e i click del mouse, le pressioni dei tasti sulla tastiera,

il volto degli utenti

Si possono associare telecamere esterne per la registrazione, inserire

questionari, prendere appunti e registrare dei segnaposto (inizio e fine dei

task o punti di interesse) in tempo reale

Può essere adattato per registrare via computer anche focus group,

interviste, test con hardware diversi

Soluzione consigliata a professionisti che svolgono costantemente test e

ricerche, e hanno bisogno di elaborare metriche complesse

Sito: www.techsmith.com/morae.html

UTAssistant

Piattaforma Web che assiste i valutatori durante la pianificazione dei test di

usabilità, esecuzione ed analisi dei dati

Avanzamento rispetto allo stato dell’arte

Supporta il processo di valutazione secondo il protocollo eGLU 2.0

Open-source

Progettato con le PA – Rivolto alle PA (e non solo)

Web based (non richiede installazione di plug-in o software)

Tecnologie utilizzate: HTML5, JavaScript, jQuery, Bootstrap, PHP, DBMS

MySql

Basata sul protocollo eGLU 2.0, è pensata per individuare i problemi di

usabilità dei siti della PA mediante alcune funzionalità significative

La nostra proposta per la PA

Strumento open-source e interamente web-based per la progettazione,

esecuzione ed analisi degli studi d’usabilità

Progettazione Esecuzione Analisi dei dati

Definizione studio in termini di:

• Titolo

• Descrizione

• URL sito da valutare

• Task da eseguire

• Titolo

• Descrizione

• Tempo massimo

• URL da valutare

• Dati da raccogliere

• Mouse/tastiera

• WebCamera/Microfono

• Questionari

• Partecipanti

Gli utenti invitati allo studio

• Eseguono lo studio in

maniera asincrona o sincrona

• Non hanno bisogno di

installare software dedicato

• Usano il loro browser

• Possono accedere ai dati

della loro esecuzione

Creazione automatica di

statistiche e reportistica su:

• Tempi di interazione sui task

• Comportamento utenti nei

vari task

• Audio e video

• Questionari

Progettazione studio

Pagina di login esperti e partecipanti

Pannello di controllo dell’esperto

Creazione di un nuovo studio: info principali

Creazione di un nuovo studio: info principali

Creazione di un nuovo studio: definizione task

Creazione di un nuovo studio: definizione task

Creazione di un nuovo studio: invito partecipanti

Esecuzione studio

Pannello di controllo del partecipante

Esecuzione studio: avvisi privacy

Esecuzione studio: info generali

Esecuzione studio: indicazioni sul task

Esecuzione studio: esecuzione task

Esecuzione studio: esecuzione task

Esecuzione studio: esecuzione questionario

Esecuzione studio: fine studio

Il questionario è stato completato

Analisi dei dati

Pannello di controllo dell’esperto: tipi di analisi

Pannello di controllo dell’esperto: analisi questionari

IMMAGINE SUS

Pannello di controllo dell’esperto: analisi video

Pannello di controllo dell’esperto: analisi video

LIVE DEMO

LAVORI IN CORSO

Analisi mouse tracking: scelta utente

Analisi mouse tracking: scelta task utente

Lavori in corso: statistiche mouse• Per ogni studio possiamo accedere alle statistiche di ogni utente o di tutti

gli utenti

Timeline

Verso del tracciato

Heat map

Pannello opzioni

Analisi mouse tracking: dettaglio task

Lavori in corso: heatmap

• Mappa di calore per le interfacce di ogni task di tipo hover map

• Visualizza, per ogni pagina, i dati aggregati dei click di tutti gli utenti• Comportamento «medio» degli utenti sulla pagina web in questione

Lavori in corso: heatmap• Gli utenti possono essere facilmente distratti da quello che stanno

cercando durante l’esecuzionedi un task:

• attività del cursore diffusa su tuttala pagina anziché focalizzata su aree chiave (pulsanti e collegamenti)

• Attività intensa in aree molto piccole

• i visitatori non sono realmente interessati ad altri contenuti della pagina

• Soluzione: eliminare i contenuti che non presentano attività di cursore (non interessanti per gli utenti) ed esporre in chiaro il contenuto su cui c’è più alta densità di attività del mouse

Lavori in corso: video e audio utenti• Per ogni studio possiamo analizzare i video degli utenti

Lavori in corso: video e audio utenti• Per ogni studio possiamo analizzare i video degli utenti

Grazie