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 BHOMEPAGE - 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 CHOMEPAGE - 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 DHOMEPAGE - 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 EHOMEPAGE - 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 FHOMEPAGE - 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 HHOMEPAGE - 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 LHOMEPAGE - ZONA I e L

1. Share e footer:• Nessuna osservazione in merito

ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA

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

PAGINA INTERNAPAGINA INTERNA

ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA

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 Myriado Calibri

CONSIDERAZIONI GENERALICONSIDERAZIONI GENERALI

ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA

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

CONSIDERAZIONI GENERALICONSIDERAZIONI GENERALI