UX

Icona di Livello 2

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: