Corso di laurea magistrale in Teoria e Tecnologia della ComunicazioneA.A. 2015/2016

Alessandro Confaloni | Rosario Coppola

ANALISI UI E UX DEL SITO “SEGRETERIE ONLINE” DELL’UNIVERSITÀ

DI MILANO-BICOCCA

COS’È?Il sito della segreteria online ufficiale riservato agli studenti dell’ Università di Milano-Bicocca.

COSA FA?Permette di accedere a tutti i servizi di segreteria come: ➤ scelta del piano di studi➤ visualizzazione e prenotazione appelli d’esame➤ utilizzo area stage e tirocini➤ pagamento tasse universitarie

SEGRETERIE ONLINE

SEGRETERIE ONLINE

SEGRETERIE ONLINE

PERCHÉ L’ABBIAMO SCELTO?Abbiamo scelto questo servizio perché riguarda attivamente noi ed i nostri compagni in quanto studenti ed utilizzatori finali.

OBIETTIVI

Verificare il sito in relazione ai concetti di usabilità e user experience.

➤ Dimensione pragmatica: funzionalità e usabilità del sistema (efficace, efficiente, facile, sicuro, utile).

➤ Dimensione estetica/edonistica: piacevolezza estetica, emotiva e ludica del sistema.

➤ Dimensione simbolica: attributi sociali, forza del Brand, identificazione.

PROCEDURE

Le procedure utilizzate sono:

➤ Analisi euristica esperta: eseguita dai due sperimentatori in modo autonomo, con successivo accorpamento dei dati.

➤ Analisi euristica partecipata: tramite l’esecuzione di task predefiniti da parte di un campione significativo di studenti.

ANALISI EURISTICA ESPERTA

1. Visibilità2. Coerenza3. Familiarità4. Chiarezza5. Navigazione6. Controllo

7. Feedback8. Ripristino9. Vincoli10. Flessibilità11. Stile12. Convivialità

Il sito è stato analizzato alla ricerca di violazioni delle euristiche valutate in scala Likert (punteggi di gravità crescente da 1 a 5):

Visibi

lità

Coeren

za

Familia

rità

Chiarez

za

Naviga

z...

Contro

llo

Riprist

ino

Flessi

bilità Sti

le

Conviv

ialità

0

3

6

9

12 1 2 3 4 5

Num

ero

erro

ri

Sono state rilevate 33 violazioni.

ANALISI EURISTICA ESPERTA

ANALISI EURISTICA PARTECIPATA

➤ Compiti (Task) da far eseguire agli utenti con l’obiettivo di verificare i problemi rilevati.

➤ Votazione sulla gravità dei problemi.

➤ Partecipazione attiva tramite cui emergono altri problemi / suggerimenti da parte degli utenti.

TASK ANALYSIS

Task Cosa si vuole verificare

1 Trova il sito Modalità e difficoltà di accesso al sito

2 Trova la bacheca appelli d’esame Assenza funzione da sloggati

3 Torna alla home Scorretto concepimento tasto home

TASK ANALYSIS

Task Cosa si vuole verificare

4 Vai su area tirocini Problemi del menu

5 Utilizza la versione inglese del sito Traduzione parziale

6 Accedi da smartphone Problemi di accesso e assenza versione mobile

ESEMPI VIOLAZIONI

ESEMPI VIOLAZIONI

ESEMPI VIOLAZIONI

SOGGETTI INTERVISTATI

Abbiamo scelto di analizzare 3 tipologie di utenti:

➤ Area scientifica: 1 studente di Informatica e 1 di Economia

➤ Area umanistica: 1 studente di Psicologia e 1 di Scienze della Formazione

➤ Area multidisciplinare (scientifico / umanistica): 2 studenti del corso di Teoria e Tecnologia della Comunicazione

ASPETTATIVE

➤ Dati conformi con quanto emerso durante l’analisi euristica esperta.

➤ Varianza dei risultati dovuta alla personalità, abitudini e indirizzi universitari dei soggetti.

➤ Emergenza di violazioni euristiche non presenti nei task definiti.

➤ Proposte di soluzioni ai problemi

RISULTATI TASK ANALYSIS

Task 1 Task 2 Task 3 Task 4 Task 5 Task 6

FTTC 15 sec 1.30 min 20 sec 15 sec 15 sec 30 sec

MTTC 15 sec 25 sec 20 sec 15 sec 10 sec 30 sec

FEconomia 10 sec 30 sec 10 sec 20 sec 15 sec 50 sec

MInformatica 20 sec 40 sec 20 sec 15 sec 10 sec 35 sec

MSc. formaz. 25 sec 50 sec 10 sec 25 sec 15 sec 40 sec

FPsicologia 25 sec 30 sec 10 sec 20 sec 5 sec 35 sec

COMPARAZIONE RISULTATI

Task 1 Task 2 Task 3 Task 4 Task 5 Task 60.0

1.0

2.0

3.0

4.0

5.0

6.0

Analisi euristica esperta Analisi euristica partecipata

Grav

ità v

iola

zione

Risultati in linea con quanto atteso, differenza massima di 1 valore di gravità. Task 2 e 5 i più gravi.

COMPARAZIONE RISULTATI

Task 1 Task 2 Task 3 Task 4 Task 5 Task 60

12

24

36

48

60

72

Area scientifica Area umanistica Area multidisciplinare

Tem

po e

secu

zione

task

I task 2 e 6 sono stati i più difficili, richiedendo il doppio del tempo rispetto agli altri.

PROBLEMI EMERSI

Durante l’esecuzione dei task da parte degli utenti sono emersi ulteriori problemi:

➤ scomodità del logout automatico ogni 30 secondi➤ difficoltà di scelta tra piano “Pre-approvato” e “Da approvare”➤ troppe voci del menu, a volte poco chiare➤ assenza tasto cerca ➤ parzialità dei breadcumbs

SOLUZIONI

Problema Suggerimento soluzione

1 Difficoltà e modalità di accesso al sito

Correzione url indirizzo + SEO (ottimizzazione sui motori di

ricerca)

2 Assenza bacheca appelli d’esame da loggati

Aggiunta funzione nel menu da loggati

3 Scorretto concepimento tasto home

Spostamento tasto home + logo cliccabile

SOLUZIONI

Problema Suggerimento soluzione

4 Voce menu tirocini rimanda alla home Correzione link

5 Traduzione parziale sito in inglese Traduzione completa del sito

6 Problemi di accesso e assenza versione mobile

Creazione versione mobile friendly + risoluzione errore di

rete

SOLUZIONI EMERSE

Ulteriori soluzioni sono stati suggeriti spontaneamente dagli utenti:

➤ Riduzione e miglioramento voci menu➤ Creazione di un menù a tendina➤ Implementazione di un motore di ricerca interno➤ Breadcrumbs su tutto il sito➤ Possibilità di ingrandire font

DISCUSSIONE

Le due analisi effettuate hanno confermato le violazioni delle euristiche presenti nel sito, nonché la loro gravità.

I task 2 (problemi del menu) e 5 (traduzione parziale sito in inglese) sono quelli con una scala di valutazione più grave.

I task 2 e 6 (problemi versione mobile) sono stati quelli che hanno mostrato maggiore difficoltà nei tempi di esecuzione.

Suggeriamo quindi di riprogettare partendo in primis dai problemi del task 2 e proseguendo con il 5 e il 6.

DISCUSSIONE

Gli utenti sono stati un valore aggiunto per:

➤ conferma delle problematiche dei task➤ individuazione nuove problematiche➤ proposte di soluzioni

CONCLUSIONI

“Segreterie Online” è una piattaforma arretrata rispetto ai canoni moderni di usabilità ed user experience.

Se la dimensione pragmatica va solo migliorata, quella estetica e simbolica sembrano essere state ignorate dai progettisti: problemi di layout, grafica, icona Bicocca non cliccabile o sito inglese parziale sono percepiti come cadute di brand per l'università.

Nonostante questo, basterebbe poco affinché il sito diventi più usabile, piacevole e centrato sugli utenti.

Grazie per l’attenzioneFINE