Valutazione euristica dell'usabilità di un sito

Autori: Federico Maio, Massimiliano Oggian

Il seguente trattato ha l'intento di presentare l'analisi di una parte di un sito in maniera sistematica, secondo il metodo della valutazione euristica, quindi rispetto alle linee guida sull'usabilità.

Tabella dei contenuti

  1. Introduzione
  2. Visibility of system status
  3. Match between system and real world
  4. User control and freedom
  5. Consistency and standards
  6. Error prevention
  7. Recognition rather recall
  8. Flexibility and efficiency of use
  9. Aesthetic and minimalist design
  10. Help users recognize, diagnose and recover from errors
  11. Help and documentation

1. Introduzione

Per questa valutazione euristica abbiamo deciso di esaminare il sito ufficiale del Teatro Nuovo Giovanni Da Udine (www.teatroudine.it). Questo rapporto conterrà per ognuna delle 10 euristiche domande e risposte in relazione a:

2. Visibility of system status

Architecture

Where am I?

Sono nella home page del teatro Nuovo Giovanni da Udine. La presenza di un breadcrumb "Home" evidenzia il fatto che ci si trova nella pagina principale.

Where can I go?

È presente sulla sinistra una pulsantiera che ci mostra le possibili destinazioni che si possono raggiungere. In questa lista "Home" è un link attivo pur essendo già nella pagina principale. Questo problema si riscontra anche sul fondo della pagina dove un'icona attiva funge ancora da collegamento alla pagina principale. Sempre sul fondo si trovano un form per la ricerca nel sito e un collegamento a chi ha prodotto il sito. Al centro della pagina sono esposte le locandine cliccabili con gli spettacoli in programmazione.

Are important buttons/links visible without scrolling?

Tutti i pulsanti importanti sono visibili senza scrolling.

Content

What am I seeing?

È che ci troviamo nella pagina principale. Da qui si riescono a vedere tutte le componenti principali del sito e gli strumenti di navigazione. Non è molto chiara l'esposizione completa delle descrizioni degli spettacoli, in quanto necessita l'utilizzo di una barra di scorrimento.

The page has a clear goal?

Si, presentare la barra di navigazione del sito per accedere alle varie sezioni e evidenziare i futuri spettacoli in programmazione.

Is most important thing on the top of the page?

Si, perchè in alto è presente il logo del teatro che ci esplicita il luogo in cui ci troviamo e perchè in questo punto non ci sono sottosezioni da evidenziare in modo particolare.

Has the page a clear structure?

Si, la struttura è chiara a parte la presentazione degli spettacoli che richiede l'uso della barra di scorrimento.

Authorship is explicit?

Si, sul fondo della pagina è presente un collegamento alla pagina web dell'autore.

Is new content highlighted in home/based pages?

Si, le ultime notizie sono evidenziate nello spazio centrale della pagina.

Presentation

Can I perceive the text?

Il testo si percepisce abbastanza bene anche se il font risulta un po' piccolo per le persone con difficoltà visiva.

Can I perceive the links/buttons/field? Can I understand that something is a link/button/control?

I links e i bottoni non sono molto riconoscibili perchè non rispettano i colori e la presentazione standard.

3. Match between system and the real world

Architecture

Appropiate labels are used for links/controls?

Le etichette sembrano essere consistenti con i loro obiettivi. Danno tutte l'idea di ciò che ci potremo trovare di fronte seguendo il collegamento.

Content

Language is appropiate for audience?

Il linguaggio usato è naturale e non tecnico ad eccezione del link "Mailing list" che potrebbe risultare non chiaro ad utenti inesperti.

Time information is present?

Le news sono aggiornate ma non è presente nella pagina una data che indichi il giorno in cui è stato aggiornato.

Are authors shown? Can I contact them?

Non c'è il nome dell'autore ma è presente un link "credits" che ci permette di raggiungere il sito dell'azienda produttrice.

Presentation

Use of appropiate icons?

C'è solo un'icona appropriata (una casetta) che indica la pagina principale.

4. User control and freedom

Architecture

Is a flash introduction avoided? Can it be easily skipped?

No.

Page has a "previouos page" button?

Ci sono i breadcrumbs che ci permettono di individuare la posizione corrente e quindi anche la pagina precedente.

Page has a home button?

Si, in basso a sinistra mediante un'icona e nel menu di navigazione a sinistra.

Do these buttons work properly even from whithin framed pages?

No, in quanto scompare il menu per navigare e non ho pulsanti in grado di farmi tornare indietro.

Are breadcrumbs clearly shown?

Si, i breadcrumbs sono evidenziati in alto sulla sezione che stiamo visitando.

If long download occurs, is some early portion of data being displayed?

Non ci sono grandi quantità di dati da scaricare.

Content

Do error messages suggest how to continue?

Si, in caso di errori i messaggi sono chiari e concisi.

Restrictions on browser version are shown and handled in some way?

Non ci sono elementi che possono dipendere dal tipo e dalla versione del browser utilizzato. Nella pagina di prenotazione del biglietto è possibile scegliere il posto in modalità testuale o grafica.

Can the user navigate/operate the page with keyboard only?

Si, usando il tasto TAB si può visitare normalmente il sito.

Are keyboard accelerator supported? Are they shown?

Non ci sono keyboard accellerator.

Presentation

Fonts, colors, blinking, animations, sounds are used appropiately?

La dimensione del carattere è abbastanza piccola e i colori non presentano rilevanti difficoltà di lettura.

Can users resize the window?

Si, si può ridimensionare la finestra ma con risultati scadenti dal punto di vista visivo.

Can users change the font size?

Si, ma solo nella sezione relativa al contenuto. Vengono esclusi i menu.

Can users resize frames?

No.

5. Consistency and standards

Architecture

Page title is consistent with page content?

Si, il titolo presenta il nome del teatro.

Content

Is content valid/true?

Il contenuto è valido perchè risulta aggiornato, ma non è accessibile.

Is the page/site credible enough?

Si, il sito risulta credibile in quanto le notizie non presentano date incosistenti.

Does the content refer to external (credible) source?

No, il contenuto non presenta collegamenti a fonti esterne.

Presentation

Is same style, color, font used for similar object in this page? Throughout the site?

Si. Stile, colore e dimensione del carattere sono utilizzate in maniera consistente sia in questa pagina che attraverso il sito.

Page layout is consistent throughout the site?

La presentazione delle pagine è consistente in tutto il sito tranne per la pagina di prenotazione online di un biglietto.

Links color are consistent with www conventions?

Non c'è coerenza con le convenzioni del web. Non vengono evidenziati in maniera differente i collegamenti già visitati.

Are other www convention violated?

No.

6. Error prevention

Architecture

Are navigation errors prevented from occuring?

Non ci sono errori rilevanti da poter correggere il comportamento dell'utente.

Are unambiguous link descriptions/anchors used?

Ci sono due links abbastanza ambigui. "Mailing list" potrebbe confondere un utente inesperto, "credits" non descrive cosa potremmo trovare al suo interno.

Do URLs use simple characters?

Si, l'indirizzo della pagina è semplice, facile da ricordare e usa solo caratteri alfabetici.

Are frames avoided?

No, la pagina contiene dei frames per l'impaginazione.

Are clear instruction on how to use forms available?

Sono specificati quali sono i campi obbligatori ma non viene descritto come compilarli.

Content

In using forms, are error prevented?

Gli errori sono contrastati tramite l'uso dell'asterisco che indica i campi obbligatori. In caso di errore il servizio è supportato da messaggi che aiutano a risolverlo.

Presentation

Can I perceive and understand that something is a control?

Si, perchè mi viene presentata una finestra con un'icona di errore e la descrizione dell'errore.

And how it should be used?

Posso usarlo riconoscendo il tipo di errore.

7. Recognition rather than recall

Architecture

Are links overwhelming (in number and layout)?

No. Il loro numero è accettabile e la loro disposizione è accurata.

Content

Is page content recognizable from link name?

Si. Il contenuto è riconoscibile grazie alla buona descrizione della funzione di tutti i collegamenti.

Is it clear why a page is relevant (wrt a followed link)?

In questa pagina non ci sono pagine più rilevanti di altre.

Pictures do have meaningful captions?

No, le immagini non presentano didascalie.

Presentation

Clickable images are recognizable as such?

No, le immagini cliccabili non si distinguono dalle altre se non passandoci sopra con il mouse.

Can you distinguish between inter and intra-site pages?

No, l'unico link che porta all'esterno non è evidenziato in maniera differente dagli altri e non indica nemmeno il fatto che si tratta di una pagina esterna.

8. Flexibility and efficienty of use

Architecture

Can pages be bookmarked unambiguously?

Si, i titoli delle pagine non sono ambigui.

Are search tools provided in the site?

Si, il sito è provvisto di un motore di ricerca interno.

Content

Can people go into greatter depth if - and only -they want?

Si, gli utenti possono consultare informazioni più dettagliate solo se interessati a determinati argomenti o spettacoli.

Are pages written to be found information (i.e. using META tag)?

Si, vengono usati i meta-tag per il reperimento tramite motore di ricerca.

9. Aesthetic and minimalist design

Architecture

Are buttons/links grouped accordng to function?

Si. I link sono raggruppati in maniera ragionevole.

Are less important things (paragraphs, links, buttons)?

No. Tutte le componenti risultano ad uno stesso livello di importanza.

Are web-related terms avoided (eg. "follow this link", "click here")?

Si. Sono presenti due termini correlati solo al web: mailing list, credits.

Content

Is this page succint?

Si. I contenuti sono espressi in maniera sintetica e chiara.

Are details put in secondary pages?

Si. I dettagli sono accessibili tutti nelle pagine più in profondità.

Are long list classified in chunks?

La lista più ampia comprende nove elementi quindi non occorre usare chunks.

Does each paragraph contain a single idea?

Si, in ogni paragrafo è presentata un singolo argomento.

Presentation

Are unneeded images removed?

No.

Are animations and blinkings avoided?

Si. Non esistono animazioni.

Are unneeded Flash animations avoided?

Non sono presenti animazioni flash.

10. Help users recognize, diagnose and recover from errors

Architecture

Are constructive suggestions provided for navigation errors (eg. starting links for no hits)?

Non ci sono particolari suggerimenti perchè risulta difficile fare errori. In caso di errore il contenuto della pagina risulterebbe estraneo alle aspettative.

Are natural explanations given of what happened and why?

No. Ma nel caso della ricerca viene notificato un messaggio nel caso in cui non vi siano risultati.

11. Help and documentation

Architecture

How "far" is the help material (how well intergrated and accessible from page)?

Non esiste la possibilità di consultare una guida del sito.

Is a site map available?

No. Il sito è sprovvisto di una mappa dei contenuti.

Is a description of accessibility features of the site available?

No. Nessuna descrizione dell'accessibilità del sito.