PROGETTAZIONE SITI WEB

e Laboratorio Avanzato

di Scolaro Stefano, Mc Gilvray Alessandro, Saccomanno Simone

Relazione sulla Valutazione Euristica del sito della regione Valle D'Aosta


Introduzione

La Valutazione euristica è un metodo di valutazione dell'usabilità analitico, cioè basato sull'osservazione del sistema e delle sue componenti. L'analisi viene effettuata seguendo dei principi (euristiche) che un'interfaccia web dovrebbe rispettare. Questa tecnica viena applicata da esperti di usabilità ed ha il compito di determinare eventuali difetti di varia gravità del sistema, soprattutto problemi di entità minore che un normale utente non è in grado di cogliere. Per la valutazione abbiamo utilizzato le 10 euristiche di Nielsen modificaficate dal docente Giorgio Brajnik che si trovano all'indirizzo http://www.dimi.uniud.it/giorgio/dida/psw/euristiche.html


Torna al menù

Strumenti utilizzati


Torna al menù

Livelli di gravità


Torna al menù

Analisi Dettagliata


Visibilità dello stato del sistema

Il sistema deve costantemente informare l'utente su ciò che sta succedendo, fornendo appropriato feedback in tempi ragionevoli

Archittettura
Dove mi trovo?

Capire in quale pagina ci si trova non è immediato, in quanto il sistema di solito fornisce un'etichetta nel corpo centrale del sito ma non presenta nessuna sorta di path. Cosi navigando in profondità nel sito si rischia di perdere l'orientamento e la cognizione della propria posizione. Ricostruire e sapere esattamente dove ci si trova è quindi un lavoro arduo. Nel caso specifico dell'home page non viene indicato in nessum modo che ci si trova nella pagina principale del sito.
Livello di gravità: 2.

La pagina ha un titolo informativo?

Tranne nel caso dell'home page che viene trattata come nel caso qui sopra, i titoli di tutte le pagine si riferiscono alle macro categorie del menù.
Livello di gravità: 1.

Dove posso andare?

Nella home page vengono messe in evidenza nel corpo centrale della pagina le ultime news alle quali si vuole dare particolare importanza, mentre i menù si possono distinguere in 4 tipi:


Livello di gravità: 0.

Ci sono link e pulsanti importanti che sono visibili senza dover fare scrolling?

Ad una risoluzione di 1024x768 tutti i link più importanti sono raggiungibili senza scrolling.
Livello di gravità: 0.

Contenuto
Cosa sto vedendo? percependo?

Quello che vedo e percepisco è abbastanza chiaro, ci sono dei contenuti suddivisi in varie sezioni e una serie di link in cui posso navigare.
Livello di gravità: 0.

La pagina ha un chiaro obiettivo?

L'obbiettivo delle varie pagine è informare l'utente sui vari argomenti che riguardano la regione Valle D'Aosta.
Livello di gravità: 0.

La cosa più importante della pagina si trova in alto?

Si, in alto si trova l'intestazione del sito con un menù fisso in cui si ha ad dispozione funzioni come la selezione della lingua, il cerca e vari link importanti come l' home page, contatti e la site map.
Livello di gravità: 0.

La pagina ha una chiara struttura (2-3 titoletti di sezione, titoletti chiari, parole evidenziate)?

Si, la pagina ha una chiara suddivisione dei menù con titoli evidenziati per categoria.
Livello di gravità: 0.

L'autore della pagina (persona o ente) è chiaramente indicato?

In fondo alla Home Page è indicata la dicitura: "Pagina a cura della Direzione Informazione e Comunicazione multimediale" con i contatti del responsabile del progetto.
Livello di gravità: 0.

È indicata la data di aggiornamento/revisione della pagina?

Si, è indicata in fondo ad ogni pagina la data di ultimo aggiornamento.
Livello di gravità: 0.

I nuovi contenuti della pagina sono chiaramente evidenziati? e le nuove pagine del sito sono evidenziate nella home?

No, non vengono evidenziate.
Livello di gravità: 1.

Se la pagina è il risultato di una compilazione di una form, è chiaro qual è stato l'esito?

Si, il risultato compilazione di una form avviene di solito tramite una tabella indicante i vari dati.
Livello di gravità: 0.

Presentazione
Posso percepire il testo? le immagini? i contenuti multimediali?

I testi e le immagini sono chiaramente identificabili.
Livello di gravità: 0.

Posso percepire i link, i pulsanti, i controlli delle form?

I link non sono sempre percepibili in quando bisogna passarci sopra con il mouse per ottenerne la loro evidenziazione. Per quanto riguarda le immagini funzionali si percepisce che sono link soltanto perchè il browser evidenzia nel cursore la classica "manina".
Livello di gravità: 1.


Torna Su

Allineamento tra il mondo del sistema e quello reale

Il sistema dovrebbe usare lo stesso linguaggio dell'utente, con parole, frasi e concetti familiari all'utente, puttosto di termini che sono orientati al sistema. Seguire le convenzioni del mondo reale, facendo sí che le informazioni appaiano in ordine naturale e logico.

Archittettura
I link, pulsanti, controlli delle form hanno etichette appropriate?

Non sempre le etichette forniscono l'informazione corretta, come ad esempio nel menu a destra "URP". Il collegamento è molto importante perchè è l'ufficio delle relazioni con il pubblico ma essendo identificato con la sola sigla rischia di essere "saltato" dagli utenti che non ne conoscono l'acronimo. Un'altro problema soprattutto nella home page riguarda alcune etichette che risultano essere in francese anzichè in italiano anche se la lingua impostata è appunto quella italiana. Le etichette dovrebbero essere tutte espresse nella lingua in cui l'utente ha deciso di visitare il sito.
Livello di gravità: 1.

Le categorie e i raggruppamenti (di informazioni, di link, di pulsanti, di controlli) hanno etichette appropriate?

In questo caso gli sviluppatori hanno creato etichette e raggruppamenti comprensibili.
Livello di gravità: 1.

Contenuto
Il linguaggio è adatto all'audience?

Nessun problema rilevato.
Livello di gravità: 0.

Viene indicato il momento in cui una certa informazione è stata pubblicata?

Le news non hanno la data di inserimento, qundi non si può far riferimento al loro aggiornamento. C'è una data in fondo alle pagine ma si riferisce al contesto generale di quando la pagina è stata creata e non ad ogni singola informazione inserita.
Livello di gravità: 0.

Gli autori sono indicati? come li si può contattare?

In fondo ad ogni pagina è indicato l'assessorato di riferimeto per ogni categoria ed visitando il link la relativa email.
Livello di gravità: 0.

Presentazione
Vengono usate icone appropriate?

Non vengono utilizzate icone, viene dato spazio principalmente ad etichette od in alcuni casi ad immagini.
Livello di gravità: 1.


Torna Su

Controllo da parte dell'utente e sua libertà

Gli utenti spesso invocano delle funzioni del sistema per errore e abbisognano delle uscite di emergenza chiaramente indicate in modo da abbandonare degli stati del sistema indesiderati senza dover passare attraverso un lungo dialogo. Si supportino azioni di undo/redo.

Archittettura
Viene evitata una introduzione in Flash? la si può facilmente saltare?

Non è presente alcuna presentazione in Flash.
Livello di gravità: 0.

La pagina ha un pulsante "indietro"? oppure le briciole di pane?

Nessuno dei due espedienti è utilizzato, questo è un problema serio in quanto tutto il sistema dei menù e la loro gerarchia risulta essere disorientante per l'utente.
Livello di gravità: 2.

La pagina ha un link alla home?

Si ed è sempre presente.
Livello di gravità: 0.

Questi link/pulsanti funzionano correttamente anche all'interno di pagine basate su frame?

Il sito non presenta frame.
Livello di gravità: 0.

Se lo scaricamento della pagina richiede tempi lunghi, qualche porzione preliminare dei dati viene resa percepibile?

Il caso si è presentato rare volte, ed il sistema ha reagito non mostrando nessun feedback durante il caricamento.
Livello di gravità: 2.

Contenuto
I messaggi di errore suggeriscono come continuare?

Si è presentato un errore di database durante l'analisi ed il sistema si è limitato semplicemente a segnalare il classico errore incomprensibile per l'utente normale senza dare nè spiegazioni nè soluzioni.
Livello di gravità: 2.

Eventuali restrizioni su browser o plug-in sono chiaramente indicate e correttamente gestite?

Durante l'analisi si è presentata una pagina in cui si consentiva solo l'accesso a Internet Explore 5.5. o superiori, grave problema di compatibilità tra browser.
Livello di gravità: 2.

Il caricamento di immagini remote può essere disabilitato?

No, in nessun modo.
Livello di gravità: 1.

Si può navigare solamente con la tastiera?

Il sito non è stato sviluppato con il supporto della navigazione tramite tastiera. Non sono presenti Access Key.
Livello di gravità: 2.

Ci sono acceleratori da tastiera?? sono chiaramente indicati?

Vedi punto precedente.
Livello di gravità: 2.

Presentazione
Font, colori, animazioni, suoni sono usati in maniera appropriata?

I contrasti del testo ed i font sono sempre ben visibili e non creano particolari disturbi all'occhio umano. Anche per chi ha problemi di visione il sito si presenta bene. (test effettuato con http://colorfilter.wickline.org/).
Livello di gravità: 0.

Gli utenti possono ridimensionare la finestra?

Ridimensionando la finestra il layout non cambia, si presenta nella parte inferiore del browser la classica barra di scroll orrizzontale molto fastidiosa.
Livello di gravità: 1.

Gli utenti possono modificare la dimensione del testo?

Solo utilizzando le funzioni del browser come ad esempio il "ctrl+" in Firefox.
Livello di gravità: 1.

Gli utenti possono modificare le dimensioni dei frame?

Non sono presenti frame.
Livello di gravità: 0.


Torna Su

Coerenza e standard

Gli utenti non devono chiedersi se parole, situazioni o azioni diverse fanno riferimento alle stesse cose. Si seguano le convenzioni determinate dagli standard ufficiali o di fatto.

Archittettura
L'etichetta di un link o pulsante è coerente con il titolo della pagina destinazione?

Si, in generale l'etichetta rispetta il contenuto, come detto in precedenza l'etichetta URP per i non addetti ai lavori risulta incomprensibile.
Livello di gravità: 1.

Il titolo di una pagina è coerente con il contenuto della pagina?

Al primo livello dei menù è presente un titolo coerente, ma inoltrandoci nel menù il titolo rimane quello della macrocategoria creando spaesamento nell'utente.
Livello di gravità: 2.

Contenuto
Il contenuto è valido/vero?

Si ipotizza di sì. Essendo il sito di un'organo governativo si dà per assunto che i contenuti siano veritieri.
Livello di gravità: 0.

La pagina o il sito è sufficientemente credibile?

Si, non sono state rilevate inconsistenze di contenuto che presumino il contrario.
Livello di gravità: 0.

Il contenuto fa riferimento a fonti esterne ed indipendenti che sono credibili?

No, il sito è la principale fonte d'informazioni.
Livello di gravità: 0.

Presentazione
Viene coerentemente usato lo stesso stile, colore, font per oggetti simili all'interno di questa pagina? del sito? il layout della pagina è coerente nel sito?

Si, il layout è il medesimo in tutte la pagine e non ci sono variazioni di nessun genere, nè di stile ne di colore ne di font tranne per la pagina del "turismo" in cui i colori di sfondo dei menù combiano diventando blu.
Livello di gravità: 0.

I colori dei link sono coerenti con le convenzioni di fatto?

Tutti link non sono identificabili specificatamente, in quanto la convenzione prevede la loro sottolineatura, qui assente. Cambiano colore in caso di passaggio del mouse sopra, questa è l'unica cosa che permette di riconoscerli. Non cambiano neanche colore quei link già visitati dall'utente.
Livello di gravità: 2.

Ci sono delle convenzioni del web che sono violate?

Vedi sopra.
Livello di gravità: 2.


Torna Su

Prevenzione di errori

Ancora meglio che dei buoni messaggi di errore è un attento progetto che previene gli errori.

Archittettura
Errori di navigazione (vicoli a fondo cieco, cicli, link non definiti, smarrirsi) vengono evitati?

L'unico metodo per evitare questi errori sono le briciole di pane che sono assenti.
Livello di gravità: 2.

Le etichette dei link e pulsanti sono non-ambigui?

I link a volte si confondono con dei titoletti, mentre per i pulsanti vengono usate delle immagini chiare.
Livello di gravità: 1.

Informazioni sull'attraversamento di un link vengono forniti in anticipo (dimensione della pagina, formati particolari, tipo di informazione - souno, animazione, video, PDF, ...)?

Gli allegati presenti sono identificabili alle volte tramite l'indicazione della estensione nell'etichetta del link o tramite un'apposita icona identificativa ed in altre occasioni sono invece del tutto privi di riferimenti, creando una inconsistenza nel sistema.
Livello di gravità: 1.

Gli URL usano caratteri semplici (si evitano caratteri che non siano lettere, o nomi lunghi e complessi)?

Gli URL non presentano caratteri particolari è comunque difficile raggiungere ogni pagina solo attraverso l'immisione dell'indirizzo dalla barra di navigazione.
Livello di gravità: 1.

I frame sono evitati?

Si.
Livello di gravità: 0.

Vengono fornite chiare ed esaurienti istruzioni su come compilare le form? sono adiacenti ai controlli delle form?

La form presente nella ricerca nei "bandi di gara" presenta una piccola spiegazione su come essere utilizzata. Il pulsante "cerca" però è identificato da una sola immagine e non da testo.
Livello di gravità: 1.

Contenuto
Nell'uso delle form gli errori vengono prevenuti (mediante menu, liste di scelte, ...)?

Si in molti casi di form sono presenti liste per evitare errori ed aiutare l'utente.
Livello di gravità: 0.

Nell'uso di motori di ricerca, vengono forniti dei punti di partenza (suggerendo termini generali, codici di classificazione, ...)?

Durante l'analisi effettuata la funzione "Cerca nel sito" del sistema non ha mai funzionato.
Livello di gravità: 3.

Presentazione
Posso percepire e capire che qualcosa è un controllo su cui è possibile operare?

Nella funzione "Cerca nel sito" si comprende che è un controllo dall'immagine funzionale rappresentata dalla lente.
Livello di gravità: 1.

E come lo si usa?

Comprensibilmente, cliccando sull'icona.
Livello di gravità: 0.


Torna Su

Riconoscimento piuttosto di memorizzazione

Rendere visibili gli oggetti, le azioni e le opzioni. L'utente non dovrebbe dover ricordarsi le informazioni relative ad una parte del dialogo nelle successive. Le istruzioni su come usare il sistema dovrebbero essere visibili o reperibili con facilità ogni volta che è appropriato.

Archittettura
I link sono troppi? sono presentati in maniera pesante?

Il sito presenta numerosi link, necessari per esaurire tutti gli argomenti di interesse. Purtroppo questo condiziona la pesantezza nella presentazione in alcune sezioni l'utente si ritrova spesso a dover prestare elevata attenzione ai raggruppamenti.
Livello di gravità: 1.

I tooltip con delle descrizioni più ricche sono disponibili?

No,non cè ne sono.
Livello di gravità: 2.

Contenuto
Il contenuto della pagina è differenziabile da etichette di link?

No. I link come detto in precedenza spesso si confondono per dei titoli.
Livello di gravità: 2.

È chiaro perchè una pagina è rilevante rispetto allo stadio dell'interazione?

Si, se i link non creano ambiguità come detto in precedenza, è possibile capire in ogni pagina che tipo di interazione effettuare.
Livello di gravità: 1.

Le figure hanno delle descrizioni che sono significative?

No, L'attributo ALT delle immagini non è sempre utilizzato ed in certi casi è inutile.
Livello di gravità: 2.

Presentazione
I link e i controlli sono chiaramente visibili?

Vedi sopra.
Livello di gravità: 2.

Le immagini cliccabili sono facilmente riconoscibili?

No, non è presente nessun avviso che l'immagine è cliccabile, se non la classica "manina" del browser.
Livello di gravità: 1.

Si può distinguere tra link inter- e intra-sito?

No, non viene mai specificata l'apertura di una nuova finestra o il passaggio a un sito esterno.
Livello di gravità: 1.


Torna Su

Flessibilità e efficienza d'uso

Gli acceleratori da tastiera - non visibili da utenti principianti - spesso possono velocizzare l'interazione per utenti esperti, facendo sí che il sistema sia allo stesso tempo adatto agli uni e agli altri. Si permetta agli utenti di personalizzare le azioni più frequenti.

Archittettura
Le pagine possono essere incluse nei favoriti/segnalibri (bookmark) in maniera non ambigua?

Non è presente un controllo specifico per questo tipo di operazione se non dal classico menù "Bookmarks" del browser.
Livello di gravità: 1.

Vengono offerti dei meccanismi di ricerca?

Si ma come detto in precedenza la ricerca non ha mai funzionato durante lo svolgimento di questa analisi.
Livello di gravità: 3.

Contenuto
Gli utenti possono approfondire se - e solo se - lo desiderano?

Sì, il sito è strutturato in modo da presentare sempre un'introduzione esauriente dell'argomento.
Livello di gravità: 0.

Le pagine sono state realizzate in modo che possano essere reperite coi motori di ricerca (ad es. usando META name="keywords" content="kwd1, kwd2, ..." META name="description" content="..." )?

Nono sono presenti meta-tag.
Livello di gravità: 1.

Presentazione
Gli utenti posssono ridimensionare la finestra? Gli utenti possono modificare le dimensioni del testo?

In nessun caso è possibile utilizzare questo tipo di controlli, se non utilizzando le funzioni del browser.
Livello di gravità: 1.

Gli utenti possono usare solamente la tastiera? Gli utenti possono usare gli acceleratori da tastiera?

Non sono stati utilizzati access Key o skip links ed il sito non è stato sviluppato per un utizzo tramite la sola tastiera.
Livello di gravità: 1.


Torna Su

Design estetico e minimalista

I dialoghi non dovrebbero contenere informazioni che sono irrilevanti o raramente usate. Ogni componente informativo in un dialogo compete con gli altri, e diminuisce la loro visibilità relativa.

Archittettura
I pulsanti e i link sono raggruppati in base alla loro funzione?

Si, sono raggrupati in base alla loro categoria di destinazione.
Livello di gravità: 0.

Le cose meno importanti (paragrafi, link, pulsanti) sono minimizzati?

Non vengono determinate cose meno importanti da importanti.
Livello di gravità: 0.

I termini che sono legati al web vengono evitati (es. "segui questo link", "clicca qui")?

Nell'intestazione è presente un link con etichetta "Link" dove è possibile trovare accedere a vari siti Istituzionali.
Livello di gravità: 0.

Contenuto
La pagina è succinta?

Le pagine tendono sempre a dare le informazioni relative a ciò che si visualizza e non spaziano in argomenti estranei.
Livello di gravità: 0.

I dettagli sono posti in una pagina secondaria?

Per i dettagli vengono usati o allegati o collegamenti a pagine secondarie, evitando troppe informazioni nella stassa pagina.
Livello di gravità: 0.

La pagina inizia con le conclusioni?

No, viene presentato un testo abbastanza discorsivo che tende ad esaurire l'argomento.
Livello di gravità: 0.

Lunge liste vengono divise in blocchi?

Liste lunghe non vengono mai utilizzate.
Livello di gravità: 0.

Ciascun paragrafo contiene una singola idea?

Principalmente non sono state rilevati errori di questo genere.
Livello di gravità: 0.

Presentazione
Le immagini inutili sono assenti?

No, il sito fa spesso uso di immagini per accompagnare una sezione o un argomento, immagini appunto utilizzate principalmente per senso estetico.
Livello di gravità: 1.

Le animazioni e lampeggiamenti sono evitati?

Non sono presenti nè animazioni ne contenuto lampeggiante.
Livello di gravità: 0.

Le animazioni Flash che sono inutili sono evitate?

Si.
Livello di gravità: 0.


Torna Su

Aiutare l'utente nel riconoscere, diagnosticare e rimediare dagli errori

I messaggi di errore devono essere espressi in un linguaggio semplice (non codici di errore), devono indicare con precisione l'errore, e suggerire in maniera costruttiva una soluzione.

Archittettura
Per gli errori di navigazione vengono dati dei suggerimenti costruttivi (es. link iniziali nel caso di nessun risultato da un motore di ricerca)?

Se si raggiunge un link morto il sistema non aiuta e lascia l'utente disorientato.
Livello di gravità: 2.

Vengono offerte delle spiegazioni naturali di ciò che è successo e perché?

In nessun caso viene presentata una spiegazione o soluzione.
Livello di gravità: 2.


Torna Su

Aiuto e documentazione

Anche se è meglio se il sistema può venir usato senza documentazione, può essere necessario fornire degli aiuti e documentazione di riferimento. Questo tipo di informazione deve essere semplice da ricercare, focalizzata sui compiti degli utenti, elencare i passi concreti da eseguire, e non essere troppo grande come dimensione.

Archittettura
Quanto lontano è il materiale di aiuto? quanto bene esso è integrato nelle pagine?

L'aiuto non è presente, si presuppone che l'utente sappia navigare già nulle pagine del sito.
Livello di gravità: 2.

È disponibile una mappa del sito?

La mappa è presente, ma nell'espandere le sezioni non viene evidenziato in nessun modo l'argomento selezionato e così l'utente deve porre maggiore attenzione ed effettuare una piccola ricerca fra i contenuti proposti nella mappa del sito.
Livello di gravità: 1.

Viene data una descrizione delle caratteristiche di accessibilità del sito?

No, in nessuna pagina.
Livello di gravità: 1.



Torna al menù

 Valid XHTML 1.1! Valid CSS!