Quale risoluzione media utilizzare per i siti web

Ogni volta che si parla di standard sulle dimensioni di un layout fisso per siti web, si cade nel panico visto che non esiste una vera e propria raccomandazione sulla larghezza di un progetto, ma soltanto un breve accenno a statistiche che dovrebbero reindirizzare le scelte del web designer.

Per questo oggi ho voluto raccogliere in questo articolo tutte le informazioni fondamentali per realizzare un progetto che si adatti al maggior numero di dispositivi, motivando queste mie scelte con delle valide e provate ragioni.

1) Layout con risoluzione per dispositivi desktop

Con il passare degli anni gli schermi dei visitatori sono aumentati in risoluzione passando dai piccoli schermi da 1024 x 600 px a schermi molto più grandi.

Questo ci permette di realizzare progetti per dispositivi desktop sicuramente molto più grandi di quelli di una paio di anni fa, ma non per questo di dimensioni gigantesche.

Secondo una mia semplice opinione una risoluzione che diventa un buon compromesso tra la risoluzione del visitatore medio e la grandezza del progetto può essere di 1280 x 800 px. Molti portatili infatti escono con quella risoluzione e la maggior parte dei miei clienti la utilizza suoi propri computer.

2) Layout con risoluzione per dispositivi tablet

Questo tipo di dispositivi ha preso una notevole fetta di mercato negli ultimi anni, e ciò impone la realizzazione di progetti online adatti per loro.

La risoluzione media varia da dispositivo a dispositivo ma se dovessimo fare un media

tra le varie dimensioni potrei dire che si aggirano solitamente tra i 1024 x 600 fino a 1280 x 800.

Ovviamente parliamo di cambiamenti che variano a seconda della marca del tablet. In più questi dispositivi hanno un piccolo particolare non tanto indifferente, che è quello che possono essere ruotati e quindi permettono allo schermo di cambiare la sua risoluzione.

Infatti per questo tipo di dispositivi consiglio un layout fluido che si adatti allo schermo con percentuali.

3) Layout con risoluzione per dispositivi mobile

Altra piccola spina nel fianco per i web designer è realizzare layout per i telefonini o dispositivi mobile. Se dovessimo creare una media sulle varie risoluzioni che ogni produttore di telefonino ha scelto potremmo creare siti piccoli quanto una noce.

Ma in realtà un mio consiglio è quello di seguire soltanto i grandi marchi e super dispositivi mobile (Iphone, Asus Galaxy, Motorola e Blackberry).

Le loro dimensioni variano sempre di poco da modello a modello e in più si rassomigliano di molto per scelte tecniche. La dimensione media di un progetto si aggira intorno 400×800 fino a 640×980.

Vista la gravità dell’argomento vi consiglio un paio di articoli proprio su come realizzare un sito internet per dispositivi mobile.

- http://www.ebug.it/come-creare-un-sito-web-per-dispositivi-mobile-report/

- http://designerbreak.com/2009/tutorial/creare-un-sito-per-il-mobile-web/

- http://mobile.html.it/articoli/leggi/2106/mobile-web-design-lo-stato-del-web-mobile/

Quanti layout creare ?

Ora sorge una domanda ovvia e scontata. Ma quanti layout dovremmo realizzare ? Uno per ogni dispositivo ? O uno che si adatti per ogni dispositivo ?
Se voleste realizzare un progetto che si adatti a ogni risoluzione dovreste utilizzare sicuramente le media queries di css3 che vi permettono di ridimensionare il vostro sito a secondo delle dimensioni della finestra del browser (avevo già parlato in questo articolo).

Oppure potreste tranquillamente realizzare 3 tipi di siti ( uno per desktop , uno per tablet e uno per mobile ) che si reindirizzano con uno script in php da una pagina a un’altra ( trovate lo script in questo mio altro articolo ).

Ho preso spunto per le statistiche da questo articolo di w3cschool.

E voi cosa ne pensate ? Come vi comportate con questa problematica ? Se avete dubbi , domande , perplessità o volete dire la vostra sono qui con un commento

---

Potresti trovare interessante anche