ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
PROPOSTE GRAFICHE
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - SUDDIVISIONE IN AREE
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA A
1. menù:
•
L’icona della freccia alla destra della
voce di menù presume una azione di
dropdown (ovvero menù con sviluppo
verticale), è questo il caso?
•
Le voci sono disposte su uno sfondo del
medesimo rosso?
•
Di che colore è il font delle voci?
•
Come sono separate fra di loro le voci?
Elenco puntato, linee di separazione?
•
E’ presente un effetto hover su questi
link?
2. Pulsante logout
•
Vi è a fianco un’icona, non compare il
nome dell’utente?
•
Dove avviene la login?
3. Data
•
Il formato della data non è chiaro
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA B
1. menù:
•
Com’è l’hover su una voce?
•
Il menù è esclusivamente di promo
livello o è previsto anche uno sviluppo
verticale delle figlie?
•
Se previsto uno sviluppo verticale delle
pagine figlie come viene mostrato il
menù?
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA C
1. menù:
•
Cosa accade all’hover sulla voce?
•
I bottoni sono dei semplici link che
portano a pagine interne?
•
La freccia cosa significa? (rispetto alle
voci che non ce l’hanno)
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA D
1. slider:
•
Si deduce essere uno slider
temporizzato, con indicatore in basso a
destra.
•
Dalla grafica avendo tutti i “quadratini”
lo stesso colore si desume essere solo
un indicatore di numero e non di
posizione della news attualmente
visualizzata.
•
L’indicatore è cliccabile?
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA E
1. News in homepage:
•
Le news hanno un dettaglio?
•
Nel caso al dettaglio si accede cliccando
sul titolo?
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA F
1. calendario:
•
È un popup in overlay al clic sul giorno,
corretto?
•
Per la realizzazione abbiamo bisogno di
sapere la semantica dei colori e
dell’iconografica (bordo lime, sfondo
colorato, tratto rosso ecc…)
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA G e H
1. voci:
•
Sono link esterni oppure sono pagine
dell’albero del sito o un misto?
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
HOMEPAGE - ZONA I e L
1. Share e footer:
•
Nessuna osservazione in merito
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
PAGINA INTERNA
1. menù:
•
Se siamo in “servizi Studenti”, come si
accede ad eventuali pagine figlie?
2. Colonna centrale
Per il setup di almeno un paio di template di
“base” , quando meno ai fini della
formazione sarebbe necessario avere le
seguenti indicazioni:
•
Titolo: colore e dimensione
•
Testo
•
Immagini: dimensioni e posizionamento
•
Link nel testo: hover
•
Eventuali allegati all’articolo: come e
dove inserirli
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
CONSIDERAZIONI GENERALI
1. font:
•
Sono stati utilizzati 5 font diversi a
seconda delle aree: Gill Sans MT in
testata, Arial nelle voci di menù di
sinistra, Calibri nello slider, Myriad Pro
nel calendario e Myriad nei testi delle
news, Verdana nei titoli delle news.
Sarebbe opportuno uniformare il tipo di
font scelto o perlomeno limitarlo a 2-3
classificandone l’utilizzo per le varie
aree.
•
I font utilizzati non sono tutti font
standard per il web, in particolare:
o Gill Sans IT usato per i testi in
testata, a meno che non si decida
di trattare questi testi come
immagini
o Myriad
o Calibri
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
CONSIDERAZIONI GENERALI
2. Colori e contrasti:
•
Alcuni colori risultano poco idonei per
un’ottimale contrasto e leggibilità del
testo. In particolare il rosso chiaro nel
gradiente del footer, che risulta troppo
luminoso e andrebbe bene solo con un
font di almeno 24 px.
•
Il medesimo discorso vale per le voci di
menù sebbene utilizzino un
esadecimale differente.
•
Un valutazione oggettiva dei contrasti
conforme agli standard di accessibilità
indicati dal CNIPA può essere fatta qui
http://www.juicystudio.com/services/
colourcontrast.asp