1. Struttura di un sito web.
La struttura riguarda l’organizzazione logica e tecnica delle pagine e dei contenuti.
Struttura logica (architettura dell’informazione).
Serve a organizzare i contenuti in modo comprensibile per l’utente.
Comprende:
- Home page → pagina principale
- Menu di navigazione → collega le varie sezioni
- Categorie e sottopagine
- Collegamenti interni (link) → permettono di spostarsi tra le pagine
- Gerarchia dei contenuti → titolo, sottotitoli, paragrafi
Obiettivo: permettere all’utente di trovare facilmente le informazioni.
Struttura tecnica.
È il modo in cui il sito viene realizzato.
Elementi principali:
- HTML → struttura del contenuto
- CSS → aspetto grafico e impaginazione
- JavaScript → interattività e funzioni dinamiche
- Server e database → gestione dei dati
2. Usabilità di un sito web.
L’usabilità indica quanto un sito è semplice, intuitivo ed efficiente da usare.
Secondo le linee guida ergonomiche, un sito è usabile quando:
È facile da imparare.
L’utente capisce subito come muoversi nel sito.
È efficiente.
Permette di raggiungere l’obiettivo velocemente.
È chiaro e coerente.
- Menu sempre nello stesso punto
- Grafica uniforme
- Pulsanti riconoscibili
Riduce gli errori.
- Messaggi di errore chiari
- Navigazione semplice
Offre una buona esperienza utente (UX).
La navigazione deve risultare piacevole.
Esempi di buona usabilità:
- Menu semplice
- Ricerca interna
- Pulsanti ben visibili
- Tempi di caricamento rapidi
3. Accessibilità di un sito web.
L’accessibilità riguarda la possibilità di usare il sito anche da parte di persone con disabilità.
È regolata da linee guida internazionali chiamate WCAG (Web Content Accessibility Guidelines).
Accessibilità visiva.
- Testo leggibile
- Contrasto adeguato tra testo e sfondo
- Possibilità di ingrandire i caratteri
- Descrizioni alternative delle immagini (alt text)
Accessibilità motoria.
- Navigazione tramite tastiera
- Pulsanti grandi e cliccabili
Accessibilità cognitiva.
- Linguaggio semplice
- Struttura chiara
- Contenuti ben organizzati
Accessibilità tecnologica.
Il sito deve funzionare con:
- Screen reader
- Dispositivi mobili
- Diverse dimensioni dello schermo (responsive design)
Differenza tra usabilità e accessibilità.
- Usabilità → facilità d’uso per tutti gli utenti
- Accessibilità → possibilità di utilizzo anche per utenti con disabilità
Spesso sono collegate: un sito accessibile è quasi sempre anche più usabile.
Riassunto veloce (utile per interrogazioni).
Struttura → organizzazione delle pagine e dei contenuti
Usabilità → facilità e semplicità di utilizzo
Accessibilità → possibilità di accesso per tutti gli utenti