Schermo grande ottimizzato

Icona Livello 2

LIVELLO 2: norme sulla qualità delle app per schermi grandi che preparano la tua app per display grandi e piccoli.

Raffigurazione di tre livelli con il livello intermedio, il livello 2, evidenziato.

LE APP OTTIMIZZATE PER GLI SCHERMI DI GRANDI DIMENSIONI sfruttano i numerosi schermi dei dispositivi con schermi grandi per offrire un'esperienza utente produttiva e coinvolgente.

Le app ottimizzate sono dotate di layout adattabili/adattivi che si adattano agli orientamenti verticale e orizzontale, alla modalità multi-finestra e agli stati del dispositivo piegato e aperto. 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 gli schermi di grandi dimensioni supportano la navigazione da tastiera, le scorciatoie da tastiera, lo zoom di mouse e trackpad, il "clic con il tasto destro del mouse" e il comportamento del passaggio del mouse.

Cosa fare e cosa non fare

Cosa fare

  • Creare layout a due riquadri
  • Utilizzare i layout a griglia e a colonne
  • Sostituisci le barre di navigazione con binari di navigazione e cassetti
  • Utilizza l'incorporamento delle attività nelle app legacy multi-attività
  • Supporto di funzionalità avanzate per tastiera, mouse e trackpad

Cosa non fare

  • Allunga gli elementi dell'interfaccia utente (campi di testo, pulsanti, finestre di dialogo) per riempire lo spazio
  • Estendi o ritaglia immagini
  • Ingrandisci riquadri o fogli a larghezza intera

Linee guida

Segui le linee guida di Livello 2 per ottimizzare le tue app per gli schermi di grandi dimensioni.

Esperienza utente

Supporta schermi di tutte le dimensioni su dispositivi di tutti i tipi con layout adattabili/adattivi che offrono un'esperienza utente ottimale.

Linee guida da LS-U1 a LS-U4

Cosa

I layout delle app sono conformi alle dimensioni degli schermi di grandi dimensioni. La UI dell'app include:

  • Guide di navigazione e cassetti all'avanguardia
  • Layout della griglia che si adattano alle dimensioni delle finestre
  • Layout delle colonne
  • Riquadri aperti per impostazione predefinita su schermi di grandi dimensioni

I layout a due riquadri sfruttano l'ampio spazio dello schermo. Le app multiattività implementano l'incorporamento delle attività per creare layout a più riquadri delle attività affiancate.

I touch target sono grandi e raggiungibili. I disegni interattivi sono attivabili.

Perché

I dispositivi con schermo 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 utilizzati, a volte principalmente, con orientamento orizzontale.

Come

Consulta le seguenti guide per gli sviluppatori:

Tastiera, mouse e trackpad

Supporta dispositivi di input hardware esterni per aumentare l'usabilità delle app e la soddisfazione degli utenti.

Linee guida da LS-I3 a LS-I9

Cosa

L'app offre un supporto migliorato per l'input da tastiera, mouse e trackpad. I menu delle opzioni sono accessibili tramite il comportamento di clic con il tasto destro del mouse (pulsante del mouse o tocco secondario tramite il mouse e il trackpad). È possibile eseguire lo zoom dei contenuti delle app utilizzando la rotellina del mouse e i gesti di pizzicatura del trackpad. Gli elementi UI hanno stati di 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, più pulsanti del mouse, rotellina di scorrimento e gesti con il trackpad.

Come