In genere, uno schermo TV viene visualizzato da una distanza di circa 3 metri e, sebbene sia molto più grande della maggior parte degli schermi di altri dispositivi con Android, non offre lo stesso livello di dettagli e colori di uno schermo di un dispositivo più piccolo. Questi fattori richiedono di creare layout delle app pensati per i dispositivi TV, in modo da offrire un'esperienza utente utile e piacevole in salotto.
Principi di base del layout
I layout per i dispositivi TV devono seguire alcune linee guida di base per garantire che siano utilizzabili ed efficaci sugli schermi di grandi dimensioni. Segui questi suggerimenti per creare layout ottimizzati per gli schermi TV:
- Crea layout con orientamento orizzontale. Gli schermi TV vengono sempre visualizzati in modalità orizzontale.
- Posiziona i controlli di navigazione sullo schermo sul lato sinistro o destro dello schermo e salva lo spazio verticale per i contenuti.
- Utilizza dimensioni reattive e relative (ad esempio unità
dpesp) in modo che le interfacce utente vengano scalate in modo uniforme su diverse risoluzioni dello schermo. - Aggiungi margini e spaziatura interna sufficienti tra i controlli del layout per evitare un'interfaccia utente disordinata.
Overscan
I layout per la TV hanno alcuni requisiti unici dovuti all'evoluzione degli standard TV per presentare un'immagine a schermo intero agli spettatori. Per questo motivo, i dispositivi TV potrebbero ritagliare il bordo esterno di un layout dell'app per assicurarsi che l'intero schermo sia riempito. Questo comportamento è generalmente chiamato overscan.
Posiziona gli elementi dello schermo che devono essere sempre visibili all'utente all'interno dell'area sicura per l'overscan. L'aggiunta di un margine del 5% di 48 dp sui bordi sinistro e destro e di 27 dp sui bordi superiore e inferiore a un layout consente di garantire che gli elementi dello schermo nel layout si trovino all'interno dell'area sicura per l'overscan.
Non modificare gli elementi dello schermo di sfondo con cui l'utente non interagisce direttamente e non ritagliare gli elementi nell'area sicura per l'overscan. Questo approccio consente di garantire che gli elementi dello schermo di sfondo vengano visualizzati correttamente su tutti gli schermi.
Creare testo e controlli utilizzabili
Segui questi suggerimenti per rendere il testo e i controlli della tua app TV più facili da vedere da lontano:
- Dividi il testo in piccoli blocchi che gli utenti possono scorrere rapidamente.
- Utilizza testo chiaro su sfondo scuro. Questo stile è più facile da leggere su una TV.
- Evita i caratteri leggeri o quelli con tratti molto stretti e molto ampi. Utilizza caratteri sans-serif e l'anti-aliasing per aumentare la leggibilità.
- Assicurati che tutti i widget di visualizzazione siano abbastanza grandi da essere chiaramente visibili a una persona seduta a 3 metri di distanza dallo schermo. Utilizza unità di pixel indipendenti dalla densità (
dp) anziché unità di pixel assolute e unità di pixel scalabili (sp) per la tipografia.
Per ulteriori informazioni sui pixel indipendenti dalla densità e sulla creazione di layout per gestire schermi di dimensioni maggiori, consulta la panoramica sulla compatibilità dello schermo.
Gestire le risorse di layout per la TV
Come tutti gli altri dispositivi Android, le TV hanno dimensioni dello schermo diverse e supportano risoluzioni diverse, tra cui 720p, 1080p e 4K. Assicurati che la tua app supporti diverse dimensioni dello schermo.
Dimensioni e risoluzioni dello schermo diverse hanno densità di pixel diverse. Per preservare l'aspetto dell'interfaccia utente su dimensioni dello schermo, risoluzioni e densità di pixel diverse, definisci le misurazioni dell'interfaccia utente utilizzando pixel indipendenti dalla densità (dp). La densità di pixel dello schermo per le diverse risoluzioni dei pannelli TV è descritta nella tabella seguente:
| Risoluzione del pannello | Densità di pixel dello schermo |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Per ulteriori informazioni, consulta Supportare diverse densità di pixel e la panoramica sulla compatibilità dello schermo.
Pattern di layout da evitare
Esistono alcuni approcci alla creazione di layout che non funzionano bene sui dispositivi TV. Evita i seguenti pattern dell'interfaccia utente quando sviluppi un layout per la TV:
- Riutilizzo dei layout di smartphone o tablet: non riutilizzare i layout di un'app per smartphone o tablet senza modifiche. I layout creati per altri fattori di forma di dispositivi con Android non sono adatti ai dispositivi TV e devono essere semplificati per il funzionamento su una TV.
- Utilizzo di barre delle azioni o menu di smartphone: le barre delle azioni in alto e i menu a discesa non sono appropriati per un'interfaccia TV a causa della difficoltà di navigare in questi menu con un telecomando.
- Utilizzo della navigazione solo tramite scorrimento: lo scorrimento tra gli schermi può funzionare perfettamente su uno smartphone o un tablet, ma non provare a utilizzare i gesti solo tramite scorrimento su una TV in cui gli utenti si affidano a un telecomando con D-pad.
Per ulteriori informazioni sulla progettazione di layout adatti alla TV, consulta Progettare per la TV.
Gestire bitmap di grandi dimensioni
I dispositivi TV hanno una memoria limitata. Se il layout dell'app utilizza immagini a risoluzione molto elevata, può raggiungere rapidamente i limiti di memoria e causare errori di memoria insufficiente. Utilizza librerie di caricamento e decodifica delle immagini efficienti (come Coil o Glide) per recuperare, decodificare e visualizzare le bitmap nella tua app.
Per ulteriori informazioni su come ottenere le migliori prestazioni quando lavori con le bitmap, consulta le best practice per la grafica Android.
Fornire pubblicità efficace
Per l'ambiente del salotto, ti consigliamo di utilizzare soluzioni di annunci video a schermo intero e ignorabili entro 30 secondi. La funzionalità per la pubblicità su Android TV, come i pulsanti di chiusura e i clic, deve essere accessibile tramite il tastierino direzionale anziché tramite tocco.
Android TV non fornisce un browser web. I tuoi annunci non devono tentare di avviare un browser web o reindirizzare ai contenuti del Google Play Store non approvati per i dispositivi Android TV.