In breve: Un sito Web efficace ha tre qualità: una struttura chiara, è facile da usare e accessibile a tutti.
Cosa significa progettare un sito Web
Ogni sito Web nasce da un progetto. Prima si pensa, poi si scrive il codice.
Il progettista decide come organizzare le pagine. Sceglie i contenuti, i menu e i collegamenti.
Un buon sito risponde a tre domande. Cosa contiene? Come si usa? Chi può usarlo?
La struttura del sito
La struttura indica come le pagine sono collegate fra loro. Si parte sempre dalla home page.
Dalla home si raggiungono le sezioni principali tramite il menu. Ogni sezione contiene pagine più specifiche.
Questa organizzazione si chiama spesso gerarchica, come un albero rovesciato. La radice è la home, i rami sono le sezioni.
Una buona struttura aiuta l'utente a capire dove si trova. Servono percorsi brevi e nomi chiari.
L'usabilità
L'usabilità misura quanto un sito è facile da usare. Un sito usabile permette di trovare le informazioni in poco tempo.
I pulsanti devono essere riconoscibili. I link devono indicare con chiarezza dove portano.
Esempio: in un sito di una scuola, l'utente cerca l'orario. Deve trovarlo in pochi clic dal menu principale.
Un testo troppo piccolo o colori poco contrastati riducono l'usabilità. Anche tempi di caricamento lunghi creano problemi.
L'accessibilità
L'accessibilità rende il sito utilizzabile da tutte le persone. Include chi ha disabilità visive, motorie o uditive.
Alcuni accorgimenti pratici aiutano molto. Inserire un testo alternativo alle immagini. Usare contrasti forti tra testo e sfondo.
Un utente non vedente usa un lettore di schermo. Questo programma legge ad alta voce i contenuti della pagina.
Se le immagini hanno una descrizione, il lettore la pronuncia. Senza descrizione, l'informazione si perde.
Esempi pratici
Immagina il sito di una biblioteca. Nella home compaiono quattro voci di menu: Catalogo, Orari, Eventi, Contatti.
Ogni voce porta a una pagina dedicata. Da Catalogo si arriva alla ricerca dei libri.
Per l'usabilità, la barra di ricerca è grande e ben visibile. Il pulsante "Cerca" usa un colore diverso dal resto.
Per l'accessibilità, ogni copertina di libro ha una descrizione testuale. I caratteri si possono ingrandire.
Parole difficili
- Home page: pagina iniziale di un sito, punto di partenza per l'utente.
- Menu: elenco di voci che permette di navigare tra le pagine.
- Link: collegamento che porta a un'altra pagina o risorsa.
- Lettore di schermo: programma che legge ad alta voce il contenuto del computer.
- Contrasto: differenza visiva tra il colore del testo e quello dello sfondo.
- Testo alternativo: breve descrizione associata a un'immagine, utile a chi non la vede.
Riferimenti
- Norma: Riordino degli istituti tecnici
- Obiettivo formativo coperto: ob.tecnico-amministrazione-finanza-marketing.informatica.cl3.sito-web.01