di: Greg Nudelman 09 Settembre 2010
A prima vista, un layout di pagina a larghezza fissa e allineato a sinistra potrebbe sembrare una scelta logica. I risultati di ricerca su ogni pagina iniziano in alto a sinistra, perché in Occidente si legge da sinistra verso destra. Tuttavia, nei layout a larghezza fissa, il margine di destra può diventare improvvisamente sproporzionato rispetto al resto della pagina. Nella mia ricerca sul campo, ho osservato le reazioni delle persone di fronte gli spazi vuoti che appaiono sulla destra dei layout a larghezza fissa. Tutto quello spazio privo di contenuto si può solo descrivere come pixel-agorafobia. In primo luogo, quando tale spazio appare di solito la gente storce il naso e tenta di ridurre la larghezza della finestra per rimuovere una parte dello spazio vuoto. La maggior parte degli utenti di Windows che hanno massimizzato la finestra del browser, fanno ciò cliccando sul pulsante Ripristino in basso sulla barra del titolo della finestra. A volte il risultato è che le dimensioni della finestra diventano troppo piccole, quindi gli utenti devono regolare le dimensioni della finestra manualmente. Quando i vostri clienti sono occupati a sistemare la larghezza della finestra del browser, essi non stanno facendo shopping o guardando sul sito gli annunci; in realtà, si stanno irritando — ancora prima di interagire con le funzionalità del vostro favoloso sito web!
Al contrario, un layout centrato, soprattutto quello che utilizza ai suoi margini o sui pannelli laterali un colore neutro o più scuro, divide lo spazio vuoto in due, riducendo così il cosiddetto effetto pixel-agorafobia. Così, se si insiste sull'utilizzo di un layout a larghezza fissa, in genere è consigliabile per la vostra ricerca optare per un layout centrato, con pannelli laterali più scuri o di colore neutro, soprattutto se una percentuale significativa dei vostri clienti hanno schermi ampi e ad alta risoluzione.
Al momento di decidere il layout delle pagine con i risultati della ricerca, bisogna definire chiaramente il comportamento appropriato della pagina in tutte le sue dimensioni, facendo riferimento alle risoluzioni dello schermo utilizzate dai vostri utenti. Progettate queste pagine usando un layout liquido se è possibile e se avete le competenze per farlo. Se si è costretti a scegliere un layout a larghezza fissa, assicuratevi di studiare e comprendere il traffico e i criteri di misurazione per le diverse risoluzioni dello schermo. Una buona soluzione di compromesso è quella di rendere l'area del contenuto principale sul proprio sito larga 1003px, in modo che non vi sia alcuna barra di scorrimento orizzontale per gli schermi più comuni che hanno una risoluzione 1024 x 768. Se una vasta percentuale di clienti utilizza schermi più ampi, optate per un design centrato con pannelli laterali più scuri o di colore neutro. Se possibile, fare dei test di usabilità sulle pagine dei risultati di ricerca alle varie risoluzioni che siano appropriate per i vostri utenti.
Traduzione a cura di Cinzia Pasqualino.
Guida Progettazione siti webDall'analisi dei requisiti fino allo sviluppo e alla promozione:... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Architettura dell'InformazioneL'Architettura dell'informazione è la disciplina che permette di... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |