I dispositivi Android sono disponibili in diversi fattori di forma (smartphone, tablet, pieghevoli, dispositivi ChromeOS) e schermi di varie dimensioni. Android supporta molte modalità di visualizzazione, tra cui multi-finestra, multi-display, formato libero e Picture in picture. I dispositivi pieghevoli possono essere in vari stati o posizioni, ad esempio da un tavolo o da un libro.
Prendi in considerazione diversi casi d'uso per la tua app quando inizi a progettarla. Ad esempio:
I dispositivi con schermo grande offrono agli utenti più spazio per interagire con i contenuti della tua app multimediale in modi diversi.
Gli utenti potrebbero svolgere più attività contemporaneamente mentre guardano un video in una configurazione multi-finestra o sfruttare lo schermo più grande per applicare modifiche più complesse dopo aver acquisito un'immagine.
Gli utenti potrebbero utilizzare un tablet per restare in contatto con le videochiamate e vedere amici e familiari in maggiore dettaglio. L'app può visualizzare un contesto più dettagliato relativo a un titolo o una scena in un overlay di riproduzione personalizzato oppure offrire più opzioni di controllo sullo schermo.
I caroselli in una visualizzazione di navigazione possono presentare una maggiore varietà per un maggiore richiamo visivo, oppure la tua app multimediale può mantenere coinvolti gli utenti offrendo un feed sfogliabile accanto alla riproduzione.
Tieni presente che la tua app multimediale utilizza lo stesso codice su uno smartphone standard, un pieghevole, un tablet e dispositivi ChromeOS, quindi dovresti progettare per schermi di grandi dimensioni fin dall'inizio dello sviluppo dell'app. Per ulteriori informazioni ed esempi visivi, consulta la sezione Galleria schermi di grandi dimensioni.
Rendi la tua app multimediale adattabile per impostazione predefinita
Evita esperienze utente non funzionanti nella tua app multimediale rendendo il layout dell'app adattativo a telefoni, tablet, pieghevoli e dispositivi ChromeOS.
L'app deve essere reattiva in modo da tenere conto di dimensioni dello schermo, orientamenti e fattori di forma diversi. Il layout adattivo cambia in base allo spazio disponibile sullo schermo. Per ulteriori informazioni, vedi Supporto di schermi di dimensioni diverse.
Progettare secondo le linee guida
La qualità di base delle app è la base di tutte le app per Android, indipendentemente dalle dimensioni del display, dalla postura del dispositivo o da altre considerazioni specifiche del dispositivo. La tua app deve soddisfare questi requisiti di base prima di iniziare a progettare l'app per uno schermo di grandi dimensioni. Per maggiori informazioni, visita la pagina Qualità principale delle app.
La tua app dovrebbe offrire un'esperienza utente eccellente indipendentemente dal fattore di forma del dispositivo, dalle dimensioni dello schermo, dalla modalità di visualizzazione o dalla postura, quindi progetta la tua app in base alle seguenti linee guida di Livello 1, 2 e 3.
Le norme definiscono un insieme completo di requisiti di qualità per la maggior parte dei tipi di app per Android.
Livello 3:
A questo livello di base, la tua app deve comunque rispettare i requisiti per UI e grafica. L'app è pronta su uno schermo di grandi dimensioni e gli utenti possono completare flussi di attività fondamentali, ma con un'esperienza utente non ottimale.
Il layout dell'app potrebbe non essere ideale, ma viene eseguita la modalità a schermo intero o a schermo intero in modalità multi-finestra. Non è in formato letterbox e non funziona in modalità di compatibilità. L'app fornisce un supporto di base per i dispositivi di input esterni, tra cui tastiera, mouse e trackpad. Per maggiori informazioni, vedi Schermo grande pronto.
Livello 2:
L'app implementa ottimizzazioni del layout per tutte le dimensioni dello schermo e tutte le configurazioni dei dispositivi, oltre al supporto migliorato per i dispositivi di input esterni. Per i dettagli, vedi Ottimizzazione per uno schermo grande.
Livello 1:
Questo è il miglior livello di assistenza e offre all'utente un'esperienza ottimale con la tua app, in quanto specifica funzionalità e capacità premium.
Ove applicabile, l'app supporta il multitasking, le posture pieghevoli, il trascinamento e l'input dello stilo. A questo livello, le app sono molto differenziate, quindi presta attenzione particolare alle linee guida per aspetti come il multitasking e le posture pieghevoli. Per scoprire di più, consulta Schermo grande differenziato.
Layout ottimizzati
Sfrutta l'aumento dello spazio degli schermi di grandi dimensioni senza letterbox (a causa della limitazione dell'orientamento) o allungamenti. Ottimizzando il layout dell'app per media e social media, espandi la copertura dell'app e crei un'esperienza utente migliore su tutti i fattori di forma per schermi di grandi dimensioni (tablet, pieghevoli e dispositivi ChromeOS), oltre a supportare smartphone di tutte le dimensioni.
I componenti barra di navigazione e riquadro a scomparsa consentono una navigazione immediata per comodità e controllo dell'interfaccia utente. I componenti completano anche i layout canonici (dettaglio elenco, feed e riquadro di supporto) posizionando le destinazioni di navigazione principali ravvicinate e occupando uno spazio minimo sullo schermo.
Layout multimediali
Rendi la tua app più utilizzabile implementando layout specifici per i contenuti multimediali per l'elenco dei dettagli, il feed e il riquadro di supporto. Per informazioni sui layout MDX, Flutter e Compose, vedi Risorse di layout.
Dettagli dell'elenco: la progettazione della tua app con un browser multimediale interattivo consente agli utenti di sfogliare diversi contenuti multimediali mentre guardano o ascoltano. I titoli vengono visualizzati affiancati a un file video o audio in riproduzione. Se l'orientamento del dispositivo cambia, il layout elenco-dettaglio risponde per preservare lo stato dell'app. Per scoprire di più, consulta Layout dei dettagli.
Feed: un layout del feed dispone gli elementi equivalenti dei contenuti in una griglia configurabile per una visualizzazione rapida e comoda di grandi quantità di contenuti, come il feed musicale o i kiosk per film e TV nell'app. Per ulteriori informazioni, consulta la sezione Layout dei feed.
Riquadro di supporto: con le aree di visualizzazione principali e secondarie, la tua app può incorporare un riquadro di supporto per contesto, pertinenza o riferimento, ad esempio un elenco a scorrimento di titoli simili, recensioni pubblicate o opere aggiuntive degli stessi artisti o attori. Per ulteriori dettagli, consulta Supporto dei layout dei riquadri.
Per una raccolta selezionata di layout multimediali, visita la pagina Galleria multimediale.
Layout per social media
Gli schermi di grandi dimensioni offrono agli utenti dei social media più spazio di lavoro per creare, lavorare in multitasking, trascinare contenuti da un'app all'altra e condividerli. Poiché non sono possibili funzionalità e funzionalità distintive sui dispositivi con schermi di piccole dimensioni, la tua app multimediale per schermi di grandi dimensioni può sfruttare i layout di elenco dettagliato, feed e riquadri di supporto.
Dettagli elenco: è ideale per le app di messaggistica, i gestori dei contatti o i browser di file. Ad esempio, la tua app può visualizzare un elenco di conversazioni affiancate con dettagli per rimanere al passo con i messaggi più recenti. Per maggiori informazioni, consulta la sezione Layout dei dettagli.
Feed: i componenti comuni di questo stile di layout sono schede ed elenchi. Ad esempio, crea un collage di post in un formato griglia flessibile o utilizza le dimensioni e la posizione per attirare l'attenzione sui post in evidenza. Gli utenti possono visualizzare rapidamente grandi gruppi di contenuti. Per ulteriori informazioni, consulta la sezione Layout dei feed.
Riquadro di supporto: le app di ricerca e di riferimento o un'app per la produttività possono trarre vantaggio da questo stile di layout. Mantiene gli strumenti di creazione dei contenuti a portata di mano per l'utente. Ad esempio, l'app può consentire agli utenti di regolare le impostazioni, accedere alle tavolozze dei colori, applicare effetti e vedere le modifiche all'istante. Per ulteriori informazioni, consulta la sezione Supporto dei layout dei riquadri.
Per una raccolta selezionata di layout per i social media, visita la pagina Galleria social media.
Best practice per le app multimediali per schermi di grandi dimensioni
L'utilizzo delle best practice per gli schermi di grandi dimensioni ti consente di evitare rielaborazioni inutili dell'app. Inoltre, rende la tua app più facile da usare su più dispositivi sin dall'inizio, soprattutto per quanto riguarda l'orientamento, le scorciatoie da tastiera, il supporto per l'anteprima della fotocamera e le posizioni dei pieghevoli.
Orientamento e ridimensionamento
Se l'app multimediale dichiara limitazioni di orientamento e ridimensionamento, Android attiva una modalità di compatibilità. Sebbene la modalità di compatibilità garantisca un comportamento accettabile della tua app, l'usabilità è notevolmente diminuita e l'esperienza utente si riduce.
Ad esempio, se l'app si trova su un tablet, quest'ultimo si aggancia in orientamento orizzontale. Se la tua app è limitata all'orientamento verticale, si verifica il letterbox, che non è l'ideale per l'utente finale. L'app dovrebbe consentire agli utenti di utilizzare l'orientamento che preferiscono, quindi sfrutta le dimensioni disponibili di uno schermo di grandi dimensioni nel tuo progetto.
Eventuali limitazioni all'orientamento riducono il modo in cui gli utenti possono interagire con i contenuti o consumare contenuti multimediali, il che limita l'utilizzo della tua app. Il cambiamento dell'orientamento può influire in qualche modo sulle dimensioni, ma il ridimensionamento non cambia necessariamente l'orientamento.
Scorciatoie da tastiera
Su uno schermo più grande, è più probabile che vengano utilizzate le scorciatoie da tastiera sulle tastiere fisiche, come avvio, interruzione, pausa, riavvolgimento e avanti, rendendo l'esperienza utente coerente con una tastiera.
Gli utenti si aspettano queste funzioni nelle loro app multimediali. Per ridurre i punti di attrito per gli utenti, valuta la possibilità di testare l'app con una tastiera fisica. In questo modo puoi notare e includere queste importanti scorciatoie nella tua app all'inizio della progettazione.
Supporto dell'anteprima della fotocamera
Con schermi grandi, potresti riscontrare più problemi di allungamento, ritaglio e rotazione. Non puoi quindi presumere che le dimensioni dell'anteprima della fotocamera siano effettivamente visualizzate dall'UI della tua app multimediale.
Ad esempio, se un utente scatta una foto con il tablet, ma sullo schermo del tablet la visualizzazione viene visualizzata al contrario, l'esperienza non è ottimale. Includi il supporto dell'anteprima della fotocamera per schermi di grandi dimensioni.
Per maggiori informazioni, vedi Anteprima di CameraX o Anteprima di Camera2.
Postura pieghevole
La progettazione della tua app multimediale per schermi di grandi dimensioni include posizioni pieghevoli. La tua app, ad esempio, può consentire a un utente di avere una configurazione da tavolo per la riproduzione di contenuti multimediali o di utilizzare un display posteriore e la modalità doppio schermo per le anteprime e l'acquisizione.
Con le posture pieghevoli incluse nel piano di sviluppo, la tua app è disponibile per più dispositivi e ha un impatto più ampio. Puoi ampliare l'esperienza multimediale per l'utente in modi che altri dispositivi non possono fare senza le posture pieghevoli. Per maggiori informazioni, consulta Postazioni pieghevoli.