L’impatto dei wide-screen su layout e accessibilità
Lunedì 5 Maggio 2008 - 10:43
di Emanuele Del Grande
Lo sviluppo delle tecnologie di produzione degli schermi LCD diffonde sul mercato schermi con qualità sempre più alta e prezzi sempre più accessibili. Di recente ho letto un articolo che parlava del sorpasso dei monitor da 22 pollici su quelli da 19.
Se davvero il 22 pollici diventerà uno standard, in che modo ne risentirà la navigazione web? Vi siete chiesti come apparirebbe il vostro sito su uno schermo da 22 pollici con 1680 x 1050 pixel di risoluzione, quando per esempio avete adottato un layout fluido? Un paragrafo che su uno schermo da 15″ poteva disporsi su 12 righe, verrebbe visualizzato su unÂ’unica riga lunga 1680 pixel, con risultati drastici per la leggibilità e lÂ’accessibilità ai contenuti.
Un altro trend in crescita nei layout è il float a sinistra di pagine con larghezza fissa di 800/1000 pixel (personalmente non apprezzo molto questa soluzione).
Su uno schermo da 22″ questo layout lascerebbe vuoto il centro dello schermo, avremmo più background (53%) che contenuto, e la colonna occuperebbe solo il 47,6% della larghezza disponibile. Una visuale piuttosto disorientante per lÂ’utente.
Ugualmente, una certa sproporzione tra area luminosa e contenuti si avrebbe in ogni caso anche su layout a larghezza fissa da 1000 pixel.
In termini pratici, la riduzione di accessibilità alle informazioni dei due casi sopra descritti si potrebbe tradurre in riduzione di accessi al sito.
Economicamente, piattaforme che basano il loro business sulla visibilità o sulla conversione di click vedrebbero calare i guadagni in modo direttamente proporzionale allÂ’aumento di monitor da 22″.
Ovviamente, essendo graduale la diffusione di una nuova risoluzione, le aziende hanno il tempo di realizzare una lettura del fenomeno sulla base dei dati raccolti dai navigatori ed operare scelte presentazionali di conseguenza. Tuttavia, porsi il problema è estremamente utile per avere unÂ’ottica ampia e prevedere lo sviluppo dei processi.
Quali soluzioni grafiche ritenete che possano risultare più efficaci in questo contesto?
Categoria: Grafica | Permalink
Commenti
1
Avendo acquistato da poco proprio un 22″ (che lavora a 1680×1050) noto difficoltà nel leggere pagine tipo quella del Corriere (per esempio) tutto allineato a sinistra… Sono costretto a zoomare in modo da avere meno spazio a destra e non dovermi far venire il torcicollo.
Personalmente ritengo che il layout centrato sia la soluzione migliore (e non necessariamente fluido… un buon layout 1024×768 è ancora leggibile, accessibile e “decifrabile”).
In futuro probabilmente si potrebbe pensare al layout tipo “giornale aperto” cioè 2 pagine allineate una di fianco all’altra invece che allo scorrimento verticale… vedremo!
Tutto “imho”.
Ciao, J
2
non vedo tutti questi problemi. Intanto un buon layout 100% sarebbe necessario per l’accessibilità. Non solo per i monitor a 22pollici ma anche per il cellulari o i palmari.
AL massimo, potendo differenziare tramite più css l’estetica, si buon giocare sui font, su spazio bianco “estetico”, su un maggiore ordine nelle pagine che oggi, con tutte le robacce web 2.0 che girano sui vari cms, l’ordine lo si vede raramente.
3
Anche io ho uno schermo da 22″ abbinato ad un Mac Book Pro ma per navigare non utilizzo la finestra del browser a schermo intero… In questo modo evito che certi siti si “spalmino” su tutto lo schermo!
Preferisco ridimensionarla ad un formato più consono alla navigazione (1280×900 ad esempio) ed utilizzare il resto dello spazio per altre applicazioni.
# - postato da Nicola Pressi - 05 Maggio 2008 - 11:49
4
A mio avviso la domanda è mal formulata perchè da per implicito che gli utenti tengano il browser massimizzato. Una ricerca riportata su questo sito circa 2 anni fa sottolineava come a 1600×1200 meno del 50% degli utenti lo tenga massimizzato.
Personalmente ritengo che questo sia più un problema dell’utente che del webmaster. Fare siti che si vedano correttamente sia con 800×600 che con 1600×1050 mi sembra utopico, oltre che inutile.
Avere un monitor wide con alta risulozione è utilissimo per usare più applicativi affiancati, sicuramente no per navigare a tutto schermo.
Se poi all’utente piace avere uno sfondo enorme… è una scelta sua.Io sono per i layout fissi e centrati.
# - postato da Giacomo - 05 Maggio 2008 - 11:51
5
Da ormai un paio d’anni uso un 24″ su Windows (1920×1200) e un doppio 20″ su Mac (1680×1050), e alla fine il browser non lo utilizzi mai a schermo pieno: l’utilità di avere uno schermo grande è quella di avere più finestre aperte contemporaneamente, non certo una finestra gigantesca.
Detto questo, di solito preferisco layout a larghezza fissa (adatti a 1024 o 1280) e centrati. Il layout fluido diventa illeggibile oltre i 1280px di larghezza, a meno di utilizzare font giganteschi.
# - postato da PseudoTecnico - 05 Maggio 2008 - 11:55
6
in questi casi è l’utente che si deve adeguare, adattando altezza e larghezza del browser alle impostazioni comuni…
# - postato da Michele - 05 Maggio 2008 - 11:56
7
Secondo me questa è un’ottima soluzione:
http://www.themaninblue.com/ex.....ionLayout/Come anche questa:
http://muffinresearch.co.uk/ar.....mn-layout/Utilizzata, per esempio, da UXMagazine (http://www.uxmag.com/) e che ho visto applicare anche in questo blog: http://www.estadobeta.com/
# - postato da Andrea (Epper) - 05 Maggio 2008 - 12:04
8
Bella l’idea segnalata da Andrea (Epper), comunque ritengo che non ci si debba preoccupare troppo se non centrando il tutto.
9
Come ricordava Giacomo, ad alte risoluzioni difficilmente i browser vengono tenuti a tutto schermo.
Questo non è però solo un problema dell’utente, anche i web designer devono stare attenti a certi dettagli.
Per siti fluidi, una soluzione potrebbe essere limitare la larghezza massima (così come la minima); i siti a larghezza fissa invece spesso è meglio centrarli.. ma queste non sono regole, meglio valutare caso per caso.
10
Secondo me gli sviluppatori dei principali browsers hanno già ben presente questa problematica che da parte loro stanno risolvendo - in modo secondo me efficace - con le nuove tecniche di zoom implementate ad esempio su IE7 e su Opera (in modo migliore): invece di aumentare la dimensione del solo testo, viene fatto un vero e proprio ingrandimento lineare della pagina intera (compresi gli elementi grafici). Compito del webdesigner, quindi, è fare in modo che questo tipo di ingrandimento venga effettuato correttamente sulle proprie pagine, senza particolari problemi di rendering. Al momento la soluzione più versatile mi sembra il “classico” layout a larghezza fissa centrato nello schermo, anche se mi rendo conto che può non adattarsi a tutte le esigenze.
In definitiva, comunque, i possessori di schermi a grandi risoluzioni non vedranno riconosciuti completamente i loro “diritti” finché i browsers non supporteranno pienamente la presenza di elementi grafici vettoriali.
11
Premesso che anche io ho uno schermo da 22″ wide, pur convinto che parte degli utenti (ma certamente non tutti) non utilizzino il browser a schermo intero, già ho testato una possibile soluzione molto simile alla seconda indicata da Andrea (Epper).
In pratica, quella di utilizzare una testata fluida ed un corpo a larghezza fissa (1000px, per il momento, che presto passerà a 1280 o giù di lì).
Sinceramente una soluzione a 3/4 colonne integralmente fluida mi sembra troppo dispersiva e difficilmente leggibile, mentre in questo modo si avrebbe comunque l’attenzione dell’utente concentrata sul contenuto della pagina, ma lo schermo interamente impegnato dalla testata della pagina.
Credo sia un’ottima soluzione, dal punto di vista visivo.
Inoltre, si potrebbe utilizzare un’immagine di background magari solo su uno dei due lati, così da ridurre lo spazio lasciato vuoto.# - postato da Extreme web - 06 Maggio 2008 - 02:38
12
Questo è un argomento interessante. Penso che sia i layout liquidi sia quelli a larghezza fissa siano parimenti svantaggiati da questa tendenza ad aumentare la risoluzione orizzontale dei monitor, sebbene in misura diversa…
I layout a larghezza fissa centrati sono svantaggiati dal punti di vista estetico, dato che il vuoto ai lati del contenuto diventa eccessivo. Ovviamente per i pochi siti che ancora sono ottimizzati per una larghezza di 800px l’effetto è ancora più fastidioso, ma penso che lentamente questi siti saranno ottimizzati per i 1024px (e in un futuro vicino per 1280px).
Per i layout fluidi (come quello che utilizzo io, che è un semi-fluido), le controindicazioni degli schermi larghi sono più subdole poichè hanno a che fare con la leggibilità. In questo frangente però le funzioni css di max-widht, da applicare al body o al contenuto centrale possono essere risolutive. Tra l’altro chi generalmente ha uno schermo 16:9 difficilmente usa ancora IE6 che non supporta queste regole css.
Comunque, come si fa notare in vari commenti, pochi a queste risoluzioni massimizzano la finestra del browser…
# - postato da idrolitina - 06 Maggio 2008 - 11:08
13
In qualità di responsabile dell’area applicazioni web della mia azienda, che si occupa di sistemi informativi bancari, mi sono trovato a dover risolvere una volta per tutte questo problema per i miei clienti. La soluzione che abbiamo trovato è secondo il nostro modesto parere molto valida. In PHP CSS Javascript… Negli header della pagina uno script calcola la width dello schermo, poi mediante AJAX la invia al server, che calcola un valore di RATIO per il ridimensionamento e lo scrive in sessione, quindi, ancora prima di caricare il resto della pagina, scrive staticamente il tag body ad esempio così:
, laddove la percentuale è quella appena calcolata. Il sito poi, tutto progettato in EM, si adegua al calcolo! Avendo scritto in sessione il dato, con un facile controllo, si evita che il ridimensionamento occorra ad ogni caricamento di pagina. Funziona perfettamente a QUALSIASI risoluzione orizzontale. potete verificare voi stessi qui:Per il ridimensionamento della immagini in tempo reale? Un altro trucco, ma non posso svelare tutto. : )
Il cliente… è super soddisfatto!# - postato da Roberto De Nicolò - 07 Maggio 2008 - 08:08
14
Da quest’anno lavoro con un 22 pollici gentilmente offerto dal mio capo. Non so voi ma ho molti più problemi di stress,di torcicollo e di vista. Trovarmi con il volto dentro lo schermo, mi ha creato molti più problemi del mio caro vecchio buon 19 pollici a cui penso ritornerò in questi giorni. (senza contare i km percorsi dal mouse per arrivare da un punto all’altro!)
# - postato da MAtteo - 07 Maggio 2008 - 13:10
15
Spero che tutta questa gente con gli schermi wide abbia scrivanie molto profonde, altrimenti sono un po’ ignorantelli in fatto di ergonomia. Più uno schermo è grande più bisogna aumentare la distanza occhi-schermo. Ma a certe distanze lo sforzo per mettere a fuoco aumenta. Fossi in voi mi documenterei un po’ prima di fare certi acquisti modaioli.
# - postato da Gino - 02 Giugno 2008 - 17:24