Web Design  »  Articoli  »  Usabilità 

Questa è la traduzione dell'articolo Choosing the Right Search Results Page Layout: Make the Most of Your Width di Greg Nudelman, pubblicato originariamente su UXmatters il 9 Marzo 2009. La traduzione viene qui presentata con il consenso dell'editore (UXmatters) e dell'autore.

Il layout di pagina rappresenta la base nella presentazione dei risultati di ricerca. In un sito, la scelta del layout riguardante le pagine dei risultati di ricerca avrà sull’esperienza dell’utente un impatto fortissimo. Per i risultati di ricerca è importante scegliere la giusta larghezza, e la larghezza ottimale per tali risultati può essere molto più decisiva per coloro che utilizzano monitor di grandi dimensioni di quanto si creda.

Voi stessi potete notare nella figura 1 (si riferisce all’area shopping del sito di Starbucks) la sottile linea di demarcazione tra layout per i risultati usabili e non. Nel layout di pagina di Starbucks per i risultati di ricerca non si può non notare una povertà di progettazione. In uno schermo con risoluzione 800x600 pixel la maggior parte di ciò che si vede è il margine sinistro del layout e un grande logo.

Figura 1 - Risultati di ricerca su Starbucks

Sebbene ci siano molti modi per utilizzare lo spazio orizzontale delle pagine per i risultati della ricerca, generalmente possiamo fare una distinzione tra layout liquidi e layout a larghezza fissa. Ogni stile di layout offre un set unico di sfide e opportunità.

L’uso dei layout liquidi

In un layout liquido, la larghezza sulla pagina dei risultati di ricerca si contrae e si espande in modo da riempire lo spazio disponibile in base a come un utente cambia la risoluzione del proprio schermo o la larghezza della finestra del proprio browser. In realtà non sorprende se molti siti importanti come Google utilizzino i layout in modo efficiente per creare interfacce utente che rendano al meglio a qualunque risoluzione dello schermo o larghezza di finestra del browser, come mostrato nella Figura 2.

Figura 2 - Risultati di ricerca su Google

Nelle pagine dei risultati di ricerca, vale davvero la pena trascorrere del tempo in più per ottimizzare l'HTML e il CSS in modo tale che i risultati di ricerca fluiscano nello spazio disponibile. La mia raccomandazione: utilizzate sempre un layout liquido per le vostre pagine dei risultati di ricerca. Purtroppo, pochi siti seguono questa raccomandazione. Perché? Il motivo che ho più volte sentito dire è i layout liquidi sono più difficili da gestire per ottenere e mantenere una consistenza visuale. In realtà creare dei layout liquidi non è poi così difficile. Sfortunatamente, molti product manager non vedono il valore presente nell'investire sulla creazione di una tale funzionalità, e la maggior parte dei designer non perde tempo nel considerare come i loro risultati di ricerca potrebbero apparire diversamente su schermi e finestre a diversa larghezza o risoluzione.

È veramente un peccato, perché io non conosco un modo migliore per generare dei guadagni sui propri siti con modifiche abbastanza semplici di HTML/CSS. Tutte le pagine di un sito web inerenti i risultati di ricerca utilizzano la stessa struttura di base per quanto riguarda HTML e gli stili CSS, così una volta ottimizzato un layout liquido per i risultati di ricerca, in tutto il sito le pagine dei risultati di ricerca dovrebbero adeguarsi in base alle varie risoluzioni e larghezze di browser e finestre. L’utilizzo di un layout liquido è il miglior modo per ottenere pagine dei risultati di ricerca efficaci.

Altri articoli

Altre guide

Altre newsletter