Usabilità del web, a case studying.univaq.it/laura/didattica/SEI1/seminari/dibattista.pdf ·...

Re-ingegnerizzazione del sito di facoltàRi-progettazione del sito di facoltà

Valutazione

Usabilità del web, a case study

T. Di Mascio F. Di Battista

Sistemi di elaborazioni delle informazioni 1

T. Di Mascio, F. Di Battista Usabilità del web, a case study


Valutazione

Sommario

1 Re-ingegnerizzazione del sito di facoltà

Il vecchio sito

Nuovo sito

2 Ri-progettazione del sito di facoltà

Metodologia

3 Valutazione

Valutazione expert-based

Valutazione user-based



Valutazione

Il vecchio sitoNuovo sito

Vecchio sito



Valutazione


Particolare del vecchio sito



Valutazione


Perché è stato re-ingegnerizzato

Problemi riguardanti:

1 manutenzione e gestione;

2 assenza di tipologie di utente;

3 di�cile gestione da parte di enti esterni quali segreteria.



Valutazione


Re-ingegnerizzazione: metodologia

La metodologia utilizzata per progettare l'attuale sito è di tipo

procedurale e si basa sulle seguenti attività:

identi�cazione degli utenti;

studio dei casi d'uso;

costruzione del prototipo.



Valutazione


Identi�cazione degli utenti

Gli utenti sono stati individuati in fase di progettazione dal designer.

Utenti individuati:

utente generico;

potenziale iscritto;

studente;

laureato;

docente;

amministrativo;

amministratore.



Valutazione


Casi d'uso

I casi d'uso sono il modo migliore per modellare il sistema.

Componenti dei casi d'uso:

attori: ruoli assunti da persone e cose che usano il sistema;

casi d'uso: ciò che gli attori possono fare con il sistema;

relazioni: relazioni signi�cative tra attori e casi d'uso;

con�ne del sistema: rettangolo disegnato intorno ai casi d'uso

per indicare il con�ne del sistema oggetto del modello.



Valutazione


Esempio di caso d'uso



Valutazione


Costruzione del prototipo (1)

Sito con layout standard

Logo in alto alla pagina.

Menù a sinistra.

Corpo del testo centrale.



Valutazione


Costruzione del prototipo (2)Struttura della Homepage



Valutazione


Costruzione del prototipo (3)Struttura della Homepage



ValutazioneMetodologia

Metodologia utilizzata

Per siti

multiutente la

metodologia di

progettazione da

utilizzare è

l'UCDM.




Identi�cazione degli utenti

Sono stati e�ettuati dei test

preliminari sul web (ne sono

stati raccolti 168 di cui 65

giudicati buoni) per individuare

gli utenti.




Gli utenti

Categoria degli utenti generici:

utenti stranieri;

utenti disabili;

utenti tecnologici.

Categoria degli utenti speci�ci:

potenziale iscritto;

studente;

laureato;

docente;

amministrativo;

aziende;

amministratore;




Tipologie degli utenti (1)

Tipologie del designer Tipologie con UCDM Classi

Utente stranieroPotenziale iscritto

Studente

Portatore diHandicap

Problemi visivi

Problemi motori

Utente tecnologico

Utente generico Utente generico

Potenziale iscritto Potenziale iscritto

Informazioni sulla

facoltà

Informazioni sui precorsi

Informazioni sulla

triennale

Informazioni sulla

specialistica




Tipologie degli utenti (2)


Laureato Laureato

Riscriversi ad un corso

di laurea

E�ettuare master/

dottorato di ricerca

Interessato a lavorare

Associazione laureati

Docente Docente

Generico

Presidente o segretario

consiglio di studi

Presidente o segretario

consiglio di facoltà

Amministrativi una classe per ogni

dipartimento/servizio




Tipologia degli utenti (3)


Amministratori Amministratori

Aziende Aziende

Servizi per laureandi

Servizi per laureati

Richieste/o�erte corsi

di formazione




Esempio di utente genericoUtente disabile

Problemi per gli utenti disabili:

handicap visivi;

cecità cromatica;

visibilità ridotta.

handicap motori.



Valutazione

Valutazione expert-basedValutazione user-based

Valutazione expert-based

Per questo tipo di valutazione ci si avvale dell'esperienza dei

valutatori.

I problemi individuati riguardano:

homepage;

logo;

alcuni menù;

galleria fotogra�ca;

rubrica;

informazioni sul raggiungimento �sico della facoltà.



Valutazione


Cosa c'è di buono in questo sito?



Valutazione


Le briciole di pane



Valutazione


L'utente deve sapere sempre cosa succede



Valutazione


Il problema del logo del sito di facoltà

A: link al sito www.ing.univaq.it.

B: logo con link al sito www.univaq.it.

C: logo al sito di facoltà.

Problemi Suggerimenti



Valutazione


Quale problema ha il menù selezionato?

Possibili soluzioni?T. Di Mascio, F. Di Battista Usabilità del web, a case study


Valutazione


Una soluzione

Come fareste i sottomenù?

Statici?

ovvero bisogna cliccare per aprire i sottomenù.

Dinamici?

basta un passaggio del mouse sulla categoria principale per

accedere alla secondaria.



Valutazione


Già visti in precedenza



Valutazione


Problemi dei sottomenù dinamici



Valutazione


Homepage attuale



Valutazione


Particolare della homepage suggerita

Quale di�erenza c'è con la precedente slide?

Link profondiT. Di Mascio, F. Di Battista Usabilità del web, a case study


Valutazione


Problema della mappa �come raggiungerci�

Come valutate questa mappa necessaria a far capire all'utente

l'ubicazione della facoltà?



Valutazione


Possibile soluzione del problema della mappa



Valutazione


Valutazione user-based

In questa fase di valutazione sono molto importanti i test e�ettuati,

in paricolare:

questionari sul web per gli utenti generici;

coinvolgimento diretto per gli utenti speci�ci;

questionari cartacei per gli studenti;

registrazione dei task per gli studenti degli anni successivi;

questionari con registrazione dei task per i docenti;

interviste per laureati ed amministrativi.



Valutazione


Problemi individuati

I problemi individuati riguardano:

font troppo piccoli;

funzione di ricerca;

link nascosti;

link da aggiornare.



Valutazione


Esempio: funzione di ricerca

Come e�ettuereste una ricerca con questo tool?

Si supponga di e�ettuare una ricerca con la parola chiave

�autobus�.

Cancello la parte site:www.ing.univaq.it e scrivo autobus.

Lascio la parte site:www.ing.univaq.it ed aggiungo la parola

autobus.



Valutazione


Caso in cui si cancella �site:www.ing.univaq.it�

86 RISULTATI



Valutazione


Caso in cui non si cancella �site:www.ing.univaq.it�

2 RISULTATI



Valutazione


Ulteriore problema della funzione ricerca

Quale problema ha questa funzione di ricerca?

Questo screenshot è stato e�ettuato dopo la prima ricerca dal sito

di facoltà



Valutazione


Rubrica

Il problema dello spam

Esistono programmi che scorrono il web alla ricerca di indirizzi

e-mail a cui mandare messaggi indesiderati. Questi programmi

individuano in primo luogo la @ per poi prelevare l'indirizzo.



Valutazione


Soluzioni antispam

Soluzioni antispam

1 Inserire al posto della @ la stringa at e segnalare la sostituzione

da e�ettuare (esempio francesco.at.gmail.com)

2 Inserire la @ come immagine e non come testo e segnalarla

(come in questo sito, dove però manca la segnalazione)

3 �Cifrare l'email� e per farla visualizzare solo quando l'utente

clicca su un link mediante un apposito programma.



Valutazione


Esempio di test e�ettuato onlineTest preliminare: 65/168 validi



Valutazione


Esempio di test (1)Classe utenti primo anno pag 1



Valutazione


Esempio di test (1)Classe utenti primo anno pag 2



Valutazione


Esempio di test (2)Risultati dei 7 test (1)



Valutazione


Registrazione task

Task da eseguire

1 Individuare insegnamenti di un docente (nello speci�co Paoletti

Domenica)

2 E�ettuare ricerca sul catalogo online �OPAC� della biblioteca

3 Individuare modalità di pagamento della II rata delle tasse

università

4 Orario di apertura della segreteria studenti

5 Insegnamenti e docenti del corso di laurea di Ingegneria

Matematica

6 Modulo di iscrizione agli esami di stato


Usabilità del web, a case studying.univaq.it/laura/didattica/SEI1/seminari/dibattista.pdf ·...

Documents

Transcript of Usabilità del web, a case studying.univaq.it/laura/didattica/SEI1/seminari/dibattista.pdf ·...