Che risoluzione minima usare per un sito?
Un articolo sufficientemente esauriente ma che ci richiama diversi spunti, ce lo propone Tom Stardust.
Quello della risoluzione migliore per un sito web è un problema spesso sottovalutato. Negli ultimi anni la situazione si è semplificata visto l’ormai definitivo tramonto dei siti ad 800×600, ma questo non mette al riparo da possibili scelte sbagliate.
Le statistiche aggiornate
Secondo il report aggiornato a Dicembre 2008 di Net Applications, 1024×768 resta la risoluzione più diffusa con il 37%, e lo sarà ancora per diverso tempo.
Seguono valori più elevati, da 1280×960 (20%) a 1280×1024 (13%), per poi passare a risoluzioni ancora maggiori.
Una piccola curiosità: la risoluzione più bassa dopo 800×600 (4.49%) è quella di Safari su iPhone, 320×396 pixel (0.53%), importante segno dell’evoluzione del settore mobile.
Le altre combinazioni esistenti sono innumerevoli, soprattutto con l’avvento dei monitor widescreen, e proprio per questo realizzando un sito web è necessario valutare tutte le possibili situazioni. Continua…
Come sono le vostre statistiche? La mia conclusione è che bisogna sempre considerarle a seconda del sito e della sua utenza e a seconda prendere le relative decisioni.
Si ringrazia ABCd – Rom per l’immagine usata.
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
15 Commenti
Io uso nel 90% dei casi la dimensione standard di 960 pixel (con cui riesco ad organizzarmi bene con le griglie).
la larghezza fissa di 960px si puo usare su siti di pubbliche amministrazioni?
Ciao.
@crew: dipende dalle statistiche degli utenti. secondo me è ancora presto per le pubbliche amministrazioni una risoluzione del genere. non fosse per altro che loro stesse hanno spesso un parco computer vecchio da rinnovare e con monitor ancora piccoli.
@luglio7: la usi a priori sempre? senza mai guardare le statistiche?
io progetto sempre a 760 come larghezza (ma poi puntualmente sforo a 800).
Non sempre infatti si può applicare lo schema da me ribattezzato “a espansione”, con i contenuti secondari sui lati che verrebbero nascoste a risoluzioni più basse.
Non mi oriento sulle statistiche (anche perché mi direbbero cmq che mi posso muovere tra 800 e 1024; le risoluzioni inferiori sarebbero quelle per i telefonini, e gli metti un css adatto, o l’iphone che cmq ti riadatta il sito, oppure gli fai la versione ad hoc).
@lauryn
hai perfettamente ragione circa il parco macchine di alcune PA.
Io intendevo sapere se la larghezza superiore agli 800px che genera la scroll bar orizzontale sui piccoli monitor è tollerata dalle regole dell’accessibilità, legge Stanca inclusa.
Saluti.
@crew: sì è tollerata, purchè non si esageri
Io prendo in riferimento, come risoluzione minima, 800×600. Spesso capita che il cliente mi chieda di aumentare le dimensioni del sito perchè “lo vedono piccolo”. Io allora rispondo “a vostro rischio e pericolo in quanto gli 800×600 saranno penalizzati e si vedranno comparire noiose scrollbar” “Si si, non fa niente, proceda pure!”
Contenti loro…
La risoluzione più utilizzata ora è sicuramente la 1024×768 anche se è in declino ed aumentano sempre di più le percentuali di utilizzo delle risoluzioni più alte, questo anche per la commercializzazione di monitor sempre più grandi.
Comunque se posso condividere una risorsa utile che probabilmente conoscete già vi consiglio http://www.w3schools.com/browsers/browsers_display.asp, statistiche di utilizzo di browser e non solo direttamente dal w3, non sono degli sprovveduti
@Flavia
Io invece una volta ero partita con il 960, ma la mia cliente aveva un 800×600 sul computer per navigare e un 1280×960 sul computer per lavorare. Gli ho spiegato tutta la storiella, i pro e i contro, che l’800 era risoluzione ormai obsoleta, che un sito non deve essere uguale su tutti i monitor ma deve essere fuibile su tutti i dispositivi ecc… ma non c’è stato verso. Ho dovuto rimpicciolire il sito. Per cosa? Per accontentarla e per sentirmi dire dopo una settimana: “Ma sul computer di mio fratello non si vede così, il sito è più piccolo…”.
Non c’è niente di peggio del sordo che non vuole sentire.
@Maluen
Io sapevo invece (scusa ma al momento non trovo più l’intervento dove l’ho letto… forse su Edit) che le statistiche di W3Schools non sono proprio attendibili, perchè tengono comunque conto di utenze pro. Per questo sarebbe sempre meglio tenere in considerazione più fonti, non affidandosi ad una sola soltanto.
@cheope: e a quel punto cos’hai fatto? hai rimodificato il sito?
No. Le ho spiegato le mie ragioni. Il cliente ha sempre ragione, ma questo non gli dà la facoltà di tirarti per il… naso! L’ideale sarebbe stato un layout liquido, ma ciò che mi aveva chiesto non era fattibile con layout liquido.
Perciò, quando comprerà un monitor nuovo (le ho fatto notare che per un bel 19 pollici di marca se la cava con 120 euro nella grande distribuzione), forse mi chiederà di ingrandire di nuovo il layout, dietro un adeguato compenso, ovviamente…
A dirla tutta però, spero che lo chieda a qualcun’altro… ;0)
La risoluzione minima prevista per i browser attuali e le applicazioni che ci girano anche in ambiente di pubblica amministrazione è 1024 x 768.
Tuttavia pur accettanto come validi e costruttivi i commenti di TomStarDust, ritengo che il miglior layout sia quello liquido: si lavora di più al momento della creazione ma crea molti meno problemi.
Ottima cosa il layout liquido (magari ibrido) ma introduce una serie di problemi da considerare in fase di progettazione:
- non si possono ottenere tutti i layout possibili
- bisogna gestire le casistiche estreme (a volte è meglio avere la barra laterale che delle colonne lunghe 4 videate o illeggibile)
- se il layout è destinato ad un cms (ormai decisamente la regola) è molto facile ottenere situazioni instabili come ad esempio immagini, tabelle o altri contenuti che interferiscono con il corretto funzionamento del layout
Quando mi si chiede un layout fluido normalmente preventivo più tempo per l’analisi, la realizzazione e l’implementazione
[...] interessante amico della collega Lauryn sul discorso dimensione minima per un sito web. Voi quale usate ancora? Io personalmente ho affrontato il mio primo sito 1024×768 solo alcuni [...]
personalmente utilizzo layout fissi di 960px centrati orizzontalmente nel 90% dei casi. Eventualmente si possono pensare dimensioni inferiori per layout con elementi che escono dai lati, in modo da tenersi un certo margine anche per chi ha una risoluzione di 1024×768