Escolar Documentos
Profissional Documentos
Cultura Documentos
Agnese Vardanega
Giulianova, 17 gennaio 2011
Web content analysis
secondo convenzioni
alle quali gli utenti
sono oramai
abituati
http://www.webstyleguide.com
17 gennaio 2011 A. Vardanega - Univ. Teramo 5
Principali funzioni
✔ Header o testata, o intestazione
➔ Identità e logo
➔ Principali sezioni del sito (“home page in
miniatura”)
➔ Titolo, strumenti di navigazione e ricerca
METAFORA diffusa, ma
nel caso di questo sito
sembra più adatta
quella della “Guida”, o
del “Navigatore”
Identità
Dove sono?
Contenuto
principale
Sono evidenziati in
giallo gli elementi
essenziali
Evidenza dei contenuti
✔ Come nelle pagine dei giornali, l’evidenza dipende
molto dalla posizione di un elemento all’interno della
pagina
➔ Anche in rapporto alle dimensioni dello schermo e della
risoluzione (per non parlare del tipo di dispositivo)
✔ Giocano poi un ruolo centrale gli elementi grafici
➔ Dimensioni dei caratteri (titoli in particolare)
➔ Immagini (che hanno un impatto maggiore)
➔ Combinazione di colori (vivaci, a contrasto / tenui,
armonici)
Analizzare anche
●
interazioni “suggerite”
●
interazioni possibili
17 gennaio 2011 A. Vardanega - Univ. Teramo 11
Evidenza dei contenuti: schermo
50%
99%
98%
95%
90%
80%
Come viene visualizzata una pagina web, in rapporto alla risoluzione dello schermo.
Ad es., “90%” indica che il 90% delle persone ha la finestra del browser almeno di questa dimensione
(http://browsersize.googlelabs.com/).
IlIl menu
menu suggerisce
suggerisce
elementi
elementi di
di “interesse”
“interesse”
La
La seconda
seconda “area
“area
calda”
calda” èè dedicata
dedicata agli
agli
eventi
eventi in
in evidenza
evidenza
Strumenti
Strumenti social
social
meno
meno visibili
visibili
(scroll
(scroll pagina)
pagina)