La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Analisi euristica Analisi effettuata sul sito web del comune di Lecco (www.comune.lecco.it) Corso di Laurea in Comunicazione Digitale, Secondo turno A.A.

Presentazioni simili


Presentazione sul tema: "Analisi euristica Analisi effettuata sul sito web del comune di Lecco (www.comune.lecco.it) Corso di Laurea in Comunicazione Digitale, Secondo turno A.A."— Transcript della presentazione:

1 Analisi euristica Analisi effettuata sul sito web del comune di Lecco (www.comune.lecco.it) Corso di Laurea in Comunicazione Digitale, Secondo turno A.A. 2006/2007 Docente : Prof. Piero Mussio 1

2 Membri del gruppo MembroMatricola Mari Paolo Piazzoni Luca Profka Alketa Tascone Denis Vaiani Fabio

3 Breve Presentazione Lanalisi è stata effettuata sul sito del Comune di Lecco, il quale prevedeva al suo interno diverse sezioni dedicate alle attività svolte nella zona, le iniziative, le problematiche ecc… Lo scopo dellanalisi è quello di mettere alla luce i problemi di usabilità presentati dal sito in analisi, utilizzando 5 valutatori che,individualmente,hanno attuato lo studio approfondito delle diverse sezioni presentate. 3

4 Descrizione delloggetto analizzato Home Page del sito web Sezioni: Home Page (qui a lato) Sezione sinistra In Comune (suddivisa in più sottosezioni) Sezione destra Speciali Sezione destra Link Utili Sezione centrale con le news riguardo le attività organizzate nella zona 4

5 Sezione In Comune La sezione presenta diverse sotto-sezioni utilizzate per raggruppare in modo intuitivo gli argomenti. La sezione principale è utile per ottenere informazioni specifiche sulla sede del Comune (posizioni,orari ecc) Le sezioni Informazioni e servizi e Servizi Online sono utili per avere maggiori informazioni riguardo i servizi per i residenti La sezione Il comune informa facilita la scoperta di eventi e novità riguardanti il comune 5

6 Sezioni Speciali e Link Utili La sezione Speciali prevede dei collegamenti ipertestuali riferito a sportelli, servizi e utilità offerte dal comune La sezione Link Utili permette al navigatore di avere una serie di indirizzi consigliati e utili per una maggior facilità di ricerca riguardo servizi ed enti pubblici come Info-Turismo o lOspedale 6

7 Sezione centrale News La sezione centrale della Home Page è chiaramente adibita allimmediata visualizzazione di eventi riguardanti le attività offerte dal comune e delle informazioni importanti riguardo problematiche o disguidi allinterno del comune 7

8 Cosè lusabilità? L'usabilità è definita dallISO (International Standard Organization), come l'efficacia, l'efficienza e la soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti. In pratica definisce il grado di facilità e soddisfazione con cui l'interazione uomo-strumento si compie. Il termine non si riferisce ad una caratteristica intrinseca dello strumento, quanto al processo di interazione tra classi di utenti, prodotto e finalità. Fonte: Wikipedia (it.wikipedia.org) Il problema dell'usabilità si pone quando il modello del progettista non coincide con il modello dell'utente finale (ovvero l'idea che l'utente concepisce del prodotto e del suo funzionamento). Il grado di usabilità si innalza proporzionalmente all'avvicinamento dei due modelli (modello del progettista, e modello dell'utente) 8

9 Lusabilità secondo Nielsen Secondo Jakob Nielsen lusabilità di un determinato prodotto è divisa in 5 dimensioni: 1. Apprendibilità: facilità nellapprendere il comportamento del sistema (lutente ne intuisce subito il modo di utilizzo) 2. Efficienza duso: il livello di performance raggiungibile dallutente 3. Flessibilità: rispetto alle molteplici modalità di interazione 4. Robustezza: basso tasso di errori con basso impatto sul costo 5. Soddisfazione: il sistema deve essere gratificante da usare Foto di Jakob Nielsen, informatico danese. Fonte: Wikipedia (it.wikipedia.org) 9

10 Lanalisi Euristica È quella parte della ricerca il cui compito è di favorire l'accesso a nuovi sviluppi teorici o scoperte empiriche. Si definisce infatti procedimento euristico, un metodo di approccio alla soluzione dei problemi, che non segue un chiaro percorso, ma si affida all'intuito e allo stato temporaneo delle circostanze, al fine di generare nuova conoscenza Fonte: Wikipedia (it.wikipedia.org) Per effettuare la valutazione euristica del sito web in analisi sono stati utilizzati i 10 principi di Nielsen, i quali sono applicabili non solo ai siti web ma a qualsiasi tipo di sistema. 10

11 I 10 principi di Nielsen Un buon sistema deve: 1. Fornire sempre lo stato del sistema (feedback) 2. Adeguare il sistema al mondo reale (parlare il linguaggio dellutente) 3. Controllo dellutente e libertà (uscite indicate chiaramente) 4. Assicurare consistenza (nellapplicazione, sistema, ambiente) 5. Permettere il riconoscimento piuttosto che uso della memoria dellutente 6. Assicurare flessibilità ed efficienza duso (acceleratori) 7. Visualizzare tutte e sole le informazioni necessarie 8. Prevenire gli errori 9. Permettere allutente di correggere gli errori e non solo di rilevarli 10. Fornire help e documentazione 11

12 Le fasi dellesperienza (1) 1. In questa prima fase viene strutturato il progetto ovvero viene definito lo spazio temporale in cui verrà sviluppato, il numero di valutatori, il profilo utente di colui che andrà ad accedere al sito web, il profilo di colui che commissiona lanalisi del sito e, infine, i principi di usabilità a cui si farà riferimento per lanalisi 2. I componenti del gruppo eseguono lanalisi euristica del sito facendo riferimento ai principi di usabilità definiti in fase preliminare. Una volta eseguita lanalisi ogni valutatore dovrà stilare un documento contenente tutti i problemi di usabilità riscontrati e il relativo principio violato. 3. I valutatori si incontrano in riunione con lo scopo di confrontare le singole analisi ed effettuare la fase di debriefing in cui verrà stilato un documento finale contenente tutti i problemi di usabilità riscontrati nellapplicazione e vengono calcolate le statistiche sui dati ottenuti. 12

13 4. I valutatori si radunano per una seconda volta con lo scopo di pensare e proporre delle possibili soluzione ai problemi di usabilità riscontrati e creare un prototipo che non è altro che un mock up dellinterfaccia del sistema in cui vengono mostrate le soluzioni proposte e le funzionalità non implementate nel sito originale 5. Studio dellaccessibilità del sito. In questa fase vengono utilizzati alcuni strumenti messi a disposizione dal W3C e i principi della Legge Stanca. 6. Stesura del rapporto finale cartaceo con annessa presentazione Power Point. Le fasi dellesperienza (2) 13

14 Schema temporale della attività 14

15 Profilo Cliente Il cliente che ha commissionato questo progetto è il Prof. Piero Mussio docente della facoltà di Comunicazione Digitale presso lUniversità degli Studi di Milano. Foto del Prof. Piero Mussio Fonte: cslab.dico.unimi.it 15

16 Profilo Utente (1) Il sito del Comune di Lecco verrà visitato da persone appartenenti a diverse categorie di utenza. Da una nostra analisi è emerso che il profilo utente di colui che andrà ad utilizzare il sito ha le seguenti caratteristiche: Caratteristiche psicologiche: lutente deve essere particolarmente interessato alle informazioni riguardanti il Comune di Lecco Conoscenza ed esperienza: Lutente deve avere delle basilari competenze informatiche (capacità di utilizzo di un compilatore e degli strumenti necessari alla navigazione sul web). Essendoci inoltre la possibilità di scaricare allegati in formati proprietari è consigliata la conoscenza di utilizzo dei relativi software per la visione. Infine per la corretta interpretazione dei contenuti del sito è necessario conoscere la lingua italiana (analfabeti e stranieri non potranno comprendere in maniera corretta i contenuti). 16

17 Profilo Utente (2) Caratteristiche fisiche: per la visione del sito sono accettate tutte le caratteristiche fisiche possibili al eccezione della cecità, anche se persone affette da daltonismo possono riscontrare problemi di visione di alcune pagine del sito a causa della presenza di immagini multicolore. Caratteristiche del lavoro e dei compiti: La frequenza di visione del sito è strettamente legata allinteresse dellutente nei confronti dei contenuti offerti. Sicuramente laccesso sarà maggiore da parte di cittadini residenti o comunque operanti nel Comune di Lecco, anche se nulla proibisce ad altre persone di accedere con alta frequenza al sito. 17

18 Problemi riscontrati Nelle slide successive verranno descritti i vari problemi riscontrati dagli osservatori che hanno lavorato sullanalisi. 18

19 Assenza di segnalazione riguardo il caricamento di alcune pagine Visualizzare a video una barra di caricamento che mostra lo stato dellapertura di una pagina del sito oppure di un documento in formato.pdf direttamente sul bowser 19

20 Talvolta mancano indirizzi mail riguardo enti o uffici Assegnare ad ogni organo una casella in modo tale da dare la possibilità allutente di contattare ogni singolo organo comunale di suo interesse senza dover contattare direttamente il sindaco 20

21 Richiesta presenza di software esterni per lapertura di diversi file Per evitare di mettere lutente in difficoltà sulla gestione di svariati formati sarebbe utile mettere online una guida su come aprire un file o, nel caso in cui non si possieda il software sulla propria macchina, su come scaricarlo e installarlo. Lutente si trova a dover gestire dei certificati, cosa che per molti risulta molto difficoltosa. Per risolvere questo problema sarebbe utile mettere online una guida sullutilizzo dei certificati web 21

22 La presenza di file.pdf può provocare ad un utente senza predisposizioni hardware adeguate un blocco del terminale Limitare lutilizzo di file in formato.pdf allinterno del sito. Questi documenti potrebbero essere sostituiti da documenti in formato xml o comunque formati che richiedono predisposizioni hardware non troppo elevate 22

23 Mancata presenza di traduzione del sito in altre lingue Presentare una traduzione del sito almeno in lingua inglese in modo tale che utenti che non conoscono la lingua italiana possano comprendere i contenuti e recuperare informazioni. La soluzione ottimale sarebbe di proporre una traduzione del sito nelle principale lingue parlate nel mondo 23

24 Impossibilità di effettuare Undo Implementare la visualizzazione della gerarchia delle pagine visitate per arrivare a una determinata pagina. Fornire degli strumenti di navigazione interni al sito più completi e ottimali che permettano allutente di fare operazioni di undo senza dover utilizzare i comandi standard forniti dal browser 24

25 Mancanza di una guida allutilizzo ed un aiuto online Costruire una sezione allinterno del sito una guida che spiega come accedere ai contenuti del sito e su come aprire file in formato.pdf e scaricare ed installare il relativo reader 25

26 Mancanza di una mappa del sito web Creare allinterno del sito una pagina in cui è contenuta una mappa del sito 26

27 Alcuni collegamenti puntano ad indirizzi esterni al sito del Comune Per ogni link che punta a siti esterni a quello del Comune di Lecco indicare che si sta per essere indirizzati su altri siti 27

28 Interfaccia grafica Agenda 21 differente rispetto al sito principale Mantenere uno stile grafico omogeneo a quello del resto del sito rispettando i colori e i font utilizzati nelle altre pagine 28

29 Motore di ricerca non ben segnalato e poco efficiente Segnalare con una scritta di dimensioni opportune il motore di ricerca e implementarlo con algoritmi di ricerca funzionanti e idonei al sito 29

30 Informazioni inutili nella pagina Dove siamo Visualizzare solamente le informazioni che fanno capire allutente dove si trova il comune dal punto di vista geografico ed eliminare tutto ciò che parla di argomenti diversi come le notizie turistiche o la descrizione del comune come città manzoniana 30

31 Interfaccia grafica apparentemente disordinata nella sezione Agenda 21 Organizzare i contenuti in modo più ordinato ed efficiente evitando ripetizioni inutili che portano confusione nel lettore 31

32 Mancanza di segnalazione campi obbligatori per linvio Nelle pagine in cui è contenuto un form per linvio dei dati indicare con un simbolo particolare, come per esempio un asterisco, quali sono i campi obbligatori 32

33 Collegamenti diversi talvolta contengono medesime informazioni Eliminare i link che puntano a pagine contenenti le stesse informazioni 33

34 Link non ben evidenti e non vengono segnalati quelli già visitati Evidenziare i link in modo migliore con colori diversi rispetto a quelli del testo delle pagine del sito 34

35 Miniature delle news spesso poco intuibili Le miniature delle news dovrebbero essere disposte in modo tale da permettere di aumentare la loro dimensione per renderle meglio visibili 35

36 Assenza di Footer a fondo pagina dando la parvenza di cattiva gestione dello spazio In fondo ad ogni pagina bisognerebbe aggiungere un Footer che indichi la fine della pagina in quanto un utente potrebbe pensare che la pagina continui 36

37 Assenza descrizione del contenuto di un collegamento con il posizionamento del puntatore Implementare i link in modo tale che quando un utente vi posiziona sopra il cursore del mouse viene visualizzata una scritta che descrive brevemente il contenuto della pagina a cui si sta puntando 37

38 Linguaggio non chiaro a tutte le tipologie di utenti Esporre i contenuti e le informazioni con un linguaggio di livello più basso senza utilizzare termini troppo tecnici e difficili 38

39 Richiesta la presenza di software esterno per linvio delle mail Per evitare di mettere lutente in difficoltà sarebbe opportuno permette allutente di selezionare il programma di posta di utilizzare per contattare lorgano comunale 39

40 Alcuni link puntano a pagine bloccate o non più presenti Revisionare in modo periodico il sito per controllare che tutto funzioni correttamente e qualora si riscontrassero malfunzionamenti correggerli in modo opportuno 40

41 Contrasto tra testo e sfondo non sufficiente Aumentare il contrasto tra il colore dello sfondo delle pagine e quello del testo in quanto con la combinazione attuale non è molto leggibile il testo. Sarebbe opportuno scrivere il testo in colore nero o comunque in un colore più scuro rispetto allo sfondo grigio 41

42 Statistiche dei problemi 42

43 Confronto con Nielsen 43 Confrontando il nostro grafico con quello di Nielsen ci accorgiamo che in entrambi i grafici il numero di errori individuati in fase valutativa cresce proporzionalmente con la crescita del numero di valutatori. Inizialmente la curva sale molto rapidamente per poi crescere più lentamente, quasi a stabilizzarsi, ad un elevato numero di valutatori.

44 Presentazione prototipo (1) 44 Homepage ModificataHomepage Originale

45 Presentazione prototipo (2) 45 Scrivi al sindaco CorrettaScrivi al sindaco Originale

46 Presentazione prototipo (3) 46 Agenda 21 CorrettaAgenda 21 Originale

47 Accessibilità L'accessibilità, in informatica, è la capacità di un dispositivo, di un servizio o di una risorsa d'essere fruibile con facilità da una qualsiasi categoria d'utente. Il termine è comunemente associato alla possibilità anche per persone con ridotta o impedita capacità sensoriale, motoria, o psichica, di fruire dei sistemi informatici e delle risorse software a disposizione. Il termine ha trovato largo uso anche nel settore di Internet col medesimo significato. Sono stati utilizzati i seguenti strumenti: -W3C Markup Validation Service (HTML) -W3C CSS Validation Service (CSS) 47

48 Esiti (1) 48

49 Esiti (2) 49

50 Legge Stanca (1) Per quanto riguarda i requisiti necessari a garantire laccessibilità del sito web, abbiamo preso in esame la legge Stanca e tramite essa, abbiamo analizzato le varie pagine, trovando i seguenti problemi: Non viene quasi mai fornita un alternativa testuale alle immagini presenti allinterno del sito (Requisito 3 L. Stanca ~ 1.1, 6.2 WCAG 1.0 ~ (a) Sec. 508) Basso contrasto tra testo e background in molte sezioni del sito (background bianco e testo grigio chiaro) (Requisito 6 L. Stanca ~ 2.2 WCAG 1.0) Molti link fanno riferimento a pagine di cui, se posti fuori dal contesto dellamministrazione comunale, non si potrebbe conoscere il significato (Requisito 19 L. Stanca ~ 13.1, 13.6 WCAG 1.0 ~ (o) Sec. 508) 50

51 Legge Stanca (2) Lutente non viene esplicitamente avvertito dei lunghi tempi di caricamento necessari al download dei moltissimi file PDF presenti nel sito (Requisito 20) Nonostante la non totale accessibilità, non viene fornito un link alternativo per la visualizzazione del sito da parte di utenti impossibilitati a vederne la versione completa (Requisito 22 L. Stanca ~ 11.4 WCAG 1.0 ~ (k) Sec. 508). 51


Scaricare ppt "Analisi euristica Analisi effettuata sul sito web del comune di Lecco (www.comune.lecco.it) Corso di Laurea in Comunicazione Digitale, Secondo turno A.A."

Presentazioni simili


Annunci Google