I dispositivi Android sono disponibili in vari fattori di forma (smartphone, tablet, pieghevoli, dispositivi ChromeOS) con un'ampia gamma di dimensioni dello schermo. Android supporta molte modalità di visualizzazione, tra cui multifinestra, multidisplay, a forma libera e Picture in Picture. I dispositivi pieghevoli possono essere in vari stati o posizioni, come da tavolo o come un libro.
Quando inizi a progettarla, prendi in considerazione diversi casi d'uso per la tua app. Per esempio:
I dispositivi con schermi di grandi dimensioni offrono agli utenti più spazio per interagire con i contenuti della tua app multimediale in diversi modi.
Gli utenti possono svolgere più attività contemporaneamente mentre guardano un video in una configurazione con più finestre 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 le videochiamate e vedere i loro amici e familiari in modo più dettagliato. La tua app può mostrare un contesto più completo 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 offrire una maggiore varietà per un maggiore impatto visivo oppure la tua app multimediale può coinvolgere 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 dispositivo pieghevole, un tablet e dispositivi ChromeOS, quindi devi progettarla per schermi di grandi dimensioni fin dall'inizio dello sviluppo dell'app. Per ulteriori informazioni e esempi visivi, consulta la galleria di schermi di grandi dimensioni.
Impostare l'app multimediale come adattabile per impostazione predefinita
Evita esperienze utente insoddisfacenti nella tua app multimediale rendendo il layout adattabile su smartphone, tablet, dispositivi pieghevoli e ChromeOS.
L'app deve essere adattabile per tenere conto di dimensioni, orientamenti e fattori di forma dello schermo diversi. Un layout adattivo cambia in base allo spazio sullo schermo a sua disposizione. Per ulteriori informazioni, consulta la sezione Supportare diverse dimensioni dello schermo.
Progettare in base alle linee guida
La qualità di base delle app è la base 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 progettarla per uno schermo di grandi dimensioni. 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 posizione, 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 di tipi di app per Android.
Livello 3:
A questo livello di base, la tua app deve comunque rispettare i requisiti relativi a interfaccia utente e grafica. La tua app è pronta per gli schermi di grandi dimensioni e gli utenti possono completare le procedure di compito critiche, ma con un'esperienza utente non ottimale.
Il layout dell'app potrebbe non essere ideale, ma funziona a schermo intero o in una finestra completa in modalità multi-finestra. Non è in letterbox e non viene eseguito in modalità di compatibilità. L'app fornisce il supporto di base per i dispositivi di input esterni, tra cui tastiera, mouse e trackpad. Per ulteriori informazioni, consulta Compatibilità con gli schermi di grandi dimensioni.
Livello 2:
L'app implementa ottimizzazioni del layout per tutte le dimensioni dello schermo e le configurazioni del dispositivo, oltre a un supporto migliorato per i dispositivi di input esterni. Per maggiori dettagli, consulta Ottimizzati per lo schermo grande.
Livello 1:
Si tratta del miglior livello di assistenza e offre all'utente un'esperienza eccellente con la tua app, in quanto specifica funzionalità e capacità premium.
Ove applicabile, l'app supporta il multitasking, le posizioni pieghevoli, il trascinamento e l'input con lo stilo. A questo livello, le app sono molto differenziate, quindi presta molta attenzione alle linee guida per aspetti come il multitasking e le posizioni dei dispositivi pieghevoli. Per scoprire di più, consulta Schermi di grandi dimensioni differenziati.
Layout ottimizzati
Sfrutta lo spazio maggiore degli schermi di grandi dimensioni senza letterboxing (a causa della limitazione dell'orientamento) o stretching. Se ottimizzi il layout dell'app per i contenuti multimediali e i social media, espandi la copertura dell'app e crei un'esperienza utente migliore su tutti i fattori di forma con schermo grande, come tablet, dispositivi pieghevoli e dispositivi ChromeOS, nonché su tutti i modelli di smartphone.
I componenti della barra di navigazione e del riquadro offrono una navigazione fuori mano per la comodità e il controllo dell'interfaccia utente. I componenti completano inoltre i layout canonici (elenco dettagliato, 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ù usabile implementando layout specifici per i media per dettagli elenco, feed e riquadro di supporto. Per informazioni su MDX, Flutter e su come comporre i layout, consulta Risorse di layout.
List-detail: la progettazione dell'app con un browser multimediale interattivo consente agli utenti di sfogliare diversi contenuti multimediali durante la visione o l'ascolto. I titoli dei contenuti multimediali vengono visualizzati uno accanto all'altro con un file video o audio in riproduzione. Se l'orientamento del dispositivo cambia, un layout di elenco dettagliato risponde per preservare lo stato dell'app. Per scoprire di più, consulta Modelli di elenco dettagliato.
Feed:un layout del feed organizza gli elementi di contenuti equivalenti in una griglia configurabile per la visualizzazione rapida e comoda di una grande quantità di contenuti, ad esempio un feed di musica o un chiosco di film e TV nella tua app. Per saperne di più, consulta Layout del feed.
Riquadro di supporto: con le aree di visualizzazione principali e secondarie, la tua app può incorporare un riquadro di supporto per fornire contesto, pertinenza o riferimento, ad esempio un elenco scorrevole di titoli simili, recensioni pubblicate o altri lavori degli stessi artisti o attori. Per ulteriori dettagli, vedi Layout dei riquadri supportati.
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à contemporaneamente, trascinare contenuti tra app e condividerli. Con funzionalità e caratteristiche distintive non possibili sui dispositivi con schermi piccoli, la tua app multimediale con schermo grande può sfruttare i layout di elenco dettagliato, feed e riquadro di supporto.
List-detail: è ideale per app di messaggistica, gestori dei contatti o browser di file. Ad esempio, la tua app può mostrare un elenco di conversazioni affiancate con i dettagli per rimanere al corrente sugli ultimi messaggi. Per ulteriori informazioni, consulta Modelli di elenco dettagliato.
Feed: i componenti comuni in questo stile di layout sono schede ed elenchi. Ad esempio, crea un collage di post in un formato di 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 di produttività possono trarre vantaggio da questo stile di layout. Mantiene a portata di mano gli strumenti per la creazione di contenuti per l'utente. 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 ulteriori informazioni, consulta Layout dei riquadri supportati.
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 di grandi dimensioni
L'utilizzo delle best practice per gli schermi di grandi dimensioni ti aiuta a evitare la rielaborazione non necessaria della tua app. Inoltre, rendono la tua app più user-friendly su più dispositivi fin dall'inizio, in particolare in termini di orientamento, scorciatoie da tastiera, supporto dell'anteprima della fotocamera e posizioni pieghevoli.
Orientamento e ridimensionamento
Se la tua app multimediale dichiara restrizioni 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 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 al formato verticale, viene applicato il letterbox, che non è l'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 grande nel tuo design.
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. La modifica dell'orientamento può influire in qualche 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 su tastiere fisiche, come Avvia, Interrompi, Pausa, Indietro e Avanti, offrendo all'utente un'esperienza coerente con una tastiera.
Gli utenti si aspettano queste funzioni nelle loro app multimediali. Per ridurre i punti di attrito per gli utenti, ti consigliamo di testare l'app con una tastiera fisica. In questo modo puoi identificare e includere queste scorciatoie importanti nella tua app all'inizio del design.
Supporto dell'anteprima della fotocamera
Con schermi di grandi dimensioni, potresti riscontrare più problemi di allungamento, ritaglio e rotazione. Pertanto, non puoi assumere che le dimensioni dell'anteprima della fotocamera corrispondano a quelle effettivamente visualizzate dall'interfaccia utente della tua app multimediale.
Ad esempio, se un utente scatta una foto con il tablet, ma sullo schermo del tablet la foto viene visualizzata capovolta, si tratta di un'esperienza non ottimale. Includi il supporto dell'anteprima della fotocamera per gli schermi di grandi dimensioni.
Per ulteriori informazioni, consulta Anteprima CameraX o Anteprima Camera2.
Posture 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à dual screen per le anteprime e le acquisizioni.
Con le posizioni pieghevoli incluse nel piano di sviluppo, la tua app è disponibile su più dispositivi e ha un impatto più ampio. Amplia l'esperienza multimediale per l'utente in modi che altri dispositivi non possono fare senza le posizioni pieghevoli. Per ulteriori informazioni, consulta Posture pieghevoli.