analisi ui e ux di segreterie online - università di milano bicocca
TRANSCRIPT
![Page 1: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/1.jpg)
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
![Page 2: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/2.jpg)
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
![Page 3: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/3.jpg)
SEGRETERIE ONLINE
![Page 4: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/4.jpg)
SEGRETERIE ONLINE
PERCHÉ L’ABBIAMO SCELTO?Abbiamo scelto questo servizio perché riguarda attivamente noi ed i nostri compagni in quanto studenti ed utilizzatori finali.
![Page 5: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/5.jpg)
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.
![Page 6: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/6.jpg)
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.
![Page 7: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/7.jpg)
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):
![Page 8: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/8.jpg)
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
![Page 9: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/9.jpg)
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.
![Page 10: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/10.jpg)
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
![Page 11: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/11.jpg)
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
![Page 12: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/12.jpg)
ESEMPI VIOLAZIONI
![Page 13: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/13.jpg)
ESEMPI VIOLAZIONI
![Page 14: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/14.jpg)
ESEMPI VIOLAZIONI
![Page 15: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/15.jpg)
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
![Page 16: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/16.jpg)
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
![Page 17: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/17.jpg)
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
![Page 18: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/18.jpg)
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.
![Page 19: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/19.jpg)
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.
![Page 20: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/20.jpg)
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
![Page 21: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/21.jpg)
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
![Page 22: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/22.jpg)
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
![Page 23: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/23.jpg)
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
![Page 24: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/24.jpg)
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.
![Page 25: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/25.jpg)
DISCUSSIONE
Gli utenti sono stati un valore aggiunto per:
➤ conferma delle problematiche dei task➤ individuazione nuove problematiche➤ proposte di soluzioni
![Page 26: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/26.jpg)
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.
![Page 27: Analisi UI e UX di Segreterie Online - Università di Milano Bicocca](https://reader031.vdocuments.pub/reader031/viewer/2022020410/58999dff1a28ab30328b8e41/html5/thumbnails/27.jpg)
Grazie per l’attenzioneFINE