L'importanza dell'usabilità per i siti Web della PA: rischi e strumenti a supporto della valutazione - Giuseppe Desolda - Istituto Superiore delle ...

L'importanza dell'usabilità per i siti Web della PA:
  rischi e strumenti a supporto della valutazione

                             Giuseppe Desolda
   IVU 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:   Gli utenti invitati allo studio   Creazione automatica di
• Titolo                            • Eseguono lo studio in           statistiche e reportistica su:
• Descrizione                          maniera asincrona o sincrona   • Tempi di interazione sui task
• URL sito da valutare              • Non hanno bisogno di            • Comportamento utenti nei
• Task da eseguire                     installare software dedicato       vari task
    • Titolo                        • Usano il loro browser           • Audio e video
    • Descrizione                   • Possono accedere ai dati        • Questionari
    • Tempo massimo                    della loro esecuzione
    • URL da valutare
• Dati da raccogliere
    • Mouse/tastiera
    • WebCamera/Microfono
    • Questionari
• Partecipanti

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

Analisi mouse tracking: dettaglio task
Verso del tracciato

                                               Timeline

       Heat map

             Pannello opzioni

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’esecuzione
  di un task:
   • attività del cursore diffusa su tutta
     la 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