La risoluzione giusta per un sito web
This entry was posted on October 6th, 2009 and is filed under Web Designing.
Qualche tempo fa ho aperto una discussione sull’argomento IE6 dove chiedevo consiglio sul fatto che fosse ancora corretto o meno realizzare layout IE6-compatible anche per quei siti che hanno una bassa percentuale di visitatori con tale browser. Oggi invece vorrei sapere cosa ne pensate sul fatto di realizzare o meno layout compatibili con risoluzioni molto inferiori alle reali statistiche di utilizzo di un sito web.
L’articolo proviene da una discussione avuta in questo fine settimana con altri “addetti ai lavori”. Come in ogni ambito riguardante il web-design, anche riguardo questo argomento le scuole di pensiero sono diverse. C’è chi ancora realizza layout compatibili con schermi 800×600, chi ormai è passato allo standard 960 pixel e chi preferisce layout fluidi che si adattano a tutti i monitor.
In un altro articolo, prendendo spunto da un post letto su Tomstardust, avevo precedentemente discusso anche sul fatto che molti utenti che hanno un monitor grande navigano con la finestra del browser ridimensionato e che quindi le statistiche possono essere falsate però, da allora, ho avuto diverse esperienze sia con clienti che con amici, conoscenti, ecc che hanno monitor di dimensioni piuttosto elevate. Ho potuto constatare che, a prescindere dal livello di conoscenza di internet e del pc in generale sono poche le persone che effettivamente ridimensionano molto la finestra del browser. Conclusione quindi, le statistiche sono piuttosto affidabili.
Come base per l’articolo prendo come riferimento proprio le statistiche di visita di questo blog che mi sembrano esempio lampante dell’argomento. I visitatori, in percentuale, utilizzano le seguenti risoluzioni:
-1280×800 21.6%
-1280×1024 21.4%
-1024×768 13.7%
-1680×1050 12.9%
-1440×90012.5%
-1920×12004.3%
-…..
-800×600 0.5%
-inferiori 0.2%
La mia domanda a questo punto è: vale davvero la pena effettuare rinunce o ammattirsi per realizzare layout compatibili con risoluzioni, ad esempio, di 800×600 quando rappresentano meno dell’1% dei visitatori?
Nel mio caso la risoluzione immediatamente prossima agli 800×600 è 1024×768 ed effettivamente rappresenta una buona fetta di utenza. Tale risoluzione garantisce una corretta visualizzazione di layout realizzati nei fatidici 960 pixel. Molti però ancora sostengono che non è giusto che un utente con risoluzione bassa debba essere costretto ad utilizzare la barra orizzontale per scorrere la pagina. Di contro però sappiamo benissimo che un sito ottimizzato per un monitor 800×600 che non utilizzi un layout fluido è qualcosa di aberrante per tutti coloro che hanno un monitor enorme.
Insomma, come sempre, ognuno ha il suo metodo, le sue tecniche e le sue preferenze. Voi che per quale scelta optate?
Benvenuto! Mi chiamo
October 6, 2009 at 8:35 am
Anche se bisogna a volte ricorrere a Javascript per ottimizzare le larghezze, preferisco realizzare layout fluidi…
October 6, 2009 at 9:17 am
E se un utente naviga con js disattivato come si renderizza il layout?
October 6, 2009 at 9:52 am
Io come te mi oriento su una risoluzione di 1024×768, anche perchè chi utilizza una risoluzione inferiore è ormai un piccola fetta di utenza. Il problema lo vedo più sulla “larghezza” del monitor che sull’altezza. Ma ad oggi (a parte portatili che cmq usano una risoluzione a 16:9) in circolazione vendono per lo più monitor da 17″ in su.
October 6, 2009 at 10:20 am
@mirko cianca:
in effetti è la larghezza il problema, però anche i portatili hanno una risoluzione minima di 1024 pixel. A parte qualche caso di netbook con monitor molto piccolo (7″), il resto parte da 1024×600 o 1024×768 quindi sul fronte larghezza i 960pixel vanno più che bene.
October 6, 2009 at 10:48 am
Chi naviga con Javascript disabilitato si perde certe “decorazioni”, nel mio caso.
October 6, 2009 at 11:17 am
Però non sono d’accordo con una cosa. Utilizzare il Javascript per realizzare il layout di una pagina è concettualmente sbagliato secondo me. Forse perchè sono abituato a lavorare separando i diversi linguaggi.
Mi sta bene penalizzare un utente che usa IE6 perchè si deve aggiornare, però non è giusto che un utente che voglia navigare con js disabilitato debba avere penalizzazioni. In quel caso è una sua scelta non una “ignoranza”.
October 6, 2009 at 11:52 am
Certo, infatti a mio avviso lavorare con i 960px è l’ideale, il sito si presenta bene e i contenuti hanno abbastanza spazio a disposizione.
October 6, 2009 at 11:55 am
Considerando anche i framework come Blueprint o 960gs che con le loro griglie ci aiutano tantissimo abbiamo un’infinità di spazio su cui lavorare.
October 6, 2009 at 11:58 am
Per anni ho utilizzato la risoluzione 800×600, ma ormai è da un pò che utilizzo la 1024×768.
E per un pò di tempo continuerò ad utilizzare questa risoluzione, nonostante può essere aberrante per chi ha un monitor enorme, preferisco dare la possibilità a una fetta più grande possibile di visualizzare il mio sito nel migliore dei modi.
Sta poi alla bravura del designer decidere che fare degli spazi vuoti che rimangono.
E questo non significa necessariametne centrare il layout ma riuscire a creare un armonia nell’intera struttura.
October 6, 2009 at 12:07 pm
Basta realizzare un background che consenta di non lasciare del tutto vuoto la spazio laterale. Magari a seconda della tipologia di sito si può anche utilizzare qualche box con position absolute e non si da l’effetto “solitudine” al sito.
October 6, 2009 at 4:00 pm
Io ottimizzo per 1024×768, layout centrato. Le statistiche dicono che a breve si dovrà ottimizzare per 1280×1024 se non lo si fà già.
Come YouTube non mi occupo più di IE6, è arrivato il momento di spiegare agli utenti perchè è importante aggiornarsi.
Sull’utilizzo JS posso anche essere d’accordo ma fornendo un’alternativa a chi lo ha disabilitato. Cmq tendo ad evitarlo per quanto riguarda i layout ed utilizzarlo solo per le funzionalità/interazioni.
October 6, 2009 at 4:13 pm
Bè 1280×1024 forse è un pò troppo affrettato. Guardando le statistiche mie e dei miei clienti la risoluzione 1024 ancora è abbastanza alta, oscilla tra i 13 e il 25%. Abbandonarla ora significherebbe far danni ma già tra un anno o due sicuramente sarà da abbandonare.
Comunque in molte cose la pensiamo uguale, soprattutto IE6!
October 6, 2009 at 9:34 pm
Secondo me la dimensione giusta e media oggi è di 1280×1024.
Anche sul mio sito è la risoluzione piu “usata”.
Ad ogni modo io adoro il 960px!
Anche con il photoshop uso il template di 960grid
October 7, 2009 at 5:01 pm
Io amo il 960gs
Come ho scritto anche su un articolo di qualche tempo fa è il framework che più amo tra quelli per CSS. Infatti anche io parto con il template che mettono a disposizione, non c’è cosa migliore!
October 15, 2009 at 10:12 am
Arrivo è …