Come sai, ci sono molte cose diverse che devi prendere in considerazione quando stai costruendo un’applicazione mobile.
Con così tanto da tenere traccia, alcuni elementi di sviluppo potrebbero perdersi nello shuffle. Ecco perché dico sempre che si dovrebbe rimanere organizzato con liste di controllo di presentazione e altri strumenti.,
Ma un fattore che sembra sempre essere spazzato sotto il tappeto e dimenticato è lo schermo reale dei diversi dispositivi.
Le dimensioni dello schermo e la risoluzione dello schermo sono due cose che devi tenere a mente prima, durante e dopo aver sviluppato un’app mobile.
Perché?
Per cominciare, la dimensione dello schermo è importante perché ci sono molte dimensioni dello schermo diverse. Sia che tu stia decidendo di costruire per Apple o Android, entrambe le piattaforme hanno tonnellate di dispositivi diversi.
Anche la risoluzione è importante., Questo perché la risoluzione di schermi diversi può influenzare il modo in cui i progettisti costruiscono le loro app. Sulla base di queste informazioni, ci sono alcuni strumenti che tutti i progettisti di app devono avere.
Quindi, come puoi vedere, sia le dimensioni dello schermo che le dimensioni della risoluzione sono importanti, ma per motivi diversi.
Comprendere le dimensioni e la risoluzione può aiutarti a ottimizzare la tua app mobile per una varietà di dispositivi. Questo si riferisce a smartphone, tablet e persino smart TV o altri schermi in cui gli utenti possono scaricare la tua app.
Con questo in mente, ho voluto fornire una guida informativa per questi argomenti., Non importa in quale fase di sviluppo si trova attualmente la tua app, sono sicuro che lo troverai molto utile.
Ecco cosa devi sapere.
Come calcolare i pixel per pollice
Devi capire la differenza tra le dimensioni dello schermo e le dimensioni della risoluzione dello schermo.
Dimensioni dello schermo viene misurata utilizzando pollici. È la dimensione dello schermo reale di un particolare dispositivo.
Ad esempio, ecco le dimensioni dello schermo di alcuni degli ultimi iPhone di Apple che probabilmente hai familiarità con.,
Le misure vengono prese da un angolo dello schermo all’angolo diagonale opposto. È piuttosto semplice, e chiunque abbia un righello può farlo.
La risoluzione dello schermo è un po ‘ diversa. La risoluzione è misurata dal numero di pixel distinguibili che possono essere visualizzati in ogni dimensione.
La risoluzione dello schermo di iPhone X è 2436 x 1125. Mentre il Samsung Galaxy Note 8 ha una risoluzione di 2960 x 1440.
È necessario conoscere le dimensioni dello schermo e la risoluzione per calcolare i pixel per pollice (PPI) di un dispositivo., Ecco come si calcola PPI:
- Aggiungi i quadrati di entrambi i numeri nella risoluzione
- Prendi la radice quadrata di quel numero
- Dividi il numero precedente per la dimensione dello schermo
Sembra un po ‘ complicato, ma ti darò un esempio per mostrarti di cosa sto parlando. Probabilmente avrai bisogno di una calcolatrice per farlo.
Usiamo l’iPhone X, dal momento che è nuovo, e abbiamo già coperto le dimensioni dello schermo e la risoluzione. Abbiamo tutte le informazioni di cui abbiamo bisogno per calcolare il PPI.,
Secondo le specifiche tecniche di Apple, il loro PPI di 2436 x 1125 pixel 5.8 pollici iPhone X è 458, quindi i nostri calcoli non erano lontani.
Usando questa formula, prova un paio di esempi da solo. È facile scoprire le specifiche esatte dei diversi dispositivi semplicemente guardandolo dal sito Web del produttore.
Fondamentalmente, devi renderti conto che poiché le dimensioni dello schermo e la risoluzione dello schermo giocano entrambi un ruolo nel determinare il PPI, può dirti quanto bene un’immagine viene visualizzata su quel particolare dispositivo.,
Quindi cosa succede se si tenta di combinare questa formula utilizzando due dispositivi di diverse dimensioni e risoluzioni? Semplicemente non funzionerà bene.
Ad esempio, prendiamo la risoluzione di un vecchio modello di iPhone come il 4 pollici SE e applicarlo a 12,9 pollici iPad Pro.
Seguire la formula utilizzando la risoluzione dei pixel di cui sopra.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
Ma ora invece di dividere quel numero per le dimensioni dello schermo da 4 pollici, come dovresti, dividiamolo per il 12.,9, che è la dimensione di un iPad Pro.
- 1303.88/12.9 = 101.08
Come puoi vedere. Il PPI è super basso, il che significa che se questa risoluzione fosse su uno schermo più grande, le immagini non sarebbero calcolate bene.
Ecco perché è necessario ottimizzare le immagini per tenere conto di varie dimensioni dello schermo, ma ne parleremo più dettagliatamente a breve.
Diversi tipi di schermi
Quindi abbiamo già stabilito che diversi dispositivi hanno una vasta gamma di dimensioni e risoluzioni dello schermo. Ma detto questo, alcune risoluzioni sono più popolari di altri.,
Basato sul traffico web Internet da una prospettiva globale, gli smartphone 720 x 1280 pixel sono i più popolari.
Come puoi vedere, questi numeri variano in base alla posizione. Tuttavia, sono ancora informazioni preziose. È sempre importante sapere quali tipi di dispositivi sono i più popolari quando si tratta del settore delle app mobili.
Questo può essere estremamente utile se il vostro target di mercato o la maggior parte delle persone che utilizzano il dispositivo si trovano in dei paesi in cui queste percentuali sono alte.,
Devi anche tenere conto di altri tipi di schermi come:
- Schermi HD
- Schermi QHD
HD sta per alta definizione, mentre QHD sta per quarter high definition.
La risoluzione dei pixel per gli schermi ad alta definizione è 1920 x 1080. Quarto schermi ad alta definizione hanno una risoluzione di 960 x 540 pixel.
Alcuni esempi di schermi QHD includono:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Quindi, cosa c’è di più popolare? Schermi Full HD o schermi QHD?, La ricerca mostra che gli schermi QHD stanno vedendo un calo di popolarità.
Allo stesso tempo, stiamo assistendo a un aumento degli schermi Full HD in termini di traffico web globale.
Quindi pianifica di conseguenza quando stai costruendo e progettando vari elementi della tua app mobile.
Per quelli di voi che intendono costruire un app in futuro, si dovrebbe essere concentrandosi di più su schermi HD al contrario di schermi QHD.
Se queste tendenze continuano, cosa che mi aspetto, gli schermi QHD diventeranno un ricordo del passato., Ma per ora, dovresti comunque assicurarti che la tua app, le immagini e i disegni possano ospitare il maggior numero possibile di dispositivi.
Come è possibile usufruire di diverse dimensioni dello schermo
OK. Quindi telefoni, tablet e altri dispositivi hanno diverse dimensioni dello schermo, risoluzioni e pixel per pollice. Ci sono anche diversi tipi di schermi.
E ora?
Come sviluppatore, devi solo tenere a mente tutte queste informazioni in modo che la tua app sia ottimizzata per tutte le diverse dimensioni e dispositivi.,
Se stai costruendo la tua app solo con un tipo di schermo in mente, avrà un impatto negativo sull’esperienza utente di altri dispositivi. Esperienze utente poveri farà male la vostra linea di fondo, che è qualcosa che ovviamente si vuole evitare.
Come designer, dovresti avere la libertà e la flessibilità di essere creativo con i tuoi disegni e animazioni.
Assicurati di tenere conto di varie dimensioni dello schermo quando utilizzi il layout automatico per creare animazioni iOS avanzate.
Ecco qualcos’altro da tenere a mente., La tua app e altre immagini devono ancora essere caricate in modo impeccabile, indipendentemente dal modo in cui l’utente tiene il proprio dispositivo.
Esatto. Oltre alle dimensioni dello schermo e alla risoluzione, dovrai anche assicurarti che ci sia una transizione senza interruzioni tra la modalità verticale e orizzontale.
A seconda delle dimensioni dello schermo, gli utenti hanno maggiori probabilità di inclinarsi verso un orientamento rispetto a un altro. Ecco alcuni dati per mostrarti di cosa sto parlando.
Questo è interessante., Come puoi vedere, man mano che arriviamo a dispositivi con dimensioni dello schermo superiori a 9 pollici, c’è un aumento significativo della quantità di utenti che utilizzano la modalità orizzontale.
Quindi, per la maggior parte, possiamo supporre che le persone preferiscano usare l’orientamento orizzontale sui loro tablet.
Ma detto questo, devi ancora testare la tua app, le immagini e gli elementi di design per entrambi gli orientamenti e assicurarti che sia ottimizzato per tutte le risoluzioni.
Conclusione
C’è una differenza tra le dimensioni dello schermo e la risoluzione dello schermo.,
Utilizzerai entrambi questi numeri per aiutarti a calcolare i pixel per pollice (PPI) di dispositivi specifici.
Questo è importante sapere perché influisce sul modo in cui si progetta la propria app. Non puoi costruirlo con un solo telefono, tablet o piattaforma in mente.
Affinché gli utenti abbiano la migliore esperienza, la tua app deve essere completamente ottimizzata per il maggior numero possibile di dispositivi.
C’è anche una differenza tra schermi HD e QHD., Anche se le dimensioni dello schermo si stanno spostando verso una risoluzione standard, i progettisti di app devono ancora essere consapevoli che la loro app sarà vista su molti diversi tipi di schermi.
Quindi per il prossimo futuro, è necessario continuare a progettare e testare il maggior numero possibile di contingenze.
In che modo gli elementi di design della tua app si adattano alle varie dimensioni e risoluzioni dello schermo per utenti con dispositivi diversi?