Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a...
-
Upload
lauro-giuliano -
Category
Documents
-
view
214 -
download
1
Transcript of Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a...
![Page 1: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/1.jpg)
Accessibilità, usabilità, credibilitàInformazioni basilari, link di approfondimento, esercizi
a cura di Loris Tissìno(www.tissino.it)
![Page 2: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/2.jpg)
accessibilitàusabilitàcredibilità
si tratta di concetti applicabili a qualsiasi documento/supporto, ma importanti ancor di più per le pagine web
Il tema
![Page 3: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/3.jpg)
Accessibilità
Le pagine web sono accessibili quando possono essere “lette” e “comprese” da tutti gli utenti in potenziale difficoltà: non vedenti ipovedenti tecnicamente non “aggiornate” (monitor
b/n, browser non dell'ultima generazione, ecc., connessione lenta)
culturalmente inadeguate (es. stranieri)
![Page 4: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/4.jpg)
Pagine accessibili
Attenzione, ad esempio, a: caratteri usati (tipi, scalabilità) codici di marcatura (tabelle con descrizione,
immagini con testo alternativo) colori (profondità, contrasto) chiarezza linguistica (acronimi, formato
date) elementi in movimento leggibilità dei grafici ...
![Page 5: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/5.jpg)
Pagine accessibili
... collegamenti ipertestuali non standard formato dei documenti “allegati” sommari e mappe buona degradazione / approccio
incrementale
![Page 6: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/6.jpg)
Approccio incrementale
Esempio: applicazione interattiva relativa ad un fenomeno fisico descrizione testuale immagine fissa immagine animata video clip (streaming) applet java / animazione flash interattiva
![Page 7: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/7.jpg)
Accessibilità – esercizi (1/2)
Navigare un sito web: con monitor a risoluzione 640x480 (è
sufficiente rimpicciolire la finestra) disabilitando il caricamento delle
immagini ingrandendo / rimpicciolendo i caratteri con un browser testuale, come ad
esempio Lynx (se disponibile)
![Page 8: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/8.jpg)
Accessibilità – esercizi (2/2)
Validare un sito web: http://validator.w3.org http://www.cast.org/bobby
![Page 9: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/9.jpg)
Usabilità
Un sito web è usabile quando l'utente per cui è progettato: trova facilmente e velocemente le
informazioni che desidera compie con esso in maniera efficace,
efficiente e soddisfacente le operazioni previste (es. ricerca, consultazione, stampa, conservazione)
![Page 10: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/10.jpg)
Sito web usabile
Attenzione a: utilità (serve?) facilità di apprendimento (es. con
metafore) efficienza (quanti click? quanto tempo?) soddisfazione (gli utenti tornano?)
![Page 11: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/11.jpg)
Sito web usabile
Errori tipici: animazioni inutili pesantezza / lentezza interfacce misteriose validità per un particolare browser impossibilità di
stampare/conservare/scaricare
Progettazione per la soddisfazione del cliente o dell'utente?
![Page 12: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/12.jpg)
Sito web usabile
Progettazione: struttura dei contenuti organizzazione dei link e dei percorsi di
lettura spazio dei nomi e microcontenuti strumenti di ricerca e di feedback
Valutazione test di usabilità analisi dei file di log
![Page 13: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/13.jpg)
Links per approfondimenti
www.usabile.itwww.webusabile.itwww.sitichefunzionano.itwww.mestierediscrivere.comwww.tiscali.it/userware
![Page 14: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/14.jpg)
Credibilità
Un sito web è credibile quando l'utente è portato a fidarsi dei contenuti proposti
![Page 15: Accessibilità, usabilità, credibilità Informazioni basilari, link di approfondimento, esercizi a cura di Loris Tissìno ()](https://reader036.fdocumenti.com/reader036/viewer/2022082919/5542eb4a497959361e8b67b8/html5/thumbnails/15.jpg)
Sito web credibile
Un sito web “credibile”: presenta contenuti aggiornati /
revisionati presenta link corretti verso l'esterno “appare” professionale ha un URL appropriato ...