it-swarm.it

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 indirizzati come minimo
  2. Risoluzione dello schermo - Quale risoluzione dello schermo dovrebbe essere targetizzata come minimo

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

18
Julius A

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 un 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 Statistiche del browser pagina. 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 una gamma per ottenere una migliore immagine dell'utilizzo del browser e delle risoluzioni dello schermo su Internet nel suo insieme.

8
ChrisF

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.

6
Oren Hizkiya

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

Nei browser moderni puoi scegliere come target intervalli con Media query . Sono fantastici. Supponendo che non ti interessi di IE - sebbene IE9 prometta 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, un'idea terribile .

Un web designer di nome Jon Hicks recentemente riprogettato il suo sito Web li usa, vai lì e cambia le dimensioni della finestra del tuo 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.

5
Bryson

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

2
HoLyVieR

Controlla le statistiche sulla quota di mercato del browser mondiale

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 Applicazioni nette :

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.

1
Evan Plaice

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 cosa è giusto per te .

1
Dan Diplo

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.

0
Colin Coghill

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.

0
msw

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

0
mvark