Usabilità e accessibilità

Elementi fondamentali

Fabio Giovanetti

Liceo di Luino

Usabilità

• L'usabilità di un sito web indica il grado di efficacia, efficienza e soddisfazione con i quali gli utenti raggiungono gli obiettivi (ISO)
• Efficacia: grado di raggiungimento di un obiettivo
• Efficienza: rapporto tra efficacia e risorse impiegate
• Soddisfazione: percezione di utilità e comfort
• Concetto nato in generale per qualsiasi prodotto, non necessariamente informatico

Progettazione

• Scopo dell'usabilità è far coincidere il modello mentale del progettista con quello dell'utilizzatore
• Usabilità come ausilio alla progettazione
• Due approcci possibili:
  • test con utenti
  • euristiche
• Consideriamo alcuni esempi

Feedback

• L'utente deve capire qual è l'effetto delle sue azioni
• Esempio: un link nei menu alla pagina stessa non produce alcun effetto
• Anche alcune modifiche della pagina corrente tramite script possono non dare un feeback immediato
• In generale l'utente deve capire qual è lo stato del sistema
• Posizione nella navigazione: briciole di pane

Adeguatezza rispetto all'utente

• Le caratteristiche del sito devono essere coerenti con il tipo di utenza
• Esempio: scelta del linguaggio
• Lo stile del linguaggio web è diverso da quello dei testi tradizionali: più schematico ed adatto ad una scansione preventiva

Liberta dell'utente

• L'utente deve poter agire con libertà
• Ad esempio non deve essere costretto a fruire di introduzioni
• Possibilità di uscire o tornare indietro (non annullare le funzionalità del browser)

Coerenza dell'interfaccia

• L'utente non deve dover pensare a dove trovare i comandi
• Ci sono alcune scelte che sono standard, come ad esempio il logo in alto e sinistra, con un link alla home page
• La struttura tipica dei menu (orizzontale in alto oppure in una colonna a sinistra) è abbastanza standardizzata
• Anche l'uniformità tra le varie pagine è importante

Spiegazioni ed errori

• Risulta utile fornire agli utenti le informazioni sulla navigazione
• Prevedere guide e funzioni di help
• Anche prevenire i possibili errori è importante
• In caso di errori fornire suggerimenti

Accessibilità

• Capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari (legge 4/04)
• Rimozione delle barriere informatiche
• Per i siti delle pubbliche amministrazioni è prevista dalla legge
• Consideriamo alcuni esempi

Alternative testuali

• Utilizzare sempre la proprietà alt per fornire una alternativa testuale alle immagini
• Se però le immagini hanno uno scopo puramente grafico alt=""
• es. <img src="..." alt="descrizione alternativa" >
• In generale occorre prevedere delle alternative per gli oggetti multimediali

Colori

• Prevedere sempre livelli di contrasto adeguati
• Non usare il colore per veicolare informazioni

Layout adattabile

• Controllare tenuta del layout a risoluzioni diverse
• Non usare misure del font non ridimensionabili (usare %, em ma non px)

Non vincolare l'utente

• Attenzione all'uso di plugin, script, ...
• Fare scelte indipendenti dai dispositivi di input e output

Alcune scelte sono da evitare

• Gif animate con frequenza elevata
• Scritte lampeggianti
• Apertura di nuove finestre
• Frames

Due principi generali

• Rispettare gli standard e la validità sintattica
• Test, test, test