Il documento tratta dell'usabilità e della qualità dei siti web, enfatizzando l'accessibilità e l'esperienza dell'utente. Vengono descritti sei requisiti fondamentali per un sito usabile e strategie per progettare pagine efficaci, bilanciando grafica e contenuti. Infine, si sottolinea l'importanza di informazioni aggiornate e trasparenti per garantire la qualità del sito.

1. Usabilità e qualità del web
Lucca, 19.04.2012 - Valeria Neri per

2. Usabilità e qualità del web
1. Usabilità/Accessibilità
2. Usabilità del sito web
3. Struttura del sito e usabilità
4. Costruzione dei vari tipi di pagine
5. Qualità del sito web

3. Usabilità / Accessibilità
Accessibilità = possibilità di accesso e interazione
Accessibile. Non accessibile!

4. Usabilità / Accessibilità
Usabilità = esperienza dell’accesso e dell’interazione
Usabile. Usabile?

5. Usabilità
“NON FATEMI PENSARE”
Steve Krug
Usabilità e progettazione
L’usabilità è un approccio della progettazione per
rendere i siti web facili da usare per l'utente finale
che deve navigare con fluidità, recuperando
facilmente i contenuti.

6. Usabilità
Sono stati individuati sei requisiti che, nella loro
interazione, permettono di realizzare un sito usabile:
1. navigabilità
2. tempi di attesa
3. completezza dei contenuti
4. comprensibilità delle informazioni
5. efficacia comunicativa
6. attrattiva grafica (fonte:wikipedia)

7. Usabilità
In estrema sintesi, quindi, per ottenere un sito web
usabile devo:
• progettare una struttura logica i cui contenuti siano
raggruppati in maniera omogenea e coerente, con un
menù chiaro e comprensibile;
• facilitare le azioni dei visitatori con link rapidi interni
ai testi, aree tematiche, e altro;

8. Usabilità
• scegliere un buon servizio di hosting, fare il sito con
una tecnologia che ne renda veloce il
caricamento, ridimensionare (in termini di
“pesantezza”) le immagini;
• presentare subito le informazioni principali, con
approfondimenti nelle varie sezioni del sito;
• curare la redazione dei testi per comunicazione
efficace ed accessibile & motori di ricerca;

9. Usabilità
• Creare una grafica gradevole senza esagerare in
“effetti speciali” (che rallentano il caricamento e
peggiorano l’accessibilità e l’usabilità).
Progettare: pensare prima a COSA e A CHI voglio
comunicare, COME posso comunicare al meglio.
Verificare: fare dei test con 5/6 persone potenziali
utenti del sito, prima di pubblicarlo, e poi richiedere
commenti agli utenti

10. Struttura del sito e usabilità
Esempio di come progettare un sito web usabile
mappa
home
page
La Lavora con Il prestito Documenta-
Servizi Referenze News Contatti
cooperativa noi sociale zione

11. Struttura del sito e usabilità

12. Costruzione dei vari tipi di pagine
Un sito internet, quindi, è composto da pagine tra loro
collegate e organizzate in una struttura.
Una pagina con poco testo è più “bella” ma il testo
serve per fornire le informazioni e per migliorare
l’indicizzazione nei motori di ricerca.
Dobbiamo perciò creare il giusto rapporto tra elementi
grafici, testo, colori, eventuali animazioni (ad esempio
javascript o filmati flash) e spazi vuoti.

13. Costruzione dei vari tipi di pagine
Per costruire una pagina efficace e “usabile” dobbiamo
considerare vari elementi:
• Impaginazione
• Immagini
• Uso dei colori
• Uso dei font
• Leggibilità

14. Costruzione dei vari tipi di pagine
Attenzione alle combinazioni dei colori, sia per evitare
di trasmettere messaggi contraddittori, sia per motivi di
leggibilità per quanto riguarda sfondi e testi.
TEST LETTURA TEST LETTURA
TEST LETTURA

15. Costruzione dei vari tipi di pagine
Migliore leggibilità (alcuni esempi)
TEST LETTURA TEST LETTURA
TEST LETTURA TEST LETTURA

16. Qualità del sito web
Il nostro sito web oltre ad essere accessibile e usabile
deve essere di qualità:
• Informazioni utili ed aggiornate
• Link validi
• “Trasparenza”
• Bandi, corsi e normative con data di pubblicazione e
di scadenza
• Contatti utili
• Sicurezza

17. Grazie per l’attenzione
Valeria Neri
valeria@nerieneri.it
www.nerieneri.it
www.facebook.com/nerieneri

18. Questa presentazione può essere
usata, copiata, distribuita, purché ne sia citata
la fonte e non sia utilizzata a fini commerciali
o modificata (in tutto o in parte).
Valeria Neri