Quale risoluzione minima del browser o dello schermo dovrei scegliere come target per le mie app Web?

Quando si prende la decisione sui requisiti minimi per un'applicazione Web sui computer client:

1. Browser : quali browser dovrebbero essere scelti come target almeno
2. Risoluzione dello schermo : quale risoluzione dello schermo dovrebbe essere indirizzata al minimo

Per garantire che l'usabilità dell'applicazione non sia compromessa

W3Schools (ad esempio) ha alcune statistiche sui display del browser. A partire da gennaio 2010:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

La figura superiore si collega a una nuova tabella . Dalle cifre sembra che 1024x768 sia l'effettiva risoluzione minima dello schermo. Tuttavia, dovresti ricordare che non tutti eseguono il browser in modalità schermo intero.

C'è anche una pagina delle statistiche del browser . I browser sono suddivisi per versione (ad es. Firefox ). Con browser come Firefox e Chrome sembra che la maggior parte stia utilizzando le ultime versioni (non beta). Sospetto che ciò sia dovuto al fatto che si aggiornano automaticamente.

Sono disponibili altri siti di statistiche più generali e probabilmente dovresti consultare un intervallo per ottenere una migliore immagine dell'utilizzo del browser e delle risoluzioni dello schermo su Internet nel suo insieme.

Invece di scegliere come target un browser e una risoluzione specifici, vorrei partire dal presupposto che desideri che il tuo sito sia utilizzabile da una vasta gamma di utenti possibile. Prova a far sì che le cose si adattino alle diverse dimensioni dello schermo e funzionino in tutti i browser. Detto questo, penso che sia sicuro assumere 1024x768 per la navigazione desktop.

Un set di statistiche più globale indica che 1024x768è effettivamente la risoluzione più popolare, tuttavia la distribuzione degli utenti è molto diversa. Si noti inoltre che i netbook, suppongono, stanno aiutando a 800x600resistere.

Nei browser moderni puoi scegliere come target intervalli con Media Query . Sono fantastici. Supponendo che non ti interessi di IE, anche se IE9 promette supporto per loro. I commenti condizionali possono essere utilizzati per inviare una risoluzione del denominatore comune più basso a IE oppure JavaScript per caricare dinamicamente i fogli di stile. Il caricamento dinamico di CSS tramite JavaScript è, a mio avviso, una pessima idea.

Un web designer di nome Jon Hicks ha recentemente ridisegnato il suo sito Web utilizzandoli, andare lì e modificare le dimensioni della finestra del browser per vedere un esempio di come funzionano. Esistono layout da 1 a 4 colonne, a seconda della larghezza massima della finestra corrente.

Le query multimediali ti consentono di non doverti preoccupare di cose come "Il mio sito supporterà iPhone e iPad?" o "Come posso scegliere come target le dimensioni dello schermo del dispositivo X per mantenere l'usabilità?". Costruisci progetti per tutte le dimensioni dello schermo che desideri supportare e le Media query si occuperanno del resto, a seconda del browser dell'utente quando ci arrivano.

Puoi basare la tua decisione sulla statistica recente sull'utilizzo della risoluzione. Se desideri un numero generico, puoi trovarne alcuni da Net Applications e se desideri dati precisi, puoi utilizzare Google Analytic sul tuo sito Web per questo.

La prima cosa che devi fare è determinare il target demografico che utilizzerà la tua app web. Ad esempio, se stai prendendo di mira un pubblico prevalentemente americano / europeo (come la vendita di prodotti di fascia alta o un sito di una rivista hi-tech), avrai requisiti abbastanza diversi rispetto a se, ad esempio, stai creando un web- app rivolta alle persone anziane, alle persone nei paesi meno sviluppati, ecc. dove prevalgono ancora vecchi PC e basse risoluzioni. So per esperienza, ad esempio, che molti clienti del governo locale nel Regno Unito usano ancora (vergognosamente) IE6 come unico browser, il che potrebbe essere un fattore importante se sono i tuoi clienti.

Devi quindi tener conto del fatto che molte persone accedono ai siti Web su dispositivi mobili: smartphone, netbook, tablet e simili. Questi possono avere risoluzioni "strane" o avere una percentuale più alta di utenti di browser come Safari, Chrome e Opera Mobile. Possono anche avere requisiti di accessibilità diversi o richiedere fogli di stile diversi.

Uno dei modi migliori è utilizzare Google Analytics (forse da un sito esistente) per determinare il tuo pubblico effettivo. È quindi possibile ottenere cifre reali per visualizzare i guasti del browser e i guasti della risoluzione che ti aiuteranno a decidere ciò che è giusto per te .

Controlla le statistiche sulla quota di mercato del browser in tutto il mondo

Questa domanda fornisce un elenco completo di fonti per cercare la quota di mercato mondiale dei browser.

Ecco le prime 3 medie 2010 per StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Ecco le prime 3 medie 2010 per Net Applications :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

Secondo i dati, la risoluzione minima dovrebbe essere 1024x768 ma dipende anche dal tuo gruppo demografico.

Se il tuo sito è orientato verso un pubblico più aziendale, atteniti a 800x600. Molte reti aziendali eseguono ancora hardware molto vecchio con Windows 2000. Se questa è la base di utenti a cui ti rivolgi, l'utilizzo della "norma corrente" delle risoluzioni dello schermo può alienare il tuo pubblico.

http://isie6dead.com/ sebbene questo collegamento sia stato più dinamico circa una settimana fa, il punto alla base della sua esistenza è ancora valido: ci sono troppi browser IE6 là fuori e continueranno ad esserlo probabilmente per il prossimo decennio .

Per i miei progetti personali, se stai usando IE6, non mi interessa se il mio sito fa volare le scimmie dal tuo posteriore. Per un lavoro, i requisiti possono essere diversi e, in generale, più pubblico è vecchio e più vecchio è il tuo target di riferimento, più è probabile che il tuo sito vedrà IE6 su 640x480x4.

A questa domanda non è possibile rispondere in modo accurato senza un pubblico specifico e ignora completamente le fiorenti orde di dispositivi iPhony.

Come menzionato in un post precedente , l' articolo di Wikipedia sulla quota di mercato dei browser consolida le informazioni provenienti da 6 fonti principali e che le statistiche sono probabilmente più efficaci nel decidere quali sono i browser importanti da scegliere come target.

Vale anche la pena prendere in considerazione il contenuto del tuo sito. Se stai fornendo un forum di supporto tecnico per persone che hanno problemi con le schede video o i monitor, ad esempio, probabilmente lo desideri utilizzabile a 640x480.

Se molti dei tuoi utenti sono più vecchi o hanno meno probabilità di avere una vista più debole, potrebbero avere schermi ad alta risoluzione, ma con caratteri molto grandi, quindi devi permetterlo.