risposta-alla-domanda-sullo-sviluppo-web-bd.com

Risoluzione dello schermo comune?

Sto sviluppando un'applicazione Web che contiene molte informazioni. Ciò significa che ogni pixel disponibile nella schermata per la visualizzazione aiuta molto, per evitare che l'interfaccia utente sia troppo ingombra e per visualizzare dati rilevanti.

Mi chiedevo: qual è la risoluzione "comune" dello schermo? Anni fa era qualcosa come 1024 × 768, ma oggi deve essere qualcosa di molto più alto. Non posso fare affidamento su ciò che uso poiché sono uno sviluppatore e probabilmente ho schermi e risoluzioni più grandi rispetto all'utente medio di Joe.

Quindi, dove posso trovare la risoluzione attualmente consigliata per le webapp?

66
Pere Villega

Dipende davvero da dove ti trovi nel mondo. In tutto il mondo 1366x768 è ancora il più comune, tuttavia 1920x1080 è l'unica risoluzione che in realtà sta aumentando in termini di utilizzo (presumibilmente perché questo sembra essere lo schermo panoramico standard per i laptop moderni).

Il sito Web StatCounter.com dovrebbe aiutarti a fornire ulteriori informazioni al riguardo.

[~ # ~] tuttavia [~ # ~] , tieni presente che solo perché alcune risoluzioni sono più comuni di altre, ciò non richiede in considerazione della larghezza dell'utente nella finestra del browser. Sfortunatamente, ci sono poche misurazioni conosciute per questa statistica (Google Analytics era solito fornire questo, ma ha smesso di supportarlo).

56
JonW

Tieni presente che laptop e desktop non sono più gli unici dispositivi abilitati per il Web. L'iPad ha una risoluzione di 1024x768, l'iPhone 4 ha una risoluzione di 960x640, supponendo che tu li usi in modalità orizzontale.

20
Tommy Carlier

La scelta della risoluzione minima dello schermo dipende da quanti utenti desideri escludere.

Se non si dispone di una cronologia dei dati di risoluzione per utenti specifici, un'opzione è quella di utilizzare statistiche pubbliche sull'uso globale come linea guida. Utilizzando una di queste fonti di dati globali, ho creato il seguente grafico per aiutare a comunicare a colpo d'occhio lo stato delle larghezze dello schermo del desktop.

enter image description here

16
Michael Kropat

"ma al giorno d'oggi deve essere qualcosa di molto più alto"

Ogni risposta qui sembra ignorare l'intero mondo mobile.

Certo, gli schermi desktop stanno diventando più grandi. Ma tutti usano anche dispositivi mobili. Gran parte del Web è ora accessibile su telefoni e tablet.

Il design adattivo è davvero la strada da percorrere.

11
DA01

Perché non progetti in modo adattivo per "qualunque cosa tu abbia a disposizione"?

Con JavaScript puoi scoprire le dimensioni della finestra del browser e apportare alcune modifiche al foglio di stile. ad esempio, se si dispone di uno sfondo di immagini di grandi dimensioni graficamente ricco con una colonna di 960 px, l'immagine di sfondo non è necessaria per coloro che eseguono 1024-768, quindi non è necessario caricarla. Puoi anche modificare la dimensione del carattere per sfruttare al meglio l'immobile disponibile sullo schermo.

6
ʍǝɥʇɐɯ

La risoluzione più popolare nel 2011 è 1280x800. Il 18,09% degli utenti su Internet lo utilizza.

Ecco le 10 migliori risoluzioni per il 2011: http://www.superiorwebsys.com/blog/93/Most_Common_Screen_Resolutions_in_2011/

4
Michael

Concordo con Jon sul fatto che si dovrebbe fare attenzione a utilizzare la risoluzione a schermo intero come base durante la progettazione di app Web. Ha anche ragione quando afferma che la variante wide screen del 768 è molto comune in questi giorni.

Di recente ho riscontrato alcuni ottimi motivi per ridurre la mia politica di risoluzione dello schermo. TV e laptop multimediali ora utilizzano lo standard HD come risoluzione. Ciò significa che è una buona probabilità che diversi utenti abbiano 1280 × 720 come risoluzione. Targeting 768 come altezza potrebbe essere un po 'troppo per molti utenti.

Vedi anche: http://en.wikipedia.org/wiki/Screen_resolution

2

Se si desidera essere sicuri con schermi da scrivania/laptop utilizzando un layout statico, continuare a utilizzare un minimo di 1024x768. Ma l'opzione migliore è progettare un layout fluido (flessibile).

2
Luis Arriojas

Microsoft ha recentemente pubblicato i suoi dati di telemetria in quest'area per gli utenti di Windows 7 :

Windows 7 screen resolutions chart

Puoi vedere che (almeno per gli utenti che sono ancora nel ciclo di aggiornamento), c'è un'enorme quantità di utenti che eseguono schermate 16: 9 e 16:10 invece di 4: 3 (e la pluralità di essi funziona a 1366 × 768) .

2
Kit Grose

Sì, prova a considerare un layout flessibile. Se prevedi di utilizzare tutti i pixel disponibili, coprire l'intera schermata è la soluzione migliore, con la necessità di utilizzare JavaScript. Dovresti passare attraverso Responsive Web Design da ALA e dare un'occhiata a esempio . Quando si visualizza questo esempio, provare a ridimensionare il browser e vedere come reagisce il contenuto. In questo modo il tuo sito Web può apparire perfetto su qualsiasi schermo, sia esso desktop, laptop, tablet del telefono.

1
Marian

Ho preso di mira 1280 X 1024, con un layout che sarà adattivo se i vincoli mobili sono un fattore.

Altrimenti, di solito rimando all'analisi e cerco di essere consapevole delle migliori risoluzioni per quel determinato sito.

1
Mike Hill

Alcune cose da considerare:

  1. Per chi è questa app? Se è rivolto verso l'interno (ovvero l'ambiente aziendale), parla con l'IT e vedi a quale risoluzione sono impostate le schermate dei dipendenti. Soprattutto guarda i dipendenti che lavorerebbero di più nell'app.
  2. Se si tratta di un'app pubblica, pensa a quali dati hai sulle risoluzioni dei tuoi utenti. Se stai ridisegnando, controlla le analisi sul sito corrente e scopri quali risoluzioni stanno eseguendo i tuoi utenti. Potresti notare uno schema qui (cioè le persone tendono ad avere risoluzioni molto alte poiché sono utenti esperti, ecc.), Ma è probabile che sarà ovunque.
  3. Pensa ai dati che stai presentando. Se sono molte le griglie, forse è meglio un layout fluido. Quindi l'utente può allungare lo schermo per mostrare più dati di cui hanno bisogno.

Progettare per 1024 è un percorso sicuro per il Web, ma è pigro se non stai cercando di saperne di più sui tuoi utenti prima di prendere una decisione.

1
Matthew Moore

Il 1024 * 768 dovrebbe ancora rimanere come un senso comune. Altrimenti dipende davvero dal tuo pubblico. Se ad esempio realizzi un sito Web o un'app per designer, dovresti ottimizzare per una risoluzione molto più elevata come 1680 * 1050.

Dovresti testarlo o chiedere al tuo pubblico desiderato, ma 1024 * 768 è ancora un must!

In un mondo ideale ci sarebbero stili diversi (CSS) per differenti risoluzioni e dispositivi. :)

0
Roland Pokornyik

Risoluzioni comuni del proiettore:

  • XGA = 1024 x 768 pixel
  • WXGA = 1280 x 800 pixel
  • HD = 1920 x 1080 pixel
  • 4K = risoluzione 4096 x 2160
0
Bashir Noori