Dimensioni ottimali per le applicazioni per le applicazioni mobili

Question

Sto creando un'applicazione mobile destinata ai telefoni iPhone/iPad e Android. L'applicazione coinvolgerà utenti che scattano foto e caricheranno sul mio server e in seguito gli utenti potranno guardare quelle foto sui loro dispositivi mobili (anche se non necessariamente le loro foto così un utente Android potrebbe guardare una foto scattata con un iPhone).

Quali taglie dovrei salvare le foto per poter coprire i casi più comuni? Gli iPad sono 1.333 W/H, la maggior parte dei telefoni cellulari sono 1.5 o 1.333 W/H con qualche raro 1.666 W/H. In particolare:

iPad: 1024x768, iPad3: 2048x1536, iPhone e altri telefoni: 960x640, 480x320, 800x480.

Per essere in grado di tenerlo gestibile, ho bisogno di decidere alcune dimensioni di immagine e salvare le foto in quelle dimensioni. Non sto davvero cercando aiuto dal punto di vista tecnico. Posso fare il ridimensionamento delle immagini sul lato server ecc. Sto cercando raccomandazioni/best practice/lezioni apprese sulle dimensioni delle immagini prima di andare troppo avanti nel costruirle.

• Quali formati devo salvare le foto per coprire i casi più comuni?
• Si consiglia di ridimensionare il lato client prima di caricarlo sul server per risparmiare sui tempi di trasferimento (ad esempio ridimensionare le foto iPad 2048x1536) o devo sempre trasferire gli originali?
• Come devo gestire le dimensioni delle immagini incompatibili (mostrando ad esempio un'immagine scattata con un iPad su un dispositivo Android)? Devo ritagliare quelle immagini sul mio server prima di inviarle al client o devo consentire al client di gestire il ridimensionamento delle immagini?
• C'è anche il problema dell'interfaccia utente. Ci saranno altre cose sulla pagina diverse dalla foto forse un pulsante o due per la navigazione. Dovrei optare per qualcosa di più piccolo delle dimensioni dello schermo intero mantenendo lo stesso rapporto quando si salvano le immagini?

So che alcune di queste domande non hanno una risposta e le risposte sono relative ma volevo ottenere alcune opinioni. Grazie.

Answer 1

Non ho una risposta completa per te, ma ho alcuni pensieri ...

1) Io suggerirei di ridurre le dimensioni delle immagini prima di caricare. Se stavo usando la tua applicazione e dovevo caricare una foto da 4 megabyte, ogni volta che volevo usare la tua applicazione, probabilmente passerei. E mentre ci avventuriamo in avanti, stiamo colpendo una tecnologia molto migliore in termini di cellulari con fotocamera; Nokia ha rilasciato una fotocamera da 41 megapixel, che suppongo creerà immagini piuttosto grandi. Anche gli utenti che devono scaricare un'immagine da 4-6 MB non sono una grande idea. Solo alcuni pensieri dal punto di vista dell'utente.

2) Non vorrei tagliare le immagini. Non sai necessariamente quali parti dell'immagine non sono importanti, quindi come faresti a sapere dove ritagliarlo? Consenti al telefono di ridimensionare le immagini di conseguenza e fare affidamento sulla possibilità di ingrandire le immagini per vedere le cose di dimensioni maggiori.

3) Si potrebbe provare a creare un'interfaccia utente che nasconda i pulsanti. Se hai qualcosa di veramente semplice (come andare avanti o indietro), puoi fare affidamento sui controlli di gesti (scorrimento) per spostarti nella tua applicazione. È possibile implementare cassetti scorrevoli e menu che occupano temporaneamente spazio, quando in uso, ma restituiscono lo spazio quando si desidera visualizzare il contenuto principale (immagini, nel tuo caso). In genere ho scoperto che i pulsanti di occultamento non funzionano bene e la gente sembra voler/cercare i pulsanti che consentono loro di navigare, ma la galleria Android funziona perfettamente con il menu + scorrimento solo, quindi chi lo sa davvero.

Answer 2

Per Android, penso che il posto migliore per iniziare sia qui, ha molte informazioni incluse le dimensioni standard dello schermo e come visualizzare le immagini mantenendole nella migliore qualità possibile.

http://developer.android.com/guide/practices/screens_support.html

Vorrei anche suggerire facendo la manipolazione delle immagini quanto più possibile sul vostro server. Le immagini sono un problema con cui lavorare su Android a causa dei vincoli di memoria e della frammentazione. Due telefoni possono memorizzare immagini scattate allo stesso modo con diversi orientamenti e non esiste un modo semplice per gestire le rotazioni, anche se può essere fatto (per fortuna, devo ancora incontrare un telefono che registra in modo errato i dati Exif, ma non lo farei essere sorpreso se esistessero ...). Più fai affidamento sul telefono, più possibilità hai di errore a causa dei produttori che mettono in giro i wrapper e in caso contrario personalizzano il modo in cui gestisce i media.

Per quanto riguarda la modalità di visualizzazione, idealmente se il proprio back end sta già eseguendo diverse ridimensionamenti, è possibile includere la densità dello schermo quando si richiedono le immagini e si invia la dimensione migliore in base alla guida dev. Se si desidera mantenere le differenze al minimo, almeno il supporto med o l'alta densità per i telefoni e l'alta densità extra per i tablet.

Solo i miei due centesimi, sono sicuro che avrete molte opinioni. In bocca al lupo.