Ottimizzare.com - Progettazione Siti Web ed Indicizzazione nei Motori di Ricerca

Rollover

Data Controllo: 11 Dicembre 2002
Autore: Claudio Santori
URL: www.indisco.it

In Disco, il navigar m'è dolce in questo sito?

InDisco.it si rivolge al popolo della notte. Il sito e' graficamente ben fatto anche se la barra di navigazione presenta alcuni problemi di usabilità. La fascia di età del target di riferimento potrebbe meno gravi questi errori anche se, con un minimo intervento, potrebbero comunque essere risolti.

In ogni momento puoi aprire il il frame superiore del sito indisco.it per avere sempre sotto mano la navigation bar discussa in questo articolo.
[url originale: http://www.indisco.it/topscreen.php3 ]

Analisi della Barra di Navigazione

Navigation Bar di Indisco.it

Questa è una parte della barra di navigazione di Indisco.it. Difficile a colpo d'occhio suddividere la barra in tre livelli, eppure le sei immagini in alto sono un livello indipendente della barra di navigazione, che quindi risulta cosi' suddivisa:

14 voci nel menu' di navigazione più sei voci attivabili tramite rollover (le immagini in alto): totale 20 link tra cui scegliere. Decisamente troppi!

Il problema di ROLLOVER

In questo articolo vogliamo evidenziare la confusione che si crea tra i primo livello (composto dalle 6 immagini) e la barra di navigazione con sfondo giallo)

Ma le immagini non sono l'icona di...?

Rollover

Shopping?Ma veramente le immagini non sono associate ai bottoni testuali? Ma veramente non posso cliccare il bottone sopra shopping (questo sulla destra) per visitare la sezione shopping del sito? Purtroppo no.

A prima vista i due menu' si confondono, ma il bottone che abbiamo considerato rimanda alla sezione visitati per voi e non shopping come avevamo supposto.
[Qualcuno si spieghera' l'attinenza dell'immagine scelta per il bottone con la sezione visitati per voi ]

Rollover 1

RollOver 2

I due link sono a pochissimi pixel di distanza e visto che il bottone shopping non cambia il suo stato on mouse over, e' molto facile "sbagliare colpo". In fondo basterebbe far cambiare colore a shopping on mouseover e farlo tornare blu quando la freccina del mouse e' sopra le 6 immagini.

Conclusioni e consigli

Ridurre il numero di voci della barra di navigazione e separare maggiormente le 6 immagini in alto dal resto del menu' per evitare confusione.

 

Altri esempi pratici...

Ottimizzare.com > Siti Web > Usabilità > Esempi pratici > In Disco
Ottimizzare.com - Contatti / Progetto Editoriale: Dr. Claudio Santori Valid XHTML 1.0! - P. Iva: 02013870429