Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibilità e Usabilità biblioteche toscane

918 views

Published on

  • Be the first to comment

  • Be the first to like this

Accessibilità e Usabilità biblioteche toscane

  1. 1. Corso di aggiornamento Accesso all'informazione e collaborazione virtuale - Gruppo 3 PISA - <ul><li>Lavoro di Gruppo n.1: </li></ul><ul><li>Usabilità e accessibilità dei siti Web </li></ul><ul><li>- Raccogliere i criteri in suo per la valutazione di usabilità ed accessibilità dei siti Web </li></ul><ul><li>- Analizzare i siti Web di cinque biblioteche toscane per valutare l'usabilità ed accessibilità dei siti </li></ul><ul><li>- Realizzare un sito Web del Gruppo che raccolga i risultati della valutazione </li></ul>A cura di Annalisa Baldini, Marcella Malfatti, Maria Accarino
  2. 2. Perché un Blog per presentare la nostra analisi? Per il nostro esercizio abbiamo deciso di presentare i risultati dell'analisi attraverso un PowerPoint. Abbiamo creato delle tabella nelle quali abbiamo inserito i criteri di valutazione per l'usabilità e l'accessibilità dei siti web. Una volta scelte le biblioteche toscane abbiamo visitato i loro siti e proceduto alla valutazione. Ad analisi ultimata ci siamo trovate di fronte alla scelta di come diffondere al pubblico e ai colleghi del corso il nostro lavoro. Abbiamo valutato se fare un sito o un blog e la scelta è ricaduta sul blog per queste motivazioni: 1. il blog a differenza del sito dà agli utenti la possibilità di commentare ciò che viene pubblicato. Ci piace l'idea della condivisione dei contenuti, nel blog l’utente è soggetto attivo che partecipa e coopera, e non solo fruitore passivo; 2. nel blog gli utenti iscritti possono avere i permessi per essere lettori e autori allo stesso tempo; 3. gli utenti possono rimanere sempre collegati e aggiornati al nostro blog: basta iscriversi con il proprio account GMail per ricevere un avviso ogni qualvolta vengono pubblicati nuovi contenuti.
  3. 3. ANALISI USABILITA’ Analisi effettuata attraverso i sei requisiti di accessibilità e i tre di criteri di forma, contenuto e percezione. Analisi dei punti di forza e di debolezza dei vari aspetti.
  4. 4. Innanzitutto procediamo creando una tabella. Ci serviranno otto colonne: una per identificare il sito web, una per la relativa descrizione e infine tre + tre per i criteri di valutazione e le relative valutazioni.
  5. 5. 4/9
  6. 6. Dividiamo le colonne in due righe: la riga in alto conterrà la descrizione dei criteri di valutazione
  7. 7. 4/9
  8. 8. Inseriamo l’indicazione dei criteri nelle rispettive colonne e identifichiamo il sito web con l’indirizzo e l’immagine della sua home page.
  9. 9. 4/9 SITO CRITERI DI FORMA * CRITERI DI CONTENUTO * CRITERI DI PROCEDIMENTO * DESCRIZIONE
  10. 10. SITO CRITERI DI FORMA * CRITERI DI CONTENUTO * CRITERI DI PROCEDIMENTO * DESCRIZIONE Qui verrà inserito l’URL del sito web esaminato Qui verrà inserita l’immagine della home page del sito web esaminato Efficacia comunicativa Completezza dei contenuti Navigabilità Attrattiva grafica Completezza delle informazioni Tempi di attesa
  11. 11. <ul><li>A questo punto aggiungiamo in basso una seconda tabella. </li></ul><ul><li>Ci servirà per le ulteriori valutazioni richieste che evidenzieranno i punti di forza e i punti di debolezza di tre aspetti: </li></ul><ul><li>l’aspetto tecnico </li></ul><ul><li>l’aspetto grafico-percettivo-comunicativo </li></ul><ul><li>l’aspetto semantico-strutturale. </li></ul>
  12. 12. 4/9 SITO CRITERI DI FORMA * CRITERI DI CONTENUTO * CRITERI DI PROCEDIMENTO * DESCRIZIONE Qui verrà inserito l’URL del sito web esaminato Qui verrà inserita l’immagine della home page del sito web esaminato Efficacia comunicativa Completezza dei contenuti Navigabilità Attrattiva grafica Completezza delle informazioni Tempi di attesa ASPETTO TECNICO ASPETTO GRAFICO-PERCETTIVO-COMUNICATIVO ASPETTO SEMANTICO-STRUTTURALE
  13. 13. La doppia tabella è stata creata e completata… useremo una tabella per ogni sito web. Adesso non ci resta che esaminare i siti web e inserire le valutazioni.
  14. 14. SITO CRITERI DI FORMA * CRITERI DI CONTENUTO * CRITERI DI PROCEDIMENTO * DESCRIZIONE http://biblio.unipi.it Sito delle Biblioteche dell’ateneo pisano Efficacia comunicativa **** Completezza dei contenuti **** Navigabilità **** Il sito presenta una forma semplice ed intuitiva. L’ aspetto grafico è molto chiaro. Sono presenti molti contenuti e l’utente ha tutte le informazioni necessarie riguardo i servizi della biblioteca. La navigazione è pratica poiché divisa in sezioni. Tempi di attesa per i collegamenti alle pagine brevissimi. Attrattiva grafica **** Completezza delle informazioni **** Tempi di attesa **** ASPETTO TECNICO ASPETTO GRAFICO-PERCETTIVO-COMUNICATIVO ASPETTO SEMANTICO-STRUTTURALE Tutti i collegamenti alle varie sezioni del sito sono funzionali ed efficienti. La comunicazione è semplice, chiara e immediata. Non è possibile però visualizzare il sito in altre lingue, ad esempio inglese. Le didascalie delle sezioni aiutano nella navigazione. Il blocco. Le principali funzioni e i principali servizi della biblioteca sono ben visibili nel sito grazie alla barra laterale e alla barra orizzontale.
  15. 15. SITO CRITERI DI FORMA * CRITERI DI CONTENUTO * CRITERI DI PROCEDIMENTO * DESCRIZIONE http://www.bibliotecacamaiore.it/ Sito della biblioteca comunale di Camaiore Efficacia comunicativa * * * Completezza dei contenuti ** * Navigabilità * * * Il sito ha una forma semplice ed è usabile. L’ aspetto grafico è chiaro. Le informazioni relative alle modalità di accesso come orari, servizi offerti, servizi in sede e online, sono abbastanza soddisfacenti. Sono presenti, inoltre, molti contenuti visualizzati in maniera efficace . La navigazione avviene in maniera chiara, è presente la barra di navigazione e la mappa del sito utile all’utente per trovare subito ciò di cui ha bisogno. I tempi di attesa necessari per i collegamenti sono abbastanza brevi. Attrattiva grafica * * * Completezza delle informazioni *** Tempi di attesa * * * ASPETTO TECNICO ASPETTO GRAFICO-PERCETTIVO-COMUNICATIVO ASPETTO SEMANTICO-STRUTTURALE I collegamenti alle varie sezioni sono praticabili e abbastanza efficaci. La comunicazione è espressa in maniera chiara e trasparente. Vi è l’uso del grassetto per dare rilievo ad alcune parole. Il sito non può essere esplorato in altre lingue. La navigazione è facilitata dalla barra di navigazione anche se vi è presente un menu a tendina che affolla le informazioni. Tuttavia i principali servizi della biblioteca sono facilmente usabili. Non è ancora presente il servizio di prestito online.
  16. 16. SITO CRITERI DI FORMA * CRITERI DI CONTENUTO * CRITERI DI PROCEDIMENTO * DESCRIZIONE http://bslu.beniculturali.it Sito della biblioteca statale di Lucca Efficacia comunicativa **** Completezza dei contenuti Navigabilità **** Sito web scarno ed essenziale, colpisce l’occhio per il vivace color rosso della home page ed è facilmente navigabile in pochi minuti. Fornisce le informazioni di base per gli orari e la raggiungibilità della Biblioteca, ma scarse informazioni riguardo alle collezioni librarie e documentarie. Attrattiva grafica **** Completezza delle informazioni ** Tempi di attesa **** ASPETTO TECNICO ASPETTO GRAFICO-PERCETTIVO-COMUNICATIVO ASPETTO SEMANTICO-STRUTTURALE Estremamente semplice, pressoché scarno, sembra però non sfruttare le potenzialità delle pagine html: pochi i link (v. la pag. “eventi”, costruita in modo incomprensibilmente sciatto) alcuni dei quali del tutto inutili poiché rimandano a paragrafi presenti nella stessa (unica) pagina (v. la pag. “servizi”). L’impatto visivo, in cui predomina il colore rosso, è accattivante, come la scelta delle immagini per la home page (hall, scaffali, sala di lettura, decori parietali) a suggerire la serietà della storica istituzione culturale e la serenità e il raccoglimento necessari allo studio. Semplice ed efficace, con soli dieci tasti si ottengono le informazioni essenziali. Dopo averlo brevemente navigato si ha tuttavia l’impressione di trovarsi di fronte alla prima bozza di un sito ancora in gran parte da costruire e riempire di contenuti.
  17. 17. ANALISI ACCESSIBILITA’ Analisi effettuata usando il browser grafico Opera
  18. 18. Link sito biblioteca n.1: http://biblio.unipi.it - Biblioteche dell’ateneo pisano a. Disattiva le immagini, e verifica se è appropriato e disponibile il testo alternativo alle immagini b. Disattiva l’audio e verifica se i contenuti audio sono ancora disponibili con equivalenti contenuti testuali c. Utilizza i controlli del browser per variare la dimensione del carattere: verifica se la dimensione del carattere sullo schermo cambia di conseguenza e che la pagina sia ancora utilizzabile , con dimensioni del carattere più grande RISULTATI: a. Il testo alternativo alle immagini non è disponibile. b. Nel sito non sono presenti elementi audio. c. Variando la dimensione del carattere la pagina rimane ben visibile e i vari blocchi non si sovrappongono.
  19. 19. Link sito biblioteca n.2: http://www.bibliotecacamaiore.it/ - Sito della biblioteca comunale di Camaiore a. Disattiva le immagini, e verifica se è appropriato e disponibile il testo alternativo alle immagini b. Disattiva l’audio e verifica se i contenuti audio sono ancora disponibili con equivalenti contenuti testuali c. Utilizza i controlli del browser per variare la dimensione del carattere: verifica se la dimensione del carattere sullo schermo cambia di conseguenza e che la pagina sia ancora utilizzabile , con dimensioni del carattere più grande RISULTATI: a. Il testo alternativo alle immagini non è disponibile. b. Nel sito non sono presenti elementi audio. c. Variando la dimensione del carattere la pagina rimane ben visibile e i vari blocchi non si sovrappongono.
  20. 20. Link sito biblioteca n.3: http://bslu.beniculturali.it - Sito della biblioteca statale di Lucca a. Disattiva le immagini, e verifica se è appropriato e disponibile il testo alternativo alle immagini b. Disattiva l’audio e verifica se i contenuti audio sono ancora disponibili con equivalenti contenuti testuali c. Utilizza i controlli del browser per variare la dimensione del carattere: verifica se la dimensione del carattere sullo schermo cambia di conseguenza e che la pagina sia ancora utilizzabile , con dimensioni del carattere più grande RISULTATI: a. Il testo alternativo alle immagini non è disponibile. b. Nel sito non sono presenti elementi audio. c. Variando la dimensione del carattere la pagina rimane ben visibile e i vari blocchi non si sovrappongono. NOTA Il colore rosso delle etichette e il bianco delle scritte al loro interno potrebbe dar luogo, in soggetti con particolari difetti della vista (es. daltonici), a limitazioni per l’accessibilità ai contenuti del sito.

×