LIVELLO 2: norme sulla qualità adattiva delle app che preparano la tua app per display grandi e piccoli.
Le APP OTTIMIZZATE ADATTIVE sfruttano gli ampi display dei dispositivi con schermo grande per offrire un'esperienza utente produttiva e coinvolgente.
Le app ottimizzate sono create con layout reattivi/adattivi che si adattano all'orientamento verticale e orizzontale, alla modalità multi-finestra e agli stati del dispositivo piegato e aperto. Le barre di navigazione e i riquadri migliorano un'interfaccia utente che formatta e posiziona dinamicamente elementi come pulsanti, campi di testo e finestre di dialogo per un'esperienza utente ottimale.
Le app ottimizzate adattive supportano la navigazione da tastiera, le scorciatoie da tastiera e lo zoom con 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
- Sostituisci le barre di navigazione con barre di spostamento e riquadri
- Utilizzare l'incorporamento di attività nelle app legacy con più attività
- Supportare funzionalità avanzate di tastiera, mouse e trackpad
Cosa non fare
- Estendere gli elementi della UI (campi di testo, pulsanti, finestre di dialogo) per riempire lo spazio aggiuntivo
- Allungare o ritagliare le immagini
- Rendere i pannelli o i fogli a tutta larghezza
Linee guida
Segui le linee guida di livello 2 per ottimizzare le tue app per tutti i fattori di forma, inclusi gli schermi di grandi dimensioni.
Interfaccia utente
Supporta schermi di tutte le dimensioni su dispositivi di ogni tipo con layout adattabili/responsive che offrono un'esperienza utente ottimale.
Linee guida:
Cosa
I layout delle app sono conformi alle dimensioni di visualizzazione. L'interfaccia utente dell'app include:
- Barre di navigazione e riquadri all'avanguardia
- Layout a griglia che si adattano alle modifiche delle dimensioni della finestra
- Layout delle colonne
- Pannelli sul bordo posteriore aperti per impostazione predefinita sugli schermi di grandi dimensioni
I layout a due riquadri sfruttano lo spazio degli schermi di grandi dimensioni. Le app multi-attività implementano l'incorporamento di attività per creare layout multi-riquadro di attività affiancate.
I touch target sono grandi e raggiungibili. Le risorse disegnabili interattive sono attivabili.
Perché
I dispositivi con schermo grande comprendono una varietà di fattori di forma, tra cui tablet, pieghevoli, computer, display per auto e XR. Le dimensioni del display variano. I dispositivi vengono spesso utilizzati, a volte principalmente, in orientamento orizzontale.
Come
Consulta la panoramica dell'interfaccia utente.
Tastiera, mouse e trackpad
Supporta dispositivi di input hardware esterni per aumentare l'usabilità dell'app e la soddisfazione degli utenti.
Linee guida:
Cosa
L'app offre un supporto avanzato per l'input da tastiera, mouse e trackpad. I menu contestuali sono accessibili tramite il comportamento di clic con il tasto destro del mouse (tasto del mouse secondario o tocco secondario) e del trackpad. È possibile ingrandire i contenuti delle app utilizzando la rotellina del mouse e i gesti di pizzicamento del trackpad. Gli elementi della UI hanno stati di passaggio del mouse.
Perché
Le periferiche come tastiere, mouse e trackpad vengono spesso collegate a dispositivi con schermi di grandi dimensioni. I dispositivi ChromeOS in genere hanno una tastiera e un trackpad integrati. Gli utenti sono abituati a utilizzare scorciatoie da tastiera, più pulsanti del mouse, la rotellina del mouse e i gesti del trackpad.
Come
Consulta la panoramica di Tastiera, mouse e trackpad.