Quali risoluzioni dello schermo dovremmo testare durante lo sviluppo per i dispositivi mobili? [chiuso]

4

Se volevo creare una versione mobile di un sito Web, quali sono le risoluzioni di schermo più comuni su cui dovrei provare?

    
posta JD Isaacks 27.06.2011 - 19:30
fonte

3 risposte

9

Secondo le statistiche del mio Android Market, le schermate di test dovrebbero essere le seguenti:

  • La più comune è la risoluzione (ancora) 480x320 di iPhone pre-4 e la maggior parte dei dispositivi Android / Nokia di fascia media
  • Seguito da 320x240 di Android di fascia bassa (HTC Wildfire, HTC Tattoo ...) e vecchi dispositivi Nokia Symbian
  • Seguito da 800x480 dei nuovi dispositivi Nokia e Android (HTC Desire, Galaxy S, Nexus One ...)

Dato che i consumatori Web più accaniti sono gli utenti iOS, consiglio anche di testare la risoluzione dell'iPhone 4 ( 960x640 ) e la risoluzione dell'iPad ( 1024x768 ).

Il test per risoluzioni più basse non è poi così utile, dal momento che la maggior parte delle persone che acquistano telefoni di fascia bassa non usa molto il web mobile.

    
risposta data 27.06.2011 - 19:43
fonte
6

Dipende dalla tua definizione di "mobile". ; -)

Testerei alle seguenti risoluzioni (e ai loro equivalenti ruotati poiché molti dispositivi supportano la rotazione, riportati di seguito nell'orientamento RITRATTO):

  • 240 * 320
  • 320 * 480 (iPhone senza retina)
  • 640 * 960 (iPhone con retina)
  • 800 * 480 (Android; dalla @ risposta di Mavrik)
  • 768 * 1024 (iPad)

Puoi creare un design che funzioni alla grande su tutte le risoluzioni disponibili? Sì, ma ci vorrà del lavoro e probabilmente alcuni hack per ogni dimensione e tipo di browser. Al momento, mi preoccuperò solo dei telefoni moderni nel mio sviluppo mobile, e dal momento che uno smartphone moderno di solito ha un buon browser webkit, prenderò di mira quello (dal momento che dovrebbe avere un supporto CSS / JS / HTML decente). I telefoni meno recenti saranno molto più handicappati in ciò che supporteranno, e quindi potresti finire per avere diverse versioni del tuo sito per supportare i vecchi telefoni.

Sono d'accordo con @Mavrik in quanto la progettazione delle risoluzioni inferiori non è più così utile dato che avrai un numero sempre minore di dispositivi in quella classe. Ma non fa male vedere come appaiono le cose dolorose - basta sapere che il ROI su come far funzionare un sito su vecchi telefoni non è affatto buono.

    
risposta data 27.06.2011 - 19:46
fonte
-2

Quindi, come sappiamo, * iPhone * è ancora re, e usa 960-by-640-pixel ..

Ma ci sono molte piccole variazioni, come il motore. Droide a 854 * 480. Non c'è una regola impostata.

Sui vecchi telefoni (circa '08) sembra essere 640 per 200/360 / 480 & 320 * 240

    
risposta data 27.06.2011 - 19:36
fonte

Leggi altre domande sui tag