LIVELLO 2: ottimizzato per schermi grandi
Per gli utenti, l'interfaccia utente è l'app. L'UI determina l'esperienza utente, che determina la soddisfazione degli utenti, l'utilizzo dell'app, gli acquisti in-app e la fidelizzazione dei clienti.
Gli schermi di grandi dimensioni offrono uno spazio di visualizzazione ampio per UI innovative e adattabili che offrono un'esperienza utente che gli schermi piccoli non possono replicare.
Ottimizza la tua app per gli schermi di grandi dimensioni includendo i seguenti elementi dell'interfaccia utente:
- Barra di navigazione o riquadro di navigazione a scomparsa
- Touch target di grandi dimensioni
- Menu e finestre di dialogo ben posizionati
- Layout con più riquadri
Layout adattivi
Crea layout adattabili che ottimizzano l'interfaccia utente della tua app su schermi grandi e piccoli. Progettare e creare per più fattori di forma contemporaneamente. Rendi la tua app adatta al futuro per i nuovi tipi di dispositivi.
Layout canonici
Sfrutta i layout comprovati per schermi di grandi dimensioni per rendere eccezionale l'esperienza utente della tua app. Crea un layout di elenco dettagliato, riquadro di supporto o feed per gestire e usufruire più facilmente di più contenuti.
UI reattiva
Formatta gli elementi dell'interfaccia utente in base alle dimensioni dello schermo. Limita la larghezza di pulsanti, schede e campi di testo che sono a larghezza intera su schermi piccoli a dimensioni funzionali appropriate su schermi di grandi dimensioni. Non lasciare che le finestre di dialogo e altre finestre modali riempiano l'intero schermo. Posiziona i menu contestuali e altri popup correlati agli elementi adiacenti all'elemento selezionato dall'utente, non al centro dello schermo.
Incorporamento delle attività
Aggiorna le app precedenti basate sulle attività con layout a più riquadri su schermi di grandi dimensioni. Non è necessario il refactoring del codice. Configura i layout in XML o con alcune chiamate all'API WindowManager di Jetpack.
Passaggi successivi
Per scoprire di più sullo sviluppo dell'interfaccia utente per un'esperienza utente ottimizzata, consulta le seguenti guide per sviluppatori:
- Informazioni sui layout adattivi
- Layout canonici
- Creare una navigazione adattabile
- Incorporamento delle attività