1 - Visibilità dello stato del sistema

Vai al punto successivo

-

Salta all'ultimo punto

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

Architettura

  • dove mi trovo?
  • la pagina ha un titolo informativo?
  • dove posso andare?
  • ci sono link e pulsanti importanti che sono visibili senza dover fare scrolling?

Contenuto

  • cosa sto vedendo? percependo?
  • la pagina ha un chiaro obiettivo?
  • la cosa più importante della pagina si trova in alto?
  • la pagina ha una chiara struttura (2-3 titoletti di sezione, titoletti chiari, parole evidenziate)?
  • l'autore della pagina (persona o ente) è chiaramente indicato?
  • è indicata la data di aggiornamento/revisione della pagina?
  • i nuovi contenuti della pagina sono chiaramente evidenziati? e le nuove pagine del sito sono evidenziate nella home?
  • se la pagina è il risultato di una compilazione di una form, è chiaro qual è stato l'esito?

Presentazione

  • posso percepire il testo? le immagini? i contenuti multimediali?
  • posso percepire i link, i pulsanti, i controlli delle form?
  • si capisce che qualcosa è un link, un pulsante, un controllo?
 
 
 

Architettura

dove mi trovo?

All'interno della pagina non viene segnalato da nessuna parte che ci si trova in homepage, la stessa barra di navigazione può trarre in inganno in quanto presenta come attivo un link alla homepage e questo non viene diversificato in alcun modo rispetto agli altri.

immagine esplicativa Barra di navigazione del sito d
la pagina ha un titolo informativo?

La pagina non ha un titolo informativo: sulla finestra viene visualizzato solamente basilicatanet.it

Dove posso andare?

Da questa pagina è possibile accedere ai diversi canali in cui è organizzato il sito. Ai diversi canali riportati sulla barra di navigazione è associato, tramite Color Coding, un colore diverso e questo è possibile scoprirlo passando con il mouse sui diversi link. Poiché nella barra superiore vengono adoperati javascript si riscontra un diversità di comportamento tra i due browser adottati per la valutazione. Internet Explorer rende evidente che si tratta di link in quanto il cursore cambia nella solita forma a cui tutti gli utenti di internet sono abituati e quindi, anche se i link non sono sottolineati, si può capire che si tratta di link. Firefox, invece, cambia il cursore ma questo non diventa la solita "mano" che indica la presenza di un link, ma diventa il simbolo di selezione del testo.

immagine esplicativa
Esempio di puntatore del mouse su link d
Esempio di puntatore del mouse su testo normale d
Ci sono link e pulsanti importanti che sono visibili senza dover fare scrolling?

Si, si riesce ad accedere alla maggiorparte dei contenuti senza dover fare scrolling, sulla colonna di destra quasi a metà pagina è anche presente un menù a tendina che consente di accedere direttamente ad alcuni servizi. Abbiamo notato, in fondo alla colonna di destra, una serie di contenuti che sembrano interessanti (ad es. "Tasse Automobilistiche", "Sportello Europa", "Basilicatadonna") e questa scelta non ci pare congruente con la scelta di posizionare i menu di approfondimento sulla sinistra, infatti non ci si aspetta di trovare altri link con funzioni simili a quelli riportati sulla sinistra, ma altri link che consentono di accedere ai servizi interattivi come tutti i collegamenti presenti in quella zona.

Contenuto

cosa sto vedendo? percependo?

Non è immediatamente evidente che ci si trova nella homepage, comunque risulta chiaro che la pagina consente di accedere a diversi contenuti.

la pagina ha un chiaro obiettivo?

La pagina vuole essere una presentazione dell'intero sito e dare una panoramica sui vari contenuti presenti all'interno dello stesso.

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

La barra di navigazione e il menu dei servizi sono posizionati, rispettivamente, in alto e a sinistra quindi sono ben visibili quando si accede alla pagina. Bisogna, però dire, che una serie di contenuti che sembrano interessanti (ad es. "Tasse Automobilistiche", "Sportello Europa", "Basilicatadonna") vengono presentati in un menu posizionato in basso a destra sotto i menu che consentono di iscriversi ai servizi del sito e questo non è congruente con la scelta di posizionare i menu di approfondimento sulla sinistra, infatti non ci si aspetta di trovare altri link con funzioni simili a quelli riportati sulla sinistra, ma altri link che consentono di accedere ai servizi interattivi come tutti i collegamenti presenti in quella zona (ad es. "Chat", "Mailing List", "Proposte e suggerimenti"...)

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

No, la pagina non è strutturata in modo chiaro. Gli elementi vengono presentati raggruppati in diversi "box" contraddistinti anche da un colore diverso (diverse tonalità del blu che arrivano fino ad un azzurro pallido), ma la sensazione che se ne trae è comunque di disordine

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

No, l'autore della pagina non viene indicato.

è indicata la data di aggiornamento/revisione della pagina?

No, la data dell'ultimo aggiornamento non è presente, ma viene la data viene riportata in "Notizie di Basilicatanet - 28/04/2005"

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

Il contenuto che viene aggiornato si trova nella tabella centrale e viene evidenziato con un'icona lampeggiante. Inoltre, per quanto riguarda le ultime notizie, queste riportano data ed ora

immagine esplicativa Le nuove notizie vengono evidenziate con la digitura NEW! d

Presentazione

posso percepire il testo? le immagini? i contenuti multimediali?

Valutando il sito con due browser sono state riscontrate delle diversità dovute ad un errato approccio alla progettazione del sito, in quanto le misure dei font sono state specificate come fisse e non come proporzionali influenzando, di fatto, la fruibilità del sito soprattutto per quanto riguarda la percezione/lettura del testo. Usando il browser Internet Explorer, infatti, anche tramite l'apposito tasto per ingrandire il testo non si ottiene alcun risultato, mentre adoperando Firefox è possibile, con la combinazione di tasti 'Ctrl +' forzare l'ingrandimento del font e quindi ottenere una migliore leggibilità (anche con un solo ingrandimento).

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

Con Internet Explorer non risultano sottolineati i link presenti nel menu di navigazione posto a sinistra e quelli posti nel menu in basso a destra, mentre con Firefox vengono visualizzati tutti sottolineati. Oltre a questa diversità dovuta al comportamento dei due browser dalla nostra analisi emerge anche un'incongruenza realizzativa in quanto i link posti nel menu di destra che riguardano l'interazione con l'utente, a differenza di quanto succede per i link citati sopra, presentano l'effetto rollover e quindi, sia con Internet Explorer sia con Firefox è possibile, passando il mouse sulle voci di menu rendersi conto che si tratta di link. Altra differenza è stata rilevata nei link presenti nella zona centrale della pagina: questi sono presentati in grassetto, senza sottolineature e senza alcun effetto rollover rendendo difficile, senza passarvi sopra il mouse, rendersi conto che si tratta di collegamenti.

si capisce che qualcosa è un link, un pulsante, un controllo?

Viene richiesto all'utente uno sforzo per riuscire a navigare con una certa fluidità all'interno del sito: non rendendo immediatamente visibile e percepibile che alcune voci di menu sono chiaramente dei link, si richiede all'utente di usare le proprie conoscenze pregresse di altri siti e di applicarle per la navigazione in quello attuale. E' vero che quando ci si trova davanti ad un elenco di voci rappresentate in maniera raggruppata ci si aspetta di trovarsi davanti ad un menu, ma non per questo bisogna venire meno al convenzioni del Web. Inoltre, di tutti i link presenti nella pagina, solamente per due di essi viene adoperato l'attributo title che permette di visualizzare un tooltip con la descrizione della destinazione del link: questo è un fatto molto grave perché non permette ad utenti con disabilità visive che adoperano un browser vocale, di rendersi conto di dove porta un certo collegamento, anche perché a volte i link adoperati non sarebbero comunque comprensibili se venissero solamente letti. Vedi ad es.:

codice d'esempio
-----------------------------------------------------
-----------------------------------------------------

Torna all'inizio

 
 
 

2 - Allineamento tra il mondo del sistema e quello reale

Torna al punto precedente

-

Vai al punto successivo

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.

Architettura

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

Contenuto

  • il linguaggio è adatto all'audience?
  • gli autori sono indicati? come li si può contattare?

Presentazione

  • vengono usate icone appropriate?
 
 
 

Architettura

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

Nel form di login sulla destra della pagina il pulsante di submit del form utilizza come etichetta la scritta parola "OK". Per quanto sia una parola universalmente riconosciuta come conferma o approvazione, sarebbe stato più opportuno l'utilizzo di termini come "ENTRA" o "ACCEDI" per meglio identificare la funzionalità di tale pulsante.

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

La colonna a sinistra, nel primo box in alto, contiene una serie di 14 link ritenuti importanti dal curatore di questa sezione. L'etichetta "In primo piano" utilizzata per questa sezione perde il suo valore in quanto l'utente è costretto a leggere tutta la lunga lista piuttosto che limitarsi ad una ristretta collezione di link realmente importanti.

Contenuto

il linguaggio è adatto all'audience?

Nella colonna centrale, sotto al banner "Naviga con Rocco" è presentata una tabella nelle cui celle sono presentati brevi avvisi ed informazioni. In più casi sono riportati riferimenti a leggi o decreti (per codice) probabilmente più adatti nel testo completo a cui punta il link piuttosto che, come accade, utilizzati come riempitivo per la home page.

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

La home page è l'unica pagina in cui sia riportato il link "Scrivi a Basilicatanet" da cui si accede ad una pagina contenente una lista di e-mail da contattare a seconda delle necessità.

Presentazione

vengono usate icone appropriate?

Le frecce da cliccare per azionare il movimento di scrolling dei titoli delle notizie si trovano in una posizione superiore al blocco delle notizie e può non essere immediatamente intuitivo il loro utilizzo. Inoltre il rollover delle immagini non funziona correttamente in Mozilla: una volta cliccata un'immagine viene attivato il rollover che evidenzia la selezione della freccia. Rilasciando il tasto del mouse non viene visualizzata l'immagine originale. Dunque cliccando prima su una freccia e poi sull'altra si presenta l'effetto di entrambe le frecce selezionate.

Torna all'inizio

 
 
 

3 - Controllo da parte dell'utente e sua libertà

Torna al punto precedente

-

Vai al punto successivo

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.

Architettura

  • viene evitata una introduzione in Flash? la si può facilmente saltare?
  • la pagina ha un pulsante "indietro"? oppure le briciole di pane?
  • la pagina ha un link alla home?
  • questi link/pulsanti funzionano correttamente anche all'interno di pagine basate su frame?
  • le briciole di pane sono chiaramente indicate?

Contenuto

  • eventuali restrizioni su browser o plug-in sono chiaramente indicate e correttamente gestite?
  • il caricamento di immagini remote può essere disabilitato?
  • si può navigare solamente con la tastiera?
  • ci sono acceleratori da tastiera? sono chiaramente indicati?

Presentazione

  • font, colori, animazioni, suoni sono usati in maniera appropriata?
  • gli utenti possono ridimensionare la finestra?
  • gli utenti possono modificare le dimensioni del testo?
  • gli utenti possono ridimensionare i frame?
 
 
 

Architettura

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

Una introduzione in Flash viene evitata, viene però presentato in cima alla pagina un banner per accedere ad ulteriori pagine, ma questo non è la "solita" immagine bensì un filmato in Flash e tra l'altro si nota una grave incongruenza in quanto la scritta scorrevole che viene presentata: "Entra nei siti istituzionali di Regione, Governo e Unione Europea", non scorre come ci si aspetterebbe e come sarebbe naturale da destra verso sinistra ma da sinistra a destra. Non sono presenti tag alt per il banner o title per i link qui presentati che rendano evidenti le destinazioni degli stessi.

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

La pagina è la homepage del sito quindi è normale che non vi sia un pulsante "indietro". Le briciole di pane non sono presenti, ma sarebbe stato opportuno che lo fossero dato che da nessuna parte viene indicato che ci si trova in homepage ed, anzi, è presente un link "Home" che non evidenziato né differenziato dagli altri in nessun modo.

la pagina ha un link alla home?

La pagina ha un link "Home" che non è evidenziato né differenziato dagli altri in nessun modo. La pagina in quanto home del sito, non dovrebbe presentare un link a se stessa, ma quello che dovrebbe essere presente e messo in evidenza è il fatto che ci ritrovi in homepage: non si può richiedere all'utente uno sforzo per capire in che pagina ci si trova.

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

Non sono presenti frame.

le briciole di pane sono chiaramente indicate?

Nella pagina non sono presenti.

Contenuto

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

Vengono indicate a fondo pagina le restrizioni sui browser "Sito ottimizzato per Microsoft Internet Explorer 5.5 e versioni successive, risoluzione video 800x600" Inoltre viene suggerito "Scarica Microsoft Internet Explorer 6". Quella di ottimizzare un sito solo per un certo browser e una certa versione dello stesso non è una buona politica in quanto può rendere poco o del tutto non fruibile il sito a utenti che adoperano altri browser: perché hanno altri sistemi operativi, oppure delle disabilità che non consentono di usare il browser predefinito da chi ha progettato il sito, o anche solo per proprie simpatie/antipatie verso alcuni programmi.

Poichè si tratta del sito di una Pubblica Amministrazione non ci si può permettere di tagliare fuori dalla propria utenza una parte di cittadini solo perché non adoperano una determinata tecnologia.Per quanto riguarda la gestione delle restrizioni abbiamo notato una grande diversità di funzionamento se si usa Internet Explorer o Firefox e non solo per quanto riguarda la sottolineatura dei link o il ridimensionamento del testo (vedi più approfonditamente l'analisi sulle pagine: "Servizi on line", "Imprese")

il caricamento di immagini remote può essere disabilitato?

Si, agendo sulle proprietà del browser è possibile disabilitare il caricamento delle immagini.

si può navigare solamente con la tastiera?

E' possibile muoversi all'interno del sito usando solamente la tastiera usando TAB, BACK SPACE ed ENTER, ma queste sono opzioni utilizzabili solamente da un utente esperto e il loro possibile utilizzo non viene indicato da nessuna parte. Non sono state definite espressamente delle AccesKey. Inoltre usando solamente queste opzioni non è possibile navigare la barra di navigazione principale in cui i link sono stati definiti tramite javascript.

ci sono acceleratori da tastiera? sono chiaramente indicati?

Le scorciatoie da tastiera non sono supportate

Presentazione

font, colori, animazioni, suoni sono usati in maniera appropriata?

Font: viene usato un unico font e questo è bene, per mettere in evidenza alcune parti non vengono usati tag di intestazione, ma viene fatto ricorso solamente al grassetto, ma non si riscontra uniformità nell'adozione di questa soluzione.

Colori: i colori in diverse gradazioni di blu vengono adoperati per raggruppare i link di navigazione. I link della barra di navigazione principale sono raggruppati in una barra blu scuro, che è adottato anche per i "Tab" che servono ad identificare i diversi tipi di notizia visualizzati nell'area a centro pagina. Questo è un problema grave per utenti disabili o con tecnologia disabilitante (es schermi bianco e nero);

immagine esplicativa Vengono usate diverse gradazioni di blu per distinguere diverse aree dello schermo. d

Animazioni: non viene fatto ricorso ad animazioni, tranne che nel caso di un banner in flash che consente l'accesso ai siti istituzionali di Regione, Governo e Unione Europea.

gli utenti possono ridimensionare la finestra?

Si, gli utenti possono ridimensionare la pagina, ma il suo contenuto non si ridimensiona di conseguenza in modo fluido. Una volta ridimensionata la pagina l'utente è costretto a fare scrolling.

gli utenti possono modificare le dimensioni del testo?

Solamente utilizzando il browser Firefox è possibile ridimensionare il testo, con Internet Explorer, per il quale il sito è ottimizzato, questo non è possibile nemmeno usando l'apposito tasto dalla barra degli strumenti. Questo è un problema catastrofico considerando utenti che hanno disabilità visive (quali l'ipovisione) perché non possono fruire in modo soddisfacente del sito. Anche agli utenti normodotati può capitare di essere 'momentaneamente' disabili per stanchezza o per altri fattori contingenti, a causa di questa mancata attenzione verso l'utente solamente una fascia di utenti (gli utilizzatori di Firefox) possono se lo vogliono forzare il cambiamento delle dimensioni del testo.

gli utenti possono ridimensionare i frame?

I frame non sono presenti

Torna all'inizio

 
 
 

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.

Architettura

  • l'etichetta di un link o pulsante è coerente con il titolo della pagina destinazione?
  • il titolo di una pagina è coerente con il contenuto della pagina?

Contenuto

  • Il contenuto della pagina è valido/vero?
  • la pagina o il sito è sufficientemente credibile?
  • il contenuto fa riferimento a fonti esterne ed indipendenti che sono credibili?

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? i colori dei link sono coerenti con le convenzioni di fatto?
  • ci sono delle convenzioni web che vengono violate?
 
 
 

Architettura

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

Nella Home Page, come in tutte le pagine del sito, in alto a destra è presente un piccolo menù a tre voci. "Home", "Link" e "Contenuti". La voce "Link" in realtà porta alla sezione "Naviga con Rocco" il cui banner appare per l'intera larghezza della colonna centrale verso metà pagina. Questa sezione è una raccolta di link categorizzati per argomento ed è intitolata "Naviga con Rocco". Rimane dunque da valutare se sia più opportuno fare riferimento al link denominato "Link" maggiormente intuitivo o al banner "Naviga con Rocco" che non permette ad un visitatore occasionale di prevederne il contenuto.

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

Tutte le pagine del sito della regione Basilicata riportano il dominio del sito "Basilicatanet.it" piuttosto che riportare il titolo della pagina a cui fanno riferimento.

Contenuto

Il contenuto della pagina è valido/vero?

I contenuti sono essenzialmente link ad altre pagine del sito e news della redazione il cui contenuto appare reale.

la pagina o il sito è sufficientemente credibile?

Il sito è quello della Regione Basilicata e questo fatto basterebbe per far assumere che i contenuti del sito siano credibili, ma l'impostazione del layout e la scelta delle frasi ("Naviga con Rocco", "Un computer in ogni casa 2", etc..) sono forse più adatte ad un diverso genere di sito.

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

Si ed i riferimenti sono sempre a siti di istituzioni apparentemente credibili e meritevoli di fiducia.

Presentazione

viene coerentemente usato lo stesso stile, colore, font per oggetti simili all'interno di questa pagina? del sito?

No, i due menù che appaiono sulla sinistra utilizzano uno stile diverso. Una soluzione apprezzabile avrebbe previsto i menù organizzati secondo una comune logica e con lo stesso stile. Inoltre tutti i link che appaiono nella pagina, in base alle diverse tipologie di blocchi a cui appartengono, hanno uno stile diverso e reagiscono diversamente alle azioni dell'utente (passaggio del mouse, click).

il layout della pagina è coerente nel sito?

Questa pagina è la home page ed è a questa pagina a cui tutte le altre parti del sito dovrebbero fare riferimento.

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

I link non sono coerenti con le convenzioni di fatto: il passaggio del mouse genera diversi effetti a seconda del blocco a cui appartiene il link. Un esempio notevole è il menù orizzontale delle sezioni in alto che è gestito mediante javascript. Il passaggio del mouse sul testo non modifica la forma del cursore da "arrow" (freccia) ad "hand" (mano) tipica dei link. Piuttosto, essendo un testo normale, il cursore si trasforma in "text" generando confusione nell'utente.

ci sono delle convenzioni web che vengono violate?

Si. Una di queste è l'errata trasformazione del cursore da freccia a testo, invece che manina (vedere esempio del punto precedente), un altro esempio è la presenza di link il cui testo è privo di sottolineatura.

Torna all'inizio

 
 
 

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

Architettura

  • errori di navigazione (vicoli a fondo cieco, cicli, link non definiti, smarrirsi) vengono evitati?
  • le etichette dei link e pulsanti sono non-ambigui? informazioni sull'attraversamento di un link vengono forniti in anticipo (dimensione della pagina, formati particolari, tipo di informazione - suono, animazione, video, PDF, ...)?
  • gli URL usano caratteri semplici (si evitano caratteri che non siano lettere, o nomi lunghi e complessi)?
  • i frame sono evitati?
  • vengono fornite chiare ed esaurienti istruzioni su come compilare le form? sono adiacenti ai controlli delle form?

Contenuto

  • nell'uso delle form gli errori vengono prevenuti (mediante menu, liste di scelte, ...)?
  • nell'uso di motori di ricerca, vengono forniti dei punti di partenza (suggerendo termini generali, codici di classificazione, ...)?

Presentazione

  • posso percepire e capire che qualcosa è un controllo su cui è possibile operare?
  • e come lo si usa?
 
 
 

Architettura

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

Provando, a caso, uno dei link presenti nel menu di sinistra (Vetrina imprese) si arriva in una pagina che permette di segnalare la propria impresa. Questa pagina non ha un titolo, non ci sono breadcrumbs ad indicare la localizzazione della pagina all'interno del sito, nessuna delle voci del menu di sinistra risulta evidenziata in modo da far capire in che sezione ci si trovi; basandosi sul codice colore si intuisce che ci si trova nella sezione 'Imprese', ma questa pagina non è raggiungibile da nessun link presente nel menu di sinistra, la si può raggiungere solamente dalla homepage: infatti nemmeno nella sezione 'Contenuti' si trova un collegamento a questa pagina.

le etichette dei link e pulsanti sono non-ambigui?

Generalmente possiamo dire che i link sono abbastanza chiari, però abbiamo riscontrato in alcuni casi l'uso di acronimi non facilmente comprensibili il tutto aggravato dalla mancanza dei tag title per i link, l'utente può in alcuni casi trovarsi in situazioni in cui non sa cosa significhi il link che ha davanti e deve scegliere se provare a visitare la pagina a cui lo conduce il link oppure, semplicemente, ignorarlo.

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

Non viene fornita alcuna informazione sull'attraversamento dei link, ed anzi non viene nemmeno segnalato quando la pagina di destinazione sarà una nuova pagina, tipicamente una finestra che si apre tramite javascript, problema grave, questo, non solo per gli utenti normodotati che, a volte, possono non accorgersi che sia stata aperta una nuova pagina, ma anche e soprattutto per gli utenti con disabilità e che usano browser speciali che non possono avvisare che verrà aperta una nuova pagina una volta visitato quel collegamento.

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

Gli URL non usano sempre caratteri semplici, anzi la maggior parte delle volte vengono adoperati javascript per i link e anche quando viene adoperato HTML per i collegamenti questi, spesso non sono formulati in modo semplice. Ad esempio:

codice d'esempio
-----------------------------------------------------
-----------------------------------------------------
i frame sono evitati?

Si, non viene fatto uso di frame.

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

Nella pagina è presente un form che consente di controllare la posta elettronica via webmail e viene riportato il link 'Istruzioni per configurare la posta di Basilicatanet.it', questo collegamento fa aprire una nuova finestra che mostra le istruzioni per configurare il proprio client di posta per leggere la posta @basilicatanet.it direttamente dal proprio programma di posta preferito.

Se si provano ad inserire nome e password fittizi e poi si clicca su 'OK' viene visualizzata una pagina che segnala un errore, ma che non dà alcuna indicazione sul perché questo si sia verificato; nella pagina viene riproposto il form per accedere alla webmail ed in piĆ¹ due link che consentono uno di richiedere la password in caso questa sia stata dimenticata ed uno che consente di effettuare la registrazione al servizio. Provando a voler richiedere la password abbiamo inserito nuovamente un nome fittizio: questa volta appare solamente una stringa di testo 'Il nome utente inserito è errato!' e non viene fornito nessun altro indizio né possibilità di tornare indietro se non usando il tasto 'BACK' del browser.

immagine esplicativa Il form per accedere alla webmail del sito d

immagine esplicativa Form caricato dopo al primo arrore di login d

Provando, sempre a caso, il nome utente 'Pippo' ci si presenta la seguente maschera per la modifica della password

immagine esplicativa
Avviso di errore login d
Form con la domanda di sicurezza per il cambio della password d

Ovviamente anche questa volta viene presentato un messaggio di errore, ma non viene fornito alcun suggerimento

immagine esplicativa In caso di errore non viene fornito nessun suggerimento d

Contenuto

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

Non viene dato nessun aiuto per prevenire errori. Dopo aver testato l'accesso alla webmail e i messaggi legati alla modifica della password abbiamo provato ad accedere alla 'Mailing List' e con Internet Explorer abbiamo riscontrato un problema che non si presenta con Firefox (dopo aver eseguito sui due browser le stesse operazioni). Provando ad accedere alla 'Mailing List' con Internet Explorer viene visualizzata una schermata di errore 'Dati utente errati, riprovare'. Mentre con Firefox viene presentata la pagina di login utente, ed inoltre è presente un menu di navigazione sulla sinistra che con Explorer non viene visualizzato.

immagine esplicativa
pagina di login vista con Internet Explorer d
pagina di login vista con Mozilla Firefox d
nell'uso di motori di ricerca, vengono forniti dei punti di partenza (suggerendo termini generali, codici di classificazione, ...)?

Nel sito vengono fornite due modalità di ricerca: normale e avanzata, per nessuna delle due viene dato qualche suggerimento.

immagine esplicativa
Form del motore di ricerca semplice d
Form del motore di ricerca avanzata d

Presentazione

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

Gli unici controlli presenti in questa pagina sono quelli che consentono di far scorrere le notizie riportate nella sezione centrale.

immagine esplicativa Controlli per scrollare le news d
e come lo si usa?

Quando il mouse viene posizionato sull'immagine il cursore assume la forma di mano e indica che è possibile interagire con un clic. Tenendo premuto il mouse è possibile far scorrere, in un verso e nell'altro, le notizie.

Torna all'inizio

 
 
 

6 - Riconoscimento piuttosto di memorizzazione

Torna al punto precedente

-

Vai al punto successivo

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.

Architettura

  • i link sono troppi? sono presentati in maniera pesante?
  • i tooltip con delle descrizioni più ricche sono disponibili?

Contenuto

  • è chiaro perché una pagina è rilevante rispetto allo stadio dell'interazione?
  • le figure hanno delle descrizioni che sono significative?

Presentazione

  • I link ed i controlli sono chiaramente visibili?
  • Le immagini cliccabili sono facilmente riconoscibili?
  • Si può distinguere un link inter-sito da uno extra-sito?
 
 
 

Architettura

i link sono troppi? sono presentati in maniera pesante?

I link presenti nella pagina sono eccessivi, in particolar modo nel primo menù della colonna a sinistra. I link superano la decina e non sono organizzati per tipologia: questo impone all'utente realmente interessato ai contenuti la lettura completa della lista per valutare se i contenuti coprono gli scopi che si è prefissato.

i tooltip con delle descrizioni più ricche sono disponibili?

No, non è presente nulla di tutto ciò. Molto frequentemente mancano addirittura le descrizioni minime e viene lasciato all'intuito dell'utente la comprensione di quanto appare nella pagina.

Contenuto

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

Questa è la pagina principale del sito, il punto d'accesso a tutti i contenuti del sito. La presenza di moltissimi link e di un blocco di news generiche al centro della pagina fanno intuire all'utente il motivo per il quale si trova in quella pagina.

le figure hanno delle descrizioni che sono significative?

Molto spesso le immagini non hanno descrizioni. In un paio di casi dov'è possibile trovarne qualcuna appaiono acronimi o ripetizioni (comunque non descrittive) di quanto appare a livello testuale nell'immagine a cui fanno riferimento.

Presentazione

I link ed i controlli sono chiaramente visibili?

Tutti i link sono stati modificati in modo che appaiano senza sottolineatura: questa forzatura rende ulteriormente meno riconoscibili i collegamenti nel contesto in cui si trovano.

Le immagini cliccabili sono facilmente riconoscibili?

In questa pagina tutte le immagini sono cliccabili tranne quelle che fungono da indice delle liste (nei menù). La dimensione delle immagini, la loro disposizione ed il loro contenuto possono comunque dare l'idea che si tratti di link in quanto spesso presentate come banner pubblicitari (di servizi interni alla sito).

Si può distinguere un link inter-sito da uno extra-sito?

Non vi è nessun indicatore, salvo la status bar del browser, che indichi che il collegamento porta in un sito esterno.

Torna all'inizio

 
 
 

7 - Flessibilità e efficienza d'uso

Torna al punto precedente

-

Vai al punto successivo

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.

Architettura

  • le pagine possono essere incluse nei favoriti/segnalibri (bookmark) in maniera non ambigua?
  • vengono offerti dei meccanismi di ricerca?

Contenuto

  • 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="...")?

Presentazione

  • gli utenti possono ridimensionare la finestra?
  • gli utenti possono modificare le dimensioni del testo?
  • gli utenti possono ridimensionare i frame?
  • gli utenti possono usare solamente la tastiera?
  • gli utenti possono usare gli acceleratori da tastiera?
 
 
 

Architettura

i link sono troppi? sono presentati in maniera pesante?

I link presenti nella pagina sono eccessivi, in particolar modo nel primo menù della colonna a sinistra. I link superano la decina e non sono organizzati per tipologia: questo impone all'utente realmente interessato ai contenuti la lettura completa della lista per valutare se i contenuti coprono gli scopi che si è prefissato.

i tooltip con delle descrizioni più ricche sono disponibili?

No, non è presente nulla di tutto ciò. Molto frequentemente mancano addirittura le descrizioni minime e viene lasciato all'intuito dell'utente la comprensione di quanto appare nella pagina.

Contenuto

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

Questa è la pagina principale del sito, il punto d'accesso a tutti i contenuti del sito. La presenza di moltissimi link e di un blocco di news generiche al centro della pagina fanno intuire all'utente il motivo per il quale si trova in quella pagina.

le figure hanno delle descrizioni che sono significative?

Molto spesso le immagini non hanno descrizioni. In un paio di casi dov'è possibile trovarne qualcuna appaiono acronimi o ripetizioni (comunque non descrittive) di quanto appare a livello testuale nell'immagine a cui fanno riferimento.

Presentazione

I link ed i controlli sono chiaramente visibili?

Tutti i link sono stati modificati in modo che appaiano senza sottolineatura: questa forzatura rende ulteriormente meno riconoscibili i collegamenti nel contesto in cui si trovano.

Le immagini cliccabili sono facilmente riconoscibili?

In questa pagina tutte le immagini sono cliccabili tranne quelle che fungono da indice delle liste (nei menù). La dimensione delle immagini, la loro disposizione ed il loro contenuto possono comunque dare l'idea che si tratti di link in quanto spesso presentate come banner pubblicitari (di servizi interni alla sito).

Si può distinguere un link inter-sito da uno extra-sito?

Non vi è nessun indicatore, salvo la status bar del browser, che indichi che il collegamento porta in un sito esterno.

Torna all'inizio

 
 
 

8 - Design estetico e minimalista

Torna al punto precedente

-

Vai al punto successivo

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.

Architettura

  • i pulsanti e i link sono raggruppati in base alla loro funzione?
  • cose meno importanti (paragrafi, link, pulsanti) sono minimizzati?
  • i termini che sono legati al web vengono evitati (es. "segui questo link", "clicca qui")?

Contenuto

  • la pagina è succinta?
  • i dettagli sono posti in una pagina secondaria?
  • la pagina inizia con le conclusioni?
  • lunghe liste vengono divise in blocchi?
  • ciascun paragrafo contiene una singola idea?

Presentazione

  • le immagini inutili sono assenti?
  • le animazioni e lampeggiamenti sono evitati?
  • le animazioni Flash che sono inutili sono evitate?
 
 
 

Architettura

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

Non vi sono particolare raggruppamenti, anzi, le immagini al centro sono distribuite intenzionalmente in modo casuale.

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

Non sono presenti.

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

Si, in questa pagina non si fa uso a termini tipicamente legati al web.

Contenuto

La pagina è succinta?

Il contenuto della pagina è una serie di immagini collegate a diverse sezioni del sito: una simile organizzazione costringe l'utente a cercare ciò che gli interessa tra tutti i link presenti piuttosto che andare a cercare l'informazione direttamente nella sezione più opportuna.

i dettagli sono posti in una pagina secondaria?

In questa pagina non ci sono dettagli. Tutti gli approfondimenti sono conservati in pagine a cui si accede utilizzando i link presenti nella home del sito.

la pagina inizia con le conclusioni?

No.

lunghe liste vengono divise in blocchi?

No, e trattandosi di link non ordinati con alcun criterio, costringe l'utente a le immagini una per volta alla ricerca dei collegamenti che lo possono portare verso l'informazione che sta cercando.

ciascun paragrafo contiene una singola idea?

Non vi sono paragrafi, ma solo tante immagini distribuite in modo casuale.

Presentazione

le immagini inutili sono assenti?

Le immagini al centro sarebbero potute essere sostituite con un menù testuale sicuramente più efficace.

le animazioni e lampeggiamenti sono evitati?

Non ci sono animazioni (salvo quella nell'intestazione e già discussa)

le animazioni Flash che sono inutili sono evitate?

No, la spiegazione è al punto precedente.

Torna all'inizio

 
 
 

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

Torna al punto precedente

-

Vai al punto successivo

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.

Architettura

  • per gli errori di navigazione vengono dati dei suggerimenti costruttivi (es. link iniziali nel caso di nessun risultato da un motore di ricerca)?
  • vengono offerte delle spiegazioni naturali di ciò che è successo e perché?
 
 
 

Architettura

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

N/A

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

N/A

Torna all'inizio

 
 
 

10 - Aiuto e documentazione

Torna al punto precedente

-

Torna al primo punto

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.

Architettura

  • quanto lontano è il materiale di aiuto? quanto bene esso è integrato nelle pagine?
  • è disponibile una mappa del sito?
  • viene data una descrizione delle caratteristiche di accessibilità del sito?
 
 
 

Architettura

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

Il materiale d'aiuto non è presente in questa pagine, né vi sono riferimenti diretti o collegamento ad esso.

è disponibile una mappa del sito?

In ogni pagina, come in questa, è presente in alto a destra il collegamento "Link" da cui si accede alla mappa. Per mappa s'intende un'enorme collezione di link raccolti automaticamente da qualche programma di spidering che riassume i link principali per accedere a tutte le sezioni base del sito. Un errore che svela il metodo di raccolta dei link è la presenza del link di "logout" per tre volte nella mappa.

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

Non viene fatta menzione all'intenzione di fornire un servizio accessibile.

Torna all'inizio

Appendici

Appendice A -- Descrizioni estese alle immagini

Barra di navigazione

La barra di navigazione trae in inganno riportando un link alla home page che non viene diversificato dagli altri link.

Puntatore del mouse su un link

Il puntatore del mouse quando passa su un link si trasforma in manina.

Puntatore del mouse su testo semplice

Il puntatore del mouse quando passa su del testo semplice si trasforma.

Le ultime notizie sono evidenziate

Il contenuto che viene aggiornato si trova nella tabella centrale e viene evidenziato con un'icona lampeggiante. Inoltre, per quanto riguarda le ultime notizie, queste riportano data ed ora.

Diverse aree dello schermo

Le diverse sezioni della stessa pagina sono differenziate dall'utilizzo di diverse tonalità di blu. Un'errata percezione dei colori impedisce di cogliere queste differenze.

Form di login normale

Il form di login mostra i campi input per lo username, la password, la conferma di utilizzo del certificato digitale ed il pulsante di conferma.

Form di login in caso di primo errore

In caso di errore viene mostrata una pagina che contiene un diverso form di login.

Errore di login

In caso di errore di login, viene mostrato il messaggio "Il nome utente inserito è errato!"

Form per la domanda di sicurezza

Per il cambio della password viene mostrato un form in cui è posta una domanda ed a è necessario rispondere, oltre ai campi di inserimento della nuova password e relativa conferma.

Risposta errata alla domanda di sicurezza

Se la risposta alla domanda di sicurezza è, viene mostrato il messaggio "La risposta non è corretta."

Pagina di login vista con Internet Explorer

Con Internet Exlorer non viene mostrato un menù alla sinistra del form di login.

Pagina di login vista con Mozilla Firefox

Con Mozilla Firefox viene mostrato un menù alla sinistra del form di login.

Form di ricerca semplice

Il form di ricerca semplice permette l'inserimento della parola chiave e contiene un link per accedere alla ricerca avanzata.

Form di ricerca avanzata

Nel form di ricerca avanzata è possibile effettuare delle selezioni per meglio raffinare la ricerca.

News dell'ultima ora

Per scrollare le news bisogna agire su due frecce poste sopra al box che contiene le ultime news.