I dispositivi Android sono disponibili in una varietà di fattori di forma: smartphone, tablet, pieghevoli, 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 varie posizioni, come la posizione a libro o a cavalletto.
Quando inizi a progettare la tua app, prendi in considerazione diversi casi d'uso. Per esempio:
I dispositivi con schermo 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 usare un tablet per rimanere in contatto con videochiamate e vedere i loro amici e familiari in modo più dettagliato. La tua app può mostrare un contesto più ricco su un titolo o una scena in una sovrapposizione di riproduzione personalizzata o offrire più opzioni di controllo sullo schermo.
I caroselli in una visualizzazione di navigazione possono offrire una maggiore varietà per un maggiore appeal visivo, oppure la tua app multimediale può mantenere gli utenti coinvolti offrendo un feed navigabile affiancato alla riproduzione.
Tieni presente che la tua app multimediale ha lo stesso codice in esecuzione su uno smartphone standard, un dispositivo pieghevole, un tablet e dispositivi ChromeOS, quindi devi 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.
Rendere adattabile l'app multimediale per impostazione predefinita
Evita esperienze utente interrotte nella tua app multimediale rendendo il layout dell'app adattabile a smartphone, tablet, dispositivi pieghevoli e ChromeOS.
La tua app deve essere reattiva per tenere conto di diverse dimensioni di visualizzazione, orientamenti e fattori di forma. Un layout adattivo cambia in base allo spazio di visualizzazione disponibile. Per ulteriori informazioni, vedi Supportare diverse dimensioni dello schermo.
Progettare in base alle linee guida
La qualità essenziale 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. Prima di iniziare a progettare per uno schermo di grandi dimensioni, la tua app deve soddisfare questi requisiti di base. Per maggiori informazioni, consulta Qualità principale delle app.
La tua app deve 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 base, la tua app deve comunque rispettare i requisiti relativi a UI e grafica. La tua app è pronta per i dispositivi con 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 viene eseguita a schermo intero o a finestra intera in modalità multi-finestra. Non è in formato letterbox e non viene eseguito in modalità compatibilità. L'app fornisce il supporto di base per i dispositivi di input esterni, tra cui tastiera, mouse e trackpad. Per ulteriori informazioni, vedi Pronto per i grandi schermi.
Livello 2:
Qui, la tua app implementa le ottimizzazioni del layout per tutte le dimensioni dello schermo e le configurazioni dei dispositivi, oltre a un supporto avanzato per i dispositivi di input esterni. Per maggiori dettagli, consulta Ottimizzazione per schermi di grandi dimensioni.
Livello 1:
Questo è il miglior livello di supporto e offre all'utente l'esperienza migliore 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 con stilo. A questo livello, le app sono altamente differenziate, quindi presta molta attenzione alle linee guida per attività come il multitasking e le posture dei dispositivi pieghevoli. Per scoprire di più, vedi Differenziazione per schermi di grandi dimensioni.
Layout ottimizzati
Sfrutta lo spazio maggiore degli schermi grandi senza letterbox (a causa della limitazione dell'orientamento) o allungamento. Se ottimizzi il layout dell'app per i contenuti multimediali e i social media, aumenti la copertura dell'app e crei un'esperienza utente migliore su tutti i fattori di forma con schermo grande, ovvero tablet, pieghevoli e dispositivi ChromeOS, oltre a supportare tutte le dimensioni degli smartphone.
I componenti della barra di navigazione e del riquadro forniscono una navigazione discreta per la comodità e il controllo dell'interfaccia utente. I componenti completano anche i layout canonici (elenco-dettagli, feed e riquadro di supporto) posizionando le destinazioni di navigazione principali a portata di mano, occupando al contempo uno spazio minimo sullo schermo.
Layout dei contenuti multimediali
Rendi la tua app più utilizzabile implementando layout specifici per i contenuti multimediali per elenco-dettagli, feed e riquadro di supporto. Per informazioni su MDX, Flutter e sui layout di Compose, consulta Risorse di layout.
Elenco-dettagli:la progettazione dell'app con un browser multimediale interattivo consente agli utenti di sfogliare diversi contenuti multimediali mentre li guardano o ascoltano. I titoli dei contenuti multimediali vengono visualizzati affiancati a un file video o audio in riproduzione. Se l'orientamento del dispositivo cambia, un layout elenco-dettaglio risponde per preservare lo stato dell'app. Per saperne di più, vedi 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 chiosco di film e TV nella tua app. Per maggiori informazioni, vedi Layout feed.
Riquadro di supporto: con aree di visualizzazione primaria e secondaria, la tua app può incorporare un riquadro di supporto per contesto, pertinenza o riferimento, ad esempio un elenco scorrevole di titoli simili, recensioni pubblicate o opere aggiuntive degli stessi artisti o attori. Per ulteriori dettagli, vedi Layout dei riquadri supportati.
Per una raccolta selezionata di layout multimediali, consulta la Galleria di contenuti multimediali.
Layout per i social media
Gli schermi di grandi dimensioni offrono agli utenti dei social media più spazio di lavoro per creare, svolgere più attività, trascinare contenuti tra le app e condividerli. Grazie a funzionalità e capacità distintive non possibili sui dispositivi con schermi piccoli, la tua app multimediale con schermo grande può sfruttare i layout elenco-dettagli, feed e riquadro di supporto.
Elenco-dettagli:ideale per app di messaggistica, gestori di contatti o browser di file. Ad esempio, la tua app può mostrare un elenco di conversazioni affiancate ai dettagli per rimanere aggiornato sugli ultimi messaggi. Per ulteriori informazioni, vedi 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 oppure utilizza le dimensioni e la posizione per attirare l'attenzione sui post più importanti. Gli utenti possono visualizzare rapidamente grandi gruppi di contenuti. Per saperne di più, consulta la sezione Layout dei feed.
Riquadro di supporto:le app di ricerca e 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 dei contenuti. Ad esempio, la tua app può consentire agli utenti di regolare le impostazioni, accedere alle tavolozze di colori, applicare effetti e vedere immediatamente le modifiche. Per saperne di più, consulta Layout dei riquadri supportati.
Per una raccolta curata di layout per i social media, consulta la pagina Galleria dei 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 aiuta a evitare rielaborazioni non necessarie della tua app. Inoltre, rendono la tua app più facile da usare su più dispositivi fin dall'inizio, soprattutto per quanto riguarda l'orientamento, le scorciatoie da tastiera, il supporto dell'anteprima della fotocamera e le posture dei dispositivi 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 letterbox, che non è 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 di grandi dimensioni nel tuo design.
Qualsiasi limitazione all'orientamento riduce il modo in cui gli utenti possono interagire con i contenuti o consumare contenuti multimediali, il che limita l'utilizzo dell'app. La modifica dell'orientamento può influire in qualche modo sul dimensionamento, ma il ridimensionamento non comporta necessariamente la modifica dell'orientamento.
Scorciatoie da tastiera
Su uno schermo più grande, è più probabile che vengano utilizzate le scorciatoie da tastiera sulle tastiere fisiche, come avvio, arresto, 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 videocamera
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 videocamera siano quelle effettivamente visualizzate nell'interfaccia utente dell'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. Includere il supporto dell'anteprima della videocamera per schermi di grandi dimensioni.
Per ulteriori informazioni, vedi Anteprima di CameraX o Anteprima di Camera2.
Configurazioni di sicurezza per smartphone pieghevoli
La progettazione dell'app multimediale per schermi di grandi dimensioni include le posture 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.
Con le posture pieghevoli incluse nel tuo piano di sviluppo, la tua app è disponibile su più dispositivi e ha un impatto maggiore. Amplia l'esperienza multimediale per l'utente in modi che altri dispositivi non possono fare senza le posture pieghevoli. Per ulteriori informazioni, consulta Posizioni pieghevoli.