I dispositivi Android sono disponibili in vari fattori di forma (smartphone, tablet, pieghevoli, dispositivi ChromeOS) e hanno una vasta gamma di dimensioni dello schermo. Android supporta molte modalità di visualizzazione, tra cui multi-finestra, multi-display, a forma libera e Picture-in-Picture. I dispositivi pieghevoli possono essere in vari stati o posizioni, ad esempio da tavolo o a libro.
Quando inizi a progettare la tua app, prendi in considerazione i diversi casi d'uso. Per 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 eseguire il multitasking 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 tramite 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 oppure 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 dovresti progettare per schermi di grandi dimensioni fin dall'inizio dello sviluppo dell'app. Per ulteriori informazioni ed esempi visivi, consulta la Galleria di schermi di grandi dimensioni.
Rendere la tua app multimediale adattabile per impostazione predefinita
Evita esperienze utente non ottimali nella tua app multimediale rendendo il layout dell'app adattabile a smartphone, tablet, pieghevoli e dispositivi ChromeOS.
La tua app deve essere adattabile per tenere conto delle diverse dimensioni, orientamenti e fattori di forma del display. Un layout adattabile cambia in base allo spazio di visualizzazione disponibile. Per ulteriori informazioni, consulta la sezione Supportare diverse dimensioni del display.
Progettare in base alle linee guida
La qualità principale dell'app è la base di tutte le app Android, indipendentemente dalle dimensioni del display, dalla posizione 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 ulteriori informazioni, consulta la sezione Qualità principale dell'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 posizione, quindi progetta la tua app 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 Android.
Livello 3:
A questo livello di base, la tua app deve comunque rispettare i requisiti relativi a UI e grafica. La tua app è pronta per 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 eseguito a schermo intero o a finestra intera in modalità multi-finestra. Non è in formato letterbox e non viene eseguito in modalità di compatibilità mode. L'app fornisce il supporto di base per i dispositivi di input esterni, tra cui tastiera, mouse e trackpad. Per ulteriori informazioni, consulta la sezione Pronta per schermi di grandi dimensioni.
Livello 2:
In questo caso, 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 i dettagli, consulta la sezione Ottimizzata per schermi di grandi dimensioni.
Livello 1:
Questo è il miglior livello di supporto 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 pieghevoli, il trascinamento e l'input con stilo. A questo livello, le app sono molto differenziate, quindi presta attenzione alle linee guida per elementi come il multitasking e le posizioni pieghevoli. Per scoprire di più, consulta la sezione Differenziata per schermi di grandi dimensioni.
Layout ottimizzati
Sfrutta lo spazio maggiore degli schermi di grandi dimensioni senza letterboxing (a causa della limitazione dell'orientamento) o allungamento. Ottimizzando il layout dell'app per i contenuti multimediali e i social media, espandi la portata dell'app e crei un'esperienza utente migliore su tutti i fattori di forma degli schermi di grandi dimensioni (tablet, pieghevoli e dispositivi ChromeOS), oltre a supportare tutte le dimensioni degli smartphone.
I componenti della barra di navigazione e del riquadro a scomparsa forniscono una navigazione discreta per la comodità e il controllo dell'UI. 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 multimediali
Rendi la tua app più utilizzabile implementando layout specifici per i contenuti multimediali per elenco-dettagli, feed e riquadro di supporto. Per informazioni sui layout MDX, Flutter e Compose, consulta la sezione 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 li 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-dettagli risponde per mantenere lo stato dell'app. Per scoprire di più, consulta la sezione Layout elenco-dettagli.
Feed: un layout feed dispone gli 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 ulteriori informazioni, consulta la sezione Layout feed.
Riquadro di supporto: Con le aree di visualizzazione principale e secondaria, la tua app può incorporare un riquadro di supporto per il contesto, la pertinenza o il riferimento, ad esempio un elenco scorrevole di titoli simili, recensioni pubblicate o altre opere degli stessi artisti o attori. Per ulteriori dettagli, consulta la sezione Layout del riquadro di supporto.
Per una raccolta curata di layout multimediali, consulta la Galleria multimediale.
Layout per social media
Gli schermi di grandi dimensioni offrono agli utenti dei social media più spazio di lavoro per creare, eseguire il multitasking, trascinare contenuti tra le app e condividerli. Con funzionalità e capacità distintive non possibili sui dispositivi con schermi di piccole dimensioni, la tua app multimediale per schermi di grandi dimensioni 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ò visualizzare un elenco di conversazioni affiancato ai dettagli per rimanere aggiornato sugli ultimi messaggi. Per ulteriori informazioni, consulta la sezione 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 in primo piano. Gli utenti possono visualizzare rapidamente grandi gruppi di contenuti. Per ulteriori informazioni, consulta la sezione Layout feed.
Riquadro di supporto: le app di ricerca e riferimento o un'app per la produttività possono trarre vantaggio da questo stile di layout. Mantiene gli strumenti di creazione di contenuti a portata di mano per l'utente. Ad esempio, la tua app può consentire agli utenti di regolare le impostazioni, accedere alle tavolozze dei colori, applicare effetti, e visualizzare immediatamente le modifiche. Per ulteriori informazioni, consulta la sezione Layout del riquadro di supporto.
Per una raccolta curata di layout per 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 di dover rielaborare inutilmente la tua app. Inoltre, rende 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 posizioni 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 che la tua app si comporti in modo accettabile, l'usabilità è notevolmente ridotta e l'esperienza utente ne risente.
Ad esempio, se la tua app è su un tablet, il tablet si aggancia in orientamento orizzontale. Se la tua app è limitata all'orientamento verticale, si verifica il letterboxing, che non è ideale per l'utente finale. La tua app deve consentire agli utenti di utilizzare l' orientamento preferito, quindi sfrutta le dimensioni disponibili di uno schermo di grandi dimensioni nella tua progettazione.
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 della tua app. La modifica dell'orientamento può influire in una certa misura sulle dimensioni, 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, arresto, pausa, riavvolgimento e avanzamento, il che rende 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 presupporre che le dimensioni dell'anteprima della fotocamera siano quelle effettivamente visualizzate dall'UI in 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 la sezione Anteprima CameraX o Anteprima Camera2.
Posizioni pieghevoli
La progettazione dell'app multimediale per schermi di grandi dimensioni include le posizioni pieghevoli. Ad esempio, la tua app, 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à a doppio schermo per le anteprime e l'acquisizione.
Se includi le posizioni pieghevoli 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 posizioni pieghevoli. Per ulteriori informazioni, consulta la sezione Posizioni pieghevoli.