Le app che utilizzano layout reattivi e si adattano automaticamente a diverse dimensioni dello schermo offrono un valore aggiunto agli utenti e forniscono esperienze utente più produttive e coinvolgenti.
I layout reattivi formattano e posizionano in modo dinamico elementi come pulsanti, campi di testo e finestre di dialogo per un'esperienza utente ottimale. Offri automaticamente agli utenti della tua app un valore aggiunto su schermi più grandi utilizzando pratiche di progettazione responsive. Che si tratti di più testo visibile a colpo d'occhio, più azioni sullo schermo o target di tocco più grandi e accessibili, le pratiche reattive offrono un'esperienza migliorata per gli utenti di schermi più grandi.
Aggiungere valore tramite il design responsivo
Cosa fare
- Utilizza la libreria di componenti M3 Compose, che ha un comportamento reattivo e adattivo integrato.
- Utilizza layout adattabili, che si adattano automaticamente e senza problemi per riempire lo spazio disponibile su tutte le dimensioni dello schermo.
Cosa non fare
- Estendi gli elementi dell'interfaccia utente, inclusi campi di testo, pulsanti e dialoghi, per riempire lo spazio aggiuntivo.
- Aumenta le dimensioni dei caratteri, a meno che non abbiano uno scopo principalmente grafico.
Esempi
Le seguenti immagini mostrano esempi di app adattabili e ottimizzate.
Pulsanti che aderiscono al bordo
Elenco delle carte
Elenco di pulsanti e selettori
Riquadro con schede immagine
Elenco di schede con immagini
Riquadro con grafico
