In breve: Un buon sito web è facile da usare e segue regole tecniche condivise. Queste regole si chiamano standard del web.
Cosa significa progettare un sito web
Progettare un sito significa pensare prima e costruire dopo. Prima si decide cosa serve all'utente. Poi si scelgono le pagine, i contenuti e la grafica.
Un sito ben progettato è chiaro e ordinato. L'utente trova subito quello che cerca. Per esempio, in un sito di pizzeria il menù deve essere visibile in pochi secondi.
La progettazione precede la scrittura del codice. Senza una buona idea iniziale, il sito risulta confuso.
Facilità d'uso e standard
La facilità d'uso si chiama anche usabilità. Vuol dire che le persone usano il sito senza fatica. I pulsanti devono essere riconoscibili. I testi devono essere leggibili. I percorsi tra le pagine devono essere logici.
Gli standard del web sono regole tecniche comuni. Servono perché il sito funzioni su browser diversi. Per esempio, il sito deve aprirsi sia su Chrome sia su Firefox. Deve funzionare anche su computer, tablet e smartphone.
Rispettare gli standard aiuta anche le persone con disabilità. Per esempio, chi non vede bene usa programmi che leggono la pagina ad alta voce. Questi programmi funzionano solo se il codice è scritto in modo corretto.
Come si fa in pratica
Prima si disegna lo schema delle pagine su carta. Questo schema si chiama bozza o wireframe.
Poi si scrivono i contenuti con titoli chiari. Si usano colori con buon contrasto tra testo e sfondo. I caratteri devono essere abbastanza grandi.
Si scrive il codice HTML usando i tag giusti per ogni elemento. Un titolo principale usa il tag <h1>. Un paragrafo usa <p>. Le immagini hanno sempre un testo descrittivo nel codice.
Infine si prova il sito su dispositivi diversi. Si chiede a una persona di usarlo per vedere se è chiaro.
Parole difficili
- Usabilità: qualità di un sito che si usa in modo facile e intuitivo.
- Standard web: regole tecniche comuni per scrivere siti che funzionano ovunque.
- Browser: programma per navigare in internet, come Chrome o Firefox.
- HTML: linguaggio di base per costruire le pagine di un sito web.
- Wireframe: disegno schematico che mostra la struttura di una pagina.
- Accessibilità: possibilità di usare un sito anche per persone con disabilità.
Riferimenti
- Norma: Norme generali e livelli essenziali delle prestazioni relativi al secondo ciclo del sistema educativo di istruzione e formazione
- Obiettivo formativo coperto: ob.iefp-tecnico-informatico.competenze-tecnico-professionali.cl3.realizzazione-modello-applicazioni.07