LIVELLO 2 - Linee guida sulla qualità delle app per schermi di grandi dimensioni, che preparano la tua app per display grandi e piccoli.
APP OTTIMIZZATE PER SCHERMI DI GRANDI DIMENSIONI sfruttano i display di grandi dimensioni per offrire un'esperienza utente produttiva e coinvolgente.
Le app ottimizzate sono sviluppate con layout adattabili/adattivi che si adattano all'orientamento verticale e orizzontale, alla modalità multi-finestra e agli stati dei dispositivi piegati e non piegati. Le barre di navigazione e i riquadri a scomparsa migliorano un'interfaccia utente che formatta e posiziona in modo dinamico elementi come pulsanti, campi di testo e finestre di dialogo per un'esperienza utente ottimale.
Le app ottimizzate per schermi di grandi dimensioni offrono supporto per la navigazione da tastiera, le scorciatoie da tastiera e lo zoom di mouse e trackpad, il "clic con il tasto destro del mouse" e il comportamento al passaggio del mouse.
Cosa fare e cosa non fare

Cosa fare
- Creare layout a due riquadri
- Utilizzare i layout a griglia e a colonne
- Sostituzione delle barre di navigazione con barre di navigazione e riquadri a scomparsa
- Usa l'incorporamento dell'attività nelle app legacy multiattività
- Supporta funzionalità avanzate di tastiera, mouse e trackpad

Cosa non fare
- Estendi gli elementi dell'interfaccia utente (campi di testo, pulsanti, finestre di dialogo) per riempire lo spazio aggiuntivo
- Allargare o ritagliare le immagini
- Aumenta la larghezza dei riquadri o dei fogli
Linee guida
Segui le linee guida di livello 2 per ottimizzare le tue app per gli schermi di grandi dimensioni.
UX
Supporta schermi di tutte le dimensioni su dispositivi di ogni tipo con layout reattivi/adattivi che offrono un'esperienza utente ottimale.
Cosa
I layout delle app sono conformi alle dimensioni degli schermi di grandi dimensioni. L'UI dell'app include:
- Barre di navigazione e cassetti all'avanguardia
- Layout a griglia che si adattano alle dimensioni delle finestre
- Layout delle colonne
- Riquadri sul bordo finale che sono aperti per impostazione predefinita su schermi di grandi dimensioni
I layout a due riquadri sfruttano l'ampio spazio sullo schermo. Le app multiattività implementano l'incorporamento delle attività per creare layout a più riquadri delle attività una accanto all'altra.
I touch target sono grandi e raggiungibili. I disegni interattivi sono attivabili.
Perché
I dispositivi con schermi di grandi dimensioni comprendono una varietà di fattori di forma, tra cui tablet, pieghevoli e dispositivi ChromeOS. Le dimensioni dei display variano. I dispositivi vengono spesso, a volte principalmente, utilizzati per l'orientamento orizzontale.
Come
Consulta le seguenti guide per gli sviluppatori:
- Material Design - Comprensione del layout
- Supporto di schermi di dimensioni diverse
Tastiera, mouse e trackpad
Supporta dispositivi di input hardware esterni per aumentare l'usabilità delle app e la soddisfazione degli utenti.
Cosa
L'app offre un supporto migliorato per l'input da tastiera, mouse e trackpad. I menu Opzioni sono accessibili tramite clic con il tasto destro del mouse e del trackpad (pulsante secondario del mouse o tocco secondario). È possibile aumentare lo zoom dei contenuti dell'app utilizzando la rotellina di scorrimento del mouse e i gesti di pizzicatura del trackpad. Gli elementi UI hanno stati al passaggio del mouse.
Perché
Periferiche come tastiere, mouse e trackpad sono spesso collegate a dispositivi con schermi di grandi dimensioni. I dispositivi ChromeOS in genere sono dotati di tastiera e trackpad integrati. Gli utenti sono abituati a utilizzare scorciatoie da tastiera, pulsanti multipli del mouse, rotellina di scorrimento del mouse e gesti del trackpad.
Come
Consulta le seguenti guide per gli sviluppatori: