Linee guida web PA: qualità dei siti web della pubblica amministrazione
Un modello di qualità per i siti Web
-
Upload
roberto-polillo -
Category
Education
-
view
3.772 -
download
0
description
Transcript of Un modello di qualità per i siti Web
![Page 1: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/1.jpg)
UN MODELLO DI QUALITA’ PER I SITI WEB
Roberto Polillo
Ultimo aggiornamento: 2004
![Page 2: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/2.jpg)
Indice
• Introduzione al modello
• Analisi delle caratteristiche del modello
![Page 3: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/3.jpg)
Introduzione al modello
![Page 4: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/4.jpg)
Che cos’è un modello di qualità
Insieme di caratteristiche, sottocaratteristiche e rispettive relazioni, che fornisce la base per specificare requisiti di qualità e valutare la qualità di un prodotto o servizio
![Page 5: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/5.jpg)
Esempio: un modello di qualità per alberghi
Caratteristiche Sottocaratteristiche
1 Camere comfort, dimensioni, eleganza, pulizia
2 Spazi comuni comfort, dimensioni, eleganza, pulizia
3 Servizio reception, servizi in camera, cortesia del personale
4 Ristoranti qualità del cibo, ambiente, servizio, varietà del cibo
5 Piscina comfort, dimensioni, ambiente, attrezzature, pulizia
6 Spiaggia vicinanza, privata/pubblica, attrezzature, paesaggio
7 Dintorni possibilità di escursioni, vicinanza a un centro abitato
8 Impianti sportivi tennis, golf, fitness, altri
9 Bambini nursery, zone riservate
NB: Un modello di qualità è sempre, in una certa misura, arbitrario
![Page 6: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/6.jpg)
Un modello di qualità per i siti web
• Una selezione delle caratteristiche che fanno di un sito web un “buon” sito
• Scopo:• valutare un sito • orientarci nella sua realizzazione
• Vogliamo individuare poche caratteristiche, per poterci concentrare sugli aspetti più importanti
![Page 7: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/7.jpg)
La qualità di un sito
Non può essere una grandezza assoluta, ma deve essere relativa a:- lo scopo del sito- la tipologia di utenti a cui si indirizza- il suo contesto d’uso
Noi useremo un modello basato su 7 caratte-ristiche, derivati da un semplice modello di produzione e gestione di un sito
![Page 8: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/8.jpg)
Produzione e gestione di un sito webS
trat
egia
e
fatt
ibili
tà
Management,Consulenti
1
Vis
ual
des
ign
Visual designer
3
Ese
rciz
io
del
sit
o
Web master
6
Ges
tio
ne
dei
ser
ver
Web farm
7S
vilu
pp
o
del
so
ftw
are
Systemintegrator
4 5Contenteditor
Ges
tio
ne
dei
co
nte
nu
ti
Web designer
2
Web
des
ign
&
use
r ex
per
ien
ce
Co
nn
etti
vit
àin
tern
et
Internet Service Provider
8
![Page 9: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/9.jpg)
Build Check
Design
![Page 10: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/10.jpg)
Str
ateg
ia
e fa
ttib
ilità
Management,Consulenti
1
Vis
ual
des
ign
Web designer
2
Svi
lup
po
del
so
ftw
are
Systemintegrator
3
Ese
rciz
io
del
sit
o
Web master
5
Ges
tio
ne
dei
ser
ver
Web farm
6
Co
nn
etti
vit
àin
tern
et
Internet Service Provider
7Contenteditor
4G
esti
on
e d
ei c
on
ten
uti
Web
des
ign
&
use
r ex
per
ien
ce
8Visual
designer
Comun
icaz
ione
Usabilità
Funz
iona
lità
Conte
nuto
Accessibilità
Obi
ettiv
i
Archi
tettu
ra
Ges
tione
Le caratteristiche di qualità del modello
![Page 11: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/11.jpg)
Produzione e gestione di un sito web
Str
ate
gia
&
co
nce
pt
Consulenti
1G
rap
hic
al d
esig
n&
use
r e
xpe
rie
nce
Web agency
2
Svi
lup
po
de
l sito
Systemintegrator
3
Ese
rciz
io
del
sito
Application manager
5
Se
rve
r ho
usi
ng
Web farm
6
Co
nne
ttivi
tà
ISP
7
Contentmanager
4
Ge
stio
ne
dei
co
nte
nu
ti
La qualità complessiva di un sito è il risultato del lavoro armonico e integratodi tutti questi attori
La robustezza di una catena è pari a quella del suo anello più
debole
![Page 12: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/12.jpg)
Una visione globale
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
![Page 13: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/13.jpg)
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
Confronto di due siti
![Page 14: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/14.jpg)
Analisi delle caratteristiche del modello
![Page 15: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/15.jpg)
ContenutoIl contenuto informativo è corretto, e adeguato
agli scopi del sito?
ComunicazioneIl sito raggiunge i suoi
obiettivi di comunicazione?
AccessibilitàIl sito è di facile
accesso per tutti?
FunzionalitàLe funzioni del sito sono
adeguate e corrette?
GestioneL’operatività del sito
è ben gestita ?
ArchitetturaLa struttura e la navigazione
del sito sono adeguate?
UsabilitàIl sito è facile
da usare?
Il nostro modello di qualità per i siti web
![Page 16: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/16.jpg)
1. Architettura dell’informazione
![Page 17: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/17.jpg)
Architettura dell’informazione
• Struttura: La struttura del sito è adeguata?• Mappa del sito: La mappa del sito esiste e ne
rappresenta con chiarezza la struttura?• Navigazione: La navigazione del sito è adeguata?
La struttura e la navigazione sono adeguate?
![Page 18: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/18.jpg)
Architettura dell’informazione
• Struttura: La struttura del sito è adeguata?• Mappa del sito: La mappa del sito esiste e ne
rappresenta con chiarezza la struttura?• Navigazione: La navigazione del sito è adeguata?
La struttura e la navigazione sono adeguate?
![Page 19: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/19.jpg)
Struttura del sitoE’ molto utile rappresentare la struttura del sito con un diagramma ad albero, e quindi valutarne la adeguatezza
B C D EA
HOME
D1 D2 D3A2A1
A2.2 A2.3A2.1
1° livello
2° livello
3° livello
![Page 20: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/20.jpg)
Un esempio
![Page 21: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/21.jpg)
![Page 22: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/22.jpg)
Prodotti Puntivendita
Mondo Fidaty
Lavorare con noi
Azienda
HOME
Catalogo Fidaty Vantaggi
Le carte Fidaty
Valori eprincipi
Storia
Il cliente I fornitoriLe risorse
umane
1° livello
2° livello
3° livelloFidaty
oro
![Page 23: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/23.jpg)
Prodotti Puntivendita
Mondo Fidaty
Lavorare con noi
Azienda
HOME
Parlare con noi
Spesa on line
Accesso utenti
registrati
Saperscegliere
Areautenti
Areastampa
Intratte-nimento
Mappa Ricerca Info English
“scorciatoie”varie
servizi “standard”
Analizzando meglio il sito, si vede però che la mappa del sito non
ne rappresenta completamente la struttura, che è più complessa:
![Page 24: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/24.jpg)
![Page 25: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/25.jpg)
Architettura dell’informazione
• Struttura: La struttura del sito è adeguata?• Mappa del sito: La mappa del sito esiste e ne
rappresenta con chiarezza la struttura?• Navigazione: La navigazione del sito è adeguata?
La struttura e la navigazione sono adeguate?
![Page 26: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/26.jpg)
![Page 27: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/27.jpg)
![Page 28: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/28.jpg)
![Page 29: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/29.jpg)
Due mappe ben fatte
Ma questa si sviluppa su più schermate: è
scomoda
![Page 30: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/30.jpg)
Architettura dell’informazione
• Struttura: La struttura del sito è adeguata?• Mappa del sito: La mappa del sito esiste e ne
rappresenta con chiarezza la struttura?• Navigazione: La navigazione del sito è adeguata?
La struttura e la navigazione sono adeguate?
![Page 31: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/31.jpg)
B C D EA
HOME
D1 D2 D3A2A1
A2.2 A2.3A2.1navigazione orizzontale
navigazione trasversale
navigazione verticale
Vari tipi di navigazione
![Page 32: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/32.jpg)
Una struttura di navigazione tipica
A B C D E
D1
D2
D3
pagina D1
contenuti della pagina
navigazione globale
navigazione locale
B C
D
EA
HOME
D1 D2 D3A2A1
A2.2 A2.3A2.1
D
![Page 33: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/33.jpg)
pubblicità
pubblicità
contenuti
Esempio
![Page 34: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/34.jpg)
Esempio
![Page 35: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/35.jpg)
Navigazione globale
Nav
igaz
ione
lo
c ale Navigazione
contestuale
Dove sono?
Cos
a c’
èvi
cino
? Cosa è relativoa cosa?
Orientamento
Dove posso andare?
Dov
e p
osso
and
a re? Dove posso
andare?
Navigazione
![Page 36: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/36.jpg)
<contenuti Linea Cash>
Una variante: navigazione locale in orizzontale
Strutturalmente, è la stessa cosa
![Page 37: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/37.jpg)
Un’altra variante: navigazione locale in menu a tendina
![Page 38: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/38.jpg)
A B C D E
Un’altra variante: navigazione globale a tab (metafora dello schedario)
![Page 39: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/39.jpg)
![Page 40: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/40.jpg)
A B C D E
D1 D2 D3
pagina D1
A B C D E
pagina D1
D1
D2
D3
Struttura a schedario con navigazione locale
![Page 41: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/41.jpg)
inserzione pubblicitaria
<contenuti della pagina>
![Page 42: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/42.jpg)
<contenuti: Idee regalo fino a 10.99 euro>
![Page 43: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/43.jpg)
Navigazione a tre livelli
![Page 44: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/44.jpg)
<contenuti: Idee regalo fino a 10.99 euro>
![Page 45: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/45.jpg)
Home Natale Idee regalo
Casa funzionale
Tempo libero
Soluzioni Tecnologiche
Cura della persona
Fino a 10,99 euro
Fino a 25,99 euro
Fino a 51,99 euro
Casa funzionale
Tempo libero
Soluzioni Tecnologiche
Cura della persona
navi
gazi
one
loca
le
navi
gazi
one
loca
le
navigazione globale
navi
gazi
one
tr
asve
rsal
e
![Page 46: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/46.jpg)
Un difetto tipico: duplicazione degli accessi a una stessa pagina
![Page 47: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/47.jpg)
Orientamento: breadcrumbs
![Page 48: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/48.jpg)
A B C
Indietro
1 2
Fluidità della navigazione
Evitare le redirezioni di link, che impediscono al tasto back di funzionare come l’utente si attende
![Page 49: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/49.jpg)
2. Comunicazione
![Page 50: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/50.jpg)
Comunicazione
• Home page: La home page comunica chiaramente gli obiettivi del sito?
• Brand image: Il sito è coerente con la brand image?• Grafica: La grafica del sito è adeguata?
Il sito raggiunge i suoi obiettivi di comunicazione?
![Page 51: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/51.jpg)
Comunicazione
• Home page: La home page comunica chiaramente gli obiettivi del sito?
• Brand image: Il sito è coerente con la brand image?• Grafica: La grafica del sito è adeguata?
Il sito raggiunge i suoi obiettivi di comunicazione?
![Page 52: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/52.jpg)
Home page: qual è lo scopo di questo sito?
![Page 53: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/53.jpg)
E di questo ?
![Page 54: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/54.jpg)
Home page: i “payoff” (o “tag-line”)
• Sono frasi che caratterizzano sinteticamente lo scopo del sito
• Sono quasi sempre accostate al logo• Spesso sono accompagnate da una descrizione più
estesa dello scopo del sito
titolo slogan frase esplicativa
![Page 55: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/55.jpg)
![Page 56: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/56.jpg)
L’uso dei rollover
![Page 57: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/57.jpg)
Comunicazione
• Home page: La home page comunica chiaramente gli obiettivi del sito?
• Brand image: Il sito è coerente con la brand image?• Grafica: La grafica del sito è adeguata?
Il sito raggiunge i suoi obiettivi di comunicazione?
![Page 58: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/58.jpg)
Che cos’è un “brand”?
“Una miscela di attributi tangibili e intangibili, simbolizzata in un marchio, che, se gestita correttamente, crea influenza e genera valore”
(da: R.Clifton, E.Maughan (a cura di), “The future of brands”,Interbrand, MacMillan, 2000)
![Page 59: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/59.jpg)
I brand più “forti”
1. Coca Cola 14. Marlboro2. Microsoft 15. BMW3. Gillette 16. Heineken4. Disney 17. VW5. Nescafé 18. Pepsi-Cola6. Colgate 19. Ford7. McDonald’s 20. Chanel8. McDonald’s 21. General Electric9. Pampers 22. Kodak10. IBM 23. Amex11. Sony 24. Nike12. Heinz 25. Bacardi
13. Intel 26. Smirnoff
(Fonte: Interbrand)
![Page 60: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/60.jpg)
Verificare che la impostazione del sito sia coerente con i “tratti distintivi del
brand”
![Page 61: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/61.jpg)
![Page 63: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/63.jpg)
CocaCola tedesca nel 2003
![Page 64: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/64.jpg)
CocaCola USA nel 2003
![Page 66: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/66.jpg)
Comunicazione
• Home page: La home page comunica chiaramente gli obiettivi del sito?
• Brand image: Il sito è coerente con la brand image?• Grafica: La grafica del sito è adeguata?
Il sito raggiunge i suoi obiettivi di comunicazione?
![Page 67: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/67.jpg)
Comunicazione: Grafica
• Layout: Il layout delle pagine è adeguato ai vari formati video?
• Gestalt: Il layout delle pagine facilita la comprensione dei contenuti?
• Colore: Il colore è usato in modo adeguato?• Tipografia: I caratteri usati rendono il testo ben
leggibile?• Attrattiva: La grafica è attraente?
La grafica del sito è adeguata?
![Page 68: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/68.jpg)
800x600
1024x768
1680x1050
![Page 69: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/69.jpg)
![Page 70: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/70.jpg)
800x600
1024x768
1680x1050
![Page 71: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/71.jpg)
800x600
1680x1050
![Page 72: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/72.jpg)
800x600
1024x768
1680x1050
![Page 73: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/73.jpg)
![Page 74: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/74.jpg)
![Page 75: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/75.jpg)
![Page 76: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/76.jpg)
Gestalt
![Page 77: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/77.jpg)
Gestalt
![Page 78: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/78.jpg)
Colore
![Page 79: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/79.jpg)
Colore
![Page 80: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/80.jpg)
Colore
![Page 81: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/81.jpg)
Colore
![Page 82: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/82.jpg)
Colore
![Page 83: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/83.jpg)
Colore
![Page 84: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/84.jpg)
![Page 85: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/85.jpg)
![Page 86: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/86.jpg)
Tipografia
![Page 87: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/87.jpg)
Tipografia
![Page 88: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/88.jpg)
Attrattiva
![Page 89: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/89.jpg)
Una visione globale
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
![Page 90: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/90.jpg)
3. Funzionalità
![Page 91: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/91.jpg)
Funzionalità
• Adeguatezza: Le funzioni del sito sono adeguate?• Correttezza: Le funzioni del sito sono corrette?
Le funzioni del sito sono adeguate e corrette?
![Page 92: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/92.jpg)
Funzionalità: Adeguatezza
• Transazioni: Le funzioni per effettuare le transazioni sono adeguate?
• Gestione degli errori: Il trattamento degli errori dell’utente è adeguato?
• Ricerca: Gli strumenti di ricerca delle informazioni sono adeguati?
• Comunicazione: E’ possibile comunicare in modo adeguato con chi gestisce il sito?
Le funzioni del sito sono adeguate?
![Page 93: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/93.jpg)
Funzionalità: Adeguatezza
• Transazioni: Le funzioni per effettuare le transazioni sono adeguate?
• Gestione degli errori: Il trattamento degli errori dell’utente è adeguato?
• Ricerca: Gli strumenti di ricerca delle informazioni sono adeguati?
• Comunicazione: E’ possibile comunicare in modo adeguato con chi gestisce il sito?
Le funzioni del sito sono adeguate?
![Page 94: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/94.jpg)
Funzionalità: Adeguatezza
• Transazioni: Le funzioni per effettuare le transazioni sono adeguate?
• Gestione degli errori: Il trattamento degli errori dell’utente è adeguato?
• Ricerca: Gli strumenti di ricerca delle informazioni sono adeguati?
• Comunicazione: E’ possibile comunicare in modo adeguato con chi gestisce il sito?
Le funzioni del sito sono adeguate?
![Page 95: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/95.jpg)
Funzionalità: Adeguatezza
• Transazioni: Le funzioni per effettuare le transazioni sono adeguate?
• Gestione degli errori: Il trattamento degli errori dell’utente è adeguato?
• Ricerca: Gli strumenti di ricerca delle informazioni sono adeguati?
• Comunicazione: E’ possibile comunicare in modo adeguato con chi gestisce il sito?
Le funzioni del sito sono adeguate?
![Page 96: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/96.jpg)
![Page 97: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/97.jpg)
![Page 98: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/98.jpg)
![Page 99: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/99.jpg)
![Page 100: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/100.jpg)
Funzionalità: Adeguatezza
• Transazioni: Le funzioni per effettuare le transazioni sono adeguate?
• Gestione degli errori: Il trattamento degli errori dell’utente è adeguato?
• Ricerca: Gli strumenti di ricerca delle informazioni sono adeguati?
• Comunicazione: E’ possibile comunicare in modo adeguato con chi gestisce il sito?
Le funzioni del sito sono adeguate?
![Page 101: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/101.jpg)
![Page 102: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/102.jpg)
![Page 103: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/103.jpg)
Funzionalità: Correttezza
Le funzioni del sito sono corrette?
![Page 104: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/104.jpg)
Una visione globale
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
![Page 105: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/105.jpg)
4. Contenuto
![Page 106: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/106.jpg)
Contenuto
• Categorizzazione/labelling: L’informazione è classificata in modo adeguato?
• Stile: Lo stile del testo è adeguato al web?• Informazione: L’informazione è adeguata,
pertinente, affidabile e aggiornata?• Localizzazione: Il sito è correttamente localizzato?
Il contenuto informativo è corretto, e adeguato agli scopi del sito?
![Page 107: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/107.jpg)
Contenuto
• Categorizzazione/labelling: L’informazione è classificata in modo adeguato?
• Stile: Lo stile del testo è adeguato al web?• Informazione: L’informazione è adeguata,
pertinente, affidabile e aggiornata?• Localizzazione: Il sito è correttamente localizzato?
Il contenuto informativo è corretto, e adeguato agli scopi del sito?
![Page 108: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/108.jpg)
triangoli stelle
cerchi bianchi
neri
grigi
![Page 109: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/109.jpg)
www.msn.it www.virgilio.it Amori e incontri 5minutidiANSA Notizie AnnunciAste online BroadbandBusiness BusinessCalcio CasaCasa Cinema e TVCucina CommunityDonne Donne e bellezzaFamiglia GiochiGQ JuniorIntrattenimento LavoroLavoro MobileMoney MotoriMotori MusicaMusica Salute e benessereShopping Sapere e libriSport ShoppingTecnologia SocialeTelefonia SoldiViaggi SportVideogiochi Tecnologia
ViaggiEsplora Virgilio
![Page 110: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/110.jpg)
![Page 111: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/111.jpg)
![Page 112: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/112.jpg)
Contenuto
• Categorizzazione/labelling: L’informazione è classificata in modo adeguato?
• Stile: Lo stile del testo è adeguato al web?• Informazione: L’informazione è adeguata,
pertinente, affidabile e aggiornata?• Localizzazione: Il sito è correttamente localizzato?
Il contenuto informativo è corretto, e adeguato agli scopi del sito?
![Page 113: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/113.jpg)
![Page 114: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/114.jpg)
![Page 115: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/115.jpg)
SINTESI
DETTAGLIO
MATERIALEAGGIUNTIVO
![Page 116: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/116.jpg)
![Page 117: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/117.jpg)
1
2
3
![Page 118: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/118.jpg)
Contenuto
• Categorizzazione/labelling: L’informazione è classificata in modo adeguato?
• Stile: Lo stile del testo è adeguato al web?• Informazione: L’informazione è adeguata,
pertinente, affidabile e aggiornata?• Localizzazione: Il sito è correttamente localizzato?
Il contenuto informativo è corretto, e adeguato agli scopi del sito?
![Page 119: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/119.jpg)
Contenuto
• Categorizzazione/labelling: L’informazione è classificata in modo adeguato?
• Stile: Lo stile del testo è adeguato al web?• Informazione: L’informazione è adeguata,
pertinente, affidabile e aggiornata?• Localizzazione: Il sito è correttamente localizzato?
Il contenuto informativo è corretto, e adeguato agli scopi del sito?
![Page 120: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/120.jpg)
a) b)
![Page 121: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/121.jpg)
![Page 122: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/122.jpg)
![Page 123: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/123.jpg)
Una visione globale
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
![Page 124: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/124.jpg)
5. Gestione
![Page 125: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/125.jpg)
Gestione
• Disponibilità: Il sito è sempre attivo e disponibile agli utenti?
• Monitoraggio: L’accesso al sito è adeguatamente monitorato?
• Aggiornamento: Il sito viene costantemente aggiornato e migliorato?
• Relazioni con gli utenti: Le relazioni con gli utenti sono adeguatamente presidiate?
L’operatività del sito è ben gestita?
![Page 126: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/126.jpg)
Gestione
• Disponibilità: Il sito è sempre attivo e disponibile agli utenti?
• Monitoraggio: L’accesso al sito è adeguatamente monitorato?
• Aggiornamento: Il sito viene costantemente aggiornato e migliorato?
• Relazioni con gli utenti: Le relazioni con gli utenti sono adeguatamente presidiate?
L’operatività del sito è ben gestita?
![Page 127: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/127.jpg)
Gestione
• Disponibilità: Il sito è sempre attivo e disponibile agli utenti?
• Monitoraggio: L’accesso al sito è adeguatamente monitorato?
• Aggiornamento: Il sito viene costantemente aggiornato e migliorato?
• Relazioni con gli utenti: Le relazioni con gli utenti sono adeguatamente presidiate?
L’operatività del sito è ben gestita?
![Page 128: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/128.jpg)
Gestione
• Disponibilità: Il sito è sempre attivo e disponibile agli utenti?
• Monitoraggio: L’accesso al sito è adeguatamente monitorato?
• Aggiornamento: Il sito viene costantemente aggiornato e migliorato?
• Relazioni con gli utenti: Le relazioni con gli utenti sono adeguatamente presidiate?
L’operatività del sito è ben gestita?
![Page 129: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/129.jpg)
![Page 130: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/130.jpg)
Link spezzati
Uno studio sperimentale ha rilevato che il 5-8%
dei link seguiti durante la navigazione erano
interrotti
(Xerox, 1997)
![Page 131: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/131.jpg)
![Page 132: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/132.jpg)
![Page 133: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/133.jpg)
Missing links
La presenza di pagine “in costruzione”, anche se correttamente segnalate, comunica all’utente una impressione di provvisorietà e di scarsa profes-sionalità, e va assolutamente evitata.
![Page 134: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/134.jpg)
![Page 135: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/135.jpg)
Gestione
• Disponibilità: Il sito è sempre attivo e disponibile agli utenti?
• Monitoraggio: L’accesso al sito è adeguatamente monitorato?
• Aggiornamento: Il sito viene costantemente aggiornato e migliorato?
• Relazioni con gli utenti: Le relazioni con gli utenti sono adeguatamente presidiate?
L’operatività del sito è ben gestita?
![Page 136: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/136.jpg)
Una visione globale
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
![Page 137: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/137.jpg)
6. Accessibilità
![Page 138: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/138.jpg)
Accessibilità
• Tempi di accesso: I tempi di accesso sono adeguati?
• Reperibilità: Il sito è facile da trovare?• Indipendenza dal browser: Il sito è accessibile con
ogni browser?• Accessibilità per i disabili: Il sito è utilizzabile da
utenti disabili?
Il sito è di facile accesso per tutti?
![Page 139: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/139.jpg)
Accessibilità
• Tempi di accesso: I tempi di accesso sono adeguati?
• Reperibilità: Il sito è facile da trovare?• Indipendenza dal browser: Il sito è accessibile con
ogni browser?• Accessibilità per i disabili: Il sito è utilizzabile da
utenti disabili?
Il sito è di facile accesso per tutti?
![Page 140: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/140.jpg)
User
Site Access Provider
User Access Provider
Web Server
Internet
Fattori che influenzano le prestazioni di accesso
Banda verso UAP
Caratteristiche dell’UAP
Itinerario sulla rete
Caratteristiche del SAP
Banda verso SAP
Dimensionamentodel server
“peso” delle pagine web del sito
![Page 141: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/141.jpg)
![Page 142: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/142.jpg)
![Page 143: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/143.jpg)
Accessibilità
• Tempi di accesso: I tempi di accesso sono adeguati?
• Reperibilità: Il sito è facile da trovare?• Indipendenza dal browser: Il sito è accessibile con
ogni browser?• Accessibilità per i disabili: Il sito è utilizzabile da
utenti disabili?
Il sito è di facile accesso per tutti?
![Page 144: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/144.jpg)
bo
l
bo
ok o
nli
ne
ve
nd
ita
lib
ri
lib
ri o
nli
ne
rom
an
zi
ita
lia
ni
Ku
nd
era
Altavista (www.altavista.com) 3 78* ---- ---- ---- ----Yahoo (www.yahoo.com) 1 77* ---- ---- ---- ----HotBot (www.hotbot.com) 2 55* ---- ---- ---- ----Excite (www.excite.com) 3 88* ---- ---- ---- ----
Google (www.google.it) 1 11* 1 ---- ---- ----Lycos (www.lycos.it) 1 33* *1* ---- ---- ----Arianna (www.arianna.it) 1 48* ---- ---- ---- ----Virgilio (www.virgilio.it) 1 32* ---- ---- ---- ----M
oto
ri d
i ri
cerc
a
Parole Chiave
Motori di ricerca: esempio
![Page 145: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/145.jpg)
Accessibilità
• Tempi di accesso: I tempi di accesso sono adeguati?
• Reperibilità: Il sito è facile da trovare?• Indipendenza dal browser: Il sito è accessibile con
ogni browser?• Accessibilità per i disabili: Il sito è utilizzabile da
utenti disabili?
Il sito è di facile accesso per tutti?
![Page 146: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/146.jpg)
![Page 147: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/147.jpg)
![Page 148: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/148.jpg)
![Page 149: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/149.jpg)
Accessibilità
• Tempi di accesso: I tempi di accesso sono adeguati?
• Reperibilità: Il sito è facile da trovare?• Indipendenza dal browser: Il sito è accessibile con
ogni browser?• Accessibilità per i disabili: Il sito è utilizzabile da
utenti disabili?
Il sito è di facile accesso per tutti?
![Page 150: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/150.jpg)
Disabilità: alcuni numeri
• Almeno il 10% della popolazione mondiale è disabile.
• Nell’Unione Europea, almeno 37 milioni di cittadini sono disabili, e il 70% ha un’età superiore ai 70 anni.
• In Italia, i disabili sono oltre 2.800.000, pari a circa il 5% della popolazione. Di questi, il 75% ha almeno 65 anni (Fonte: Istat).
![Page 151: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/151.jpg)
La legge Stanca (dicembre 2003)
• Tutela e garantisce il diritto di accesso ai servizi informatici e telematici della pubblica amministrazione e ai servizi di pubblica utilità da parte delle persone disabili, in ottemperanza al principio di uguaglianza stabilito dall’articolo 3 della Costituzione Italiana.
• In particolare, stabilisce che le pubbliche amministrazioni non possano stipulare contratti per la realizzazione e la modifica di siti Internet quando non è previsto che essi rispettino opportuni requisiti d’accessibilità
• I requisiti sono stabiliti con decreto del Ministro per l’Innovazione e le Tecnologie, nell’osservanza delle raccomandazioni dell’Unione Europea.
![Page 152: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/152.jpg)
WAI
• Il World Wide Web Consortium (W3C) ha promosso la Web Accessibility Iniziative (WAI).
• Scopo: individuare e suggerire criteri per la realizzazione dei siti web, tali da permetterne l’accesso anche ad utilizzatori disabili.
![Page 153: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/153.jpg)
Web Content Accessibility Guidelines
• Linee guida emesse dal WAI per la realizzazione di siti accessibili.
• Il riferimento principale è il documento WCAG 1.0, adottato come raccomandazione del W3C (1999), che elenca 14 linee guida.
• WCAG 2.0 è in corso di definizione.
![Page 154: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/154.jpg)
SINTESI DELLE LINEE GUIDA PER L’ACCESSIBILITà DEI WEB DEL W3C (VERSIONE 1.0)
1. Fornire alternative equivalenti ai contenuti uditivi e visivi: fornire contenuti che, quando presentati all’utente,comunichino essenzialmente la stessa funzione o scopo dei contenuti uditivi e visivi.
2. Non fare affidamento solo sul colore: assicurarsi che testo e grafica siano comprensibili anche se visti senza colore.
3. Usare marcatori e fogli di stile, e farlo in modo appropriato: marcare i documenti con i corretti elementi strutturali. Controllare la presentazione con fogli di stile piuttosto che con elementi di presentazione e attributi
4. Chiarire l’uso dei linguaggi naturali: usare marcatori che facilitino la pronuncia o l’interpretazione di testi in linguestraniere o con abbreviazioni.
5. Creare tabelle che si trasformino bene: assicurarsi che le tabelle abbiano i marcatori necessari affinché sianoTrasformate correttamente dai browser accessibili e da altri programmi utilizzati dall’utente.
6. Assicurarsi che le pagine che usano nuove tecnologie si trasformino bene: assicurarsi che le pagine sianoaccessibili anche quando le nuove tecnologie non siano supportate o vengano disinserite.
7. Assicurarsi che l’utente abbia il controllo dei cambiamenti di contenuto nel tempo: assicurarsi che gli oggetti o lepagine che si muovono, che lampeggiano, che scrollano o che si auto-aggiornano possano essere fermate.
8. Assicurarsi che le interfacce utente inserite supportino direttamente l’accessibilità: assicurarsi che eventuali oggetti inseriti nel sito che abbiano un’interfaccia diretta con l’utente seguano anch’essi i principi dell’accessibilità.
9. Garantire l’indipendenza dai dispositivi: usare caratteristiche che permettano l’attivazione degli elementi della pagina attraverso una varietà di dispositivi di input.
10. Usare soluzioni provvisorie, in modo tale che le tecnologie che assistono i disabili o i browser meno recenti funzioninocorrettamente, nell’attesa di future tecnologie web che incorporino direttamente le caratteristiche necessarie.
11. Usare tecnologie e linee guida del W3C, in modo conforme alle specifiche, e seguire le linee guida per l’accessibilità.Quando non è possibile usare tecnologie W3C, fornire versioni alternative del contenuto che siano accessibili
12. Fornire informazioni di contesto e d’orientamento: fornire informazioni di contesto e di orientamento per aiutare gliutenti nella comprensione di pagine o elementi complessi.
13. Fornire chiari meccanismi di navigazione: fornire meccanismi di navigazione chiari e consistenti (informazioni di orientamento, barre di navigazione, mappe del sito, ecc.) per aumentare la probabilità che l’utente trovi ciò che cerca nel sito.
14. Assicurarsi che i documenti siano chiari e semplici, in modo che essi possano essere più facilmente compresi.
![Page 155: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/155.jpg)
I livelli di conformità del WAI
Per ciascuna linea guida, il WAI definisce delle regole più dettagliate da applicare per soddisfarla (“checkpoint”).
I checkpoint (65 in tutto) sono classificati in tre livelli di priorità:- Priorità 1: chi realizza il sito deve soddisfare questi checkpoint- Priorità 2: chi realizza il sito dovrebbe soddisfare questi checkpoint.- Priorità 3: chi realizza il sito potrebbe soddisfare questi checkpoint.
![Page 156: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/156.jpg)
Livello A: tutti i checkpoint di priorità 1 sono soddisfatti
Livello AA: tutti i checkpoint di priorità 1 e 2 sono soddisfatti
Livello AAA: tutti i checkpoint di priorità 1, 2 e 3 sono soddisfatti
I livelli di conformità del WAI
![Page 157: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/157.jpg)
L’idea di base
• Progettare le pagine web in modo che siano comprensibili nonostante la disabilità e, ove ciò non sia possibile, di trasformarle in modo che esse diventino comprensibili.
• Può essere necessario usare opportune tecnologie assistive: lettori di schermo, tastiere braille, browser vocali, ecc.
![Page 158: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/158.jpg)
![Page 159: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/159.jpg)
![Page 160: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/160.jpg)
Una visione globale
0
0,5
1
1,5
2
2,5
3
3,5
4
Usabilità
Architettura
Comunicazione
FunzionalitàContenuto
Gestione
Accessibilità
![Page 161: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/161.jpg)
7. Usabilità
![Page 162: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/162.jpg)
Usabilità
• Efficacia: L’utente raggiunge il risultato voluto in modo accurato e completo?
• Efficienza: Lo sforzo richiesto all’utente per ottenere il risultato voluto è accettabile?
• Soddisfazione dell’utente: Il sito è confortevole e bene accetto all’utente?
Il sito è facile da usare?
![Page 163: Un modello di qualità per i siti Web](https://reader038.fdocuments.net/reader038/viewer/2022110119/5557ec6ad8b42a200d8b472b/html5/thumbnails/163.jpg)