I dispositivi Android sono disponibili in vari fattori di forma, ovvero smartphone, tablet, pieghevoli e dispositivi ChromeOS, che hanno un'ampia gamma di dimensioni dello schermo. 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, come la modalità da tavolo o libro.
Quando inizi a progettare la tua app, prendi in considerazione diversi casi d'uso. Ad esempio:
I dispositivi con schermi di grandi dimensioni 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 rimanere in contatto con videochiamate e vedere i propri amici e familiari in modo più dettagliato. La tua app può mostrare un contesto più ricco su un titolo o una scena in un overlay di riproduzione personalizzato o offrire più opzioni di controllo sullo schermo.
I caroselli in una visualizzazione di navigazione possono presentare una maggiore varietà per un maggiore impatto visivo oppure la tua app multimediale può mantenere coinvolti gli utenti offrendo un feed sfogliabile affiancato alla riproduzione.
Tieni presente che la tua app multimediale ha lo stesso codice in esecuzione 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 galleria per schermi di grandi dimensioni.
Rendi l'app multimediale adattabile per impostazione predefinita
Evita esperienze utente interrotte nella tua app multimediale rendendo il layout dell'app adattabile su smartphone, tablet, pieghevoli e dispositivi ChromeOS.
La tua app deve essere adattabile per tenere conto di diverse dimensioni, orientamenti e fattori di forma del display. Un layout adattivo cambia in base allo spazio di visualizzazione disponibile. Per saperne di più, consulta Supportare diverse dimensioni di display.
Progetta in base alle linee guida
La qualità di base delle app è il fondamento di tutte le app per Android, indipendentemente dalle dimensioni del display, dalla posizione del dispositivo o da altre considerazioni specifiche del dispositivo. La tua app deve soddisfare questi requisiti di base prima di iniziare a progettare per uno schermo grande. Per maggiori informazioni, visita la pagina Qualità principale delle app.
La tua app deve offrire un'esperienza utente eccellente indipendentemente dal fattore di forma, dalle dimensioni dello schermo, dalla modalità di visualizzazione o dalla posizione del dispositivo, quindi progettala in base alle seguenti linee guida di livello 1, 2 e 3.
Le linee guida 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, l'app deve comunque rispettare i requisiti relativi a UI e grafica. La tua app è pronta per gli schermi di grandi dimensioni e gli utenti possono completare i flussi di attività critici, ma con un'esperienza utente non ottimale.
Il layout dell'app potrebbe non essere ideale, ma l'app viene eseguita a schermo intero o a finestra intera in modalità multi-finestra. Non è in formato letterbox e non viene eseguita in modalità di compatibilità. L'app fornisce un supporto di base per i dispositivi di input esterni, tra cui tastiera, mouse e trackpad. Per saperne di più, consulta Pronto per schermi di grandi dimensioni.
Livello 2:
In questo caso, l'app implementa ottimizzazioni del layout per tutte le dimensioni dello schermo e le configurazioni dei dispositivi, oltre a un supporto migliorato per i dispositivi di input esterni. Per i dettagli, consulta Ottimizzazione per schermi grandi.
Livello 1:
Questo è il livello di assistenza migliore e offre all'utente l'esperienza più eccellente con la tua app, in quanto specifica funzionalità e capacità premium.
Se applicabile, l'app supporta il multitasking, le posizioni dei pieghevoli, il trascinamento e l'input con lo stilo. A questo livello, le app sono altamente differenziate, quindi presta molta attenzione alle linee guida per aspetti come il multitasking e le posizioni dei pieghevoli. Per scoprire di più, consulta la sezione Differenziazione per schermi di grandi dimensioni.
Layout ottimizzati
Sfrutta lo spazio aggiuntivo degli schermi grandi senza letterbox (a causa della limitazione dell'orientamento) o stretching. Ottimizzando il layout della tua app per i contenuti multimediali e i social media, ne espandi la copertura e crei un'esperienza utente migliore su tutti i fattori di forma con schermi di grandi dimensioni, come tablet, pieghevoli e dispositivi ChromeOS, oltre a supportare tutte le dimensioni degli smartphone.
I componenti della barra di navigazione e del riquadro a scomparsa offrono una navigazione discreta per la comodità e il controllo della UI. I componenti completano anche i layout canonici (list-detail, feed e riquadro di supporto) posizionando le destinazioni di navigazione principali a portata di mano e occupando uno spazio minimo sullo schermo.
Layout dei contenuti multimediali
Rendi la tua app più utilizzabile implementando layout specifici per i contenuti multimediali per list-detail, feed e riquadro di supporto. Per informazioni sui layout MDX, Flutter e Compose, consulta Risorse di layout.
Elenco-dettagli:progetta la tua app con un browser multimediale interattivo che consente agli utenti di sfogliare diversi contenuti multimediali mentre guardano o ascoltano. I titoli dei contenuti multimediali vengono visualizzati accanto a un file video o audio in riproduzione. Se l'orientamento del dispositivo cambia, un layout elenco-dettagli risponde per preservare lo stato dell'app. Per scoprire di più, consulta Layout elenco-dettagli.
Feed: un layout Feed dispone elementi di contenuti equivalenti in una griglia configurabile per una visualizzazione rapida e comoda di una grande quantità di contenuti, ad esempio un feed musicale o un kiosk di film e TV nella tua app. Per maggiori informazioni, consulta Layout Feed.
Riquadro di supporto:con 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 Layout dei riquadri di supporto.
Per una raccolta selezionata di layout multimediali, consulta la Galleria multimediale.
Layout per i social media
Gli schermi grandi offrono agli utenti dei social media più spazio di lavoro per creare, svolgere più attività, trascinare i contenuti tra le app e condividerli. Con funzionalità e capacità distintive non possibili sui dispositivi con schermo piccolo, la tua app multimediale per schermi grandi può sfruttare i layout elenco-dettagli, feed e riquadro di supporto.
Elenco-dettagli:questo layout è ideale per app di messaggistica, gestori di contatti o browser di file. Ad esempio, l'app può mostrare un elenco di conversazioni affiancato ai dettagli per rimanere al passo con gli ultimi messaggi. Per saperne di più, consulta Layout elenco-dettagli.
Feed: i componenti comuni in questo stile di layout sono schede ed elenchi. Ad esempio, crea un collage di post in un formato a 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 saperne di più, consulta Layout dei feed.
Riquadro di supporto: le app di ricerca e di riferimento o un'app di produttività possono trarre vantaggio da questo stile di layout. In questo modo, l'utente ha sempre a portata di mano gli strumenti di creazione di contenuti. Ad esempio, la tua app può consentire agli utenti di regolare le impostazioni, accedere alle tavolozze dei colori, applicare effetti e visualizzare le modifiche istantaneamente. Per saperne di più, consulta Layout dei riquadri di supporto.
Per una raccolta selezionata di layout per i social media, consulta la pagina Galleria di social media.
Best practice per le app multimediali per schermi grandi
L'utilizzo delle best practice per gli schermi di grandi dimensioni ti aiuta a evitare di dover rielaborare inutilmente la tua app. Inoltre, rende la tua app più facile da usare su più dispositivi fin dall'inizio, in particolare per quanto riguarda l'orientamento, le scorciatoie da tastiera, il supporto dell'anteprima della fotocamera e le posizioni dei pieghevoli.
Orientamento e ridimensionamento
Se la tua app multimediale dichiara limitazioni di orientamento e ridimensionamento, Android attiva una modalità di compatibilità. Sebbene la modalità di compatibilità garantisca un comportamento accettabile dell'app, l'usabilità è notevolmente ridotta e l'esperienza utente ne risente.
Ad esempio, se la tua app è su un tablet, il tablet si aggancia alla base in orientamento orizzontale. Se la tua app è limitata alla modalità verticale, si verifica il letterboxing, che non è l'ideale per l'utente finale. La tua app deve consentire agli utenti di utilizzare l'orientamento che preferiscono, quindi sfrutta le dimensioni disponibili di uno schermo grande nel tuo design.
Qualsiasi limitazione all'orientamento riduce il modo in cui gli utenti possono interagire con i contenuti o fruire dei contenuti multimediali, il che limita l'utilizzo della tua app. La modifica dell'orientamento può influire in una certa misura sul dimensionamento, ma il ridimensionamento non modifica 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 avanzamento, 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 la tua 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 gli schermi di grandi dimensioni, potresti riscontrare più problemi di allungamento, ritaglio e rotazione. Pertanto, non puoi presumere che le dimensioni dell'anteprima della fotocamera corrispondano a quelle effettivamente visualizzate dall'UI nella tua app multimediale.
Ad esempio, se un utente scatta una foto con il tablet, ma sullo schermo del tablet viene visualizzata capovolta, l'esperienza non è ottimale. Includi il supporto dell'anteprima della fotocamera per gli schermi di grandi dimensioni.
Per ulteriori informazioni, consulta Anteprima di CameraX o Anteprima di Camera2.
Posizioni dei pieghevoli
La progettazione dell'app multimediale per schermi di grandi dimensioni include le posizioni dei 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à Dual Screen per le anteprime e l'acquisizione.
Se includi le posture dei pieghevoli nel tuo piano di sviluppo, la tua app sarà disponibile per più dispositivi e avrà un impatto più ampio. Puoi ampliare l'esperienza multimediale per l'utente in modi che altri dispositivi non possono fare senza le posture dei pieghevoli. Per saperne di più, consulta Postura dei pieghevoli.