Se la tua app contiene più destinazioni che gli utenti possono visitare, ti consigliamo di utilizzare combinazioni di layout e navigazione di uso comune da altre app. Poiché molti utenti possiedono già i modelli mentali per queste combinazioni, la tua app sarà più intuitiva per loro.
Combinazioni di layout e navigazione
La barra di navigazione e il riquadro di navigazione a scomparsa modale vengono utilizzati come pattern di navigazione principali per le visualizzazioni del layout principale e le destinazioni di navigazione principali.
La barra di navigazione può contenere da tre a cinque destinazioni di navigazione nello stesso livello di gerarchia. Questo componente si traduce nella barra di navigazione per schermi di grandi dimensioni.
Sebbene il riquadro di navigazione a scomparsa possa contenere più di cinque destinazioni di navigazione, il pattern non è ideale come la barra di navigazione. Questo perché gli utenti devono raggiungere la barra superiore sui formati compatti.
Le schede Material 3 e la barra delle app in basso sono pattern di navigazione secondari che puoi utilizzare per integrare la navigazione principale o mostrare le visualizzazioni secondarie.
In questo caso, le schede fungono da livello di navigazione secondario per raggruppare i contenuti correlati.
Azioni del layout
Fornisci controlli per consentire agli utenti di eseguire azioni. I pattern comuni includono azioni della barra superiore, Floating Action Button (FAB) e menu.
Per le azioni di massima importanza, un FAB fornisce un pulsante grande e ben visibile per l'utente. Fornisci una sola azione alla volta a questo livello. Un FAB può essere visualizzato in più dimensioni e in una forma espansa, che include un'etichetta. Utilizza Scaffold per fissare un FAB, assicurandoti che sia sempre visibile anche durante lo scorrimento.
Un Floating Action Button (FAB) che consente agli utenti di aggiungere piante alla galleria di piante
Puoi inserire le azioni secondarie nella barra superiore o, se sono raggruppate vicino ai contenuti correlati, all'interno della pagina.
Per le azioni aggiuntive che non sono necessarie immediatamente o di frequente, aggiungile in un menu extra.
Navigazione adattiva
Utilizza il layout corretto per la classe di dimensioni della finestra. Evita di utilizzare la stessa barra di navigazione in basso per tutte le dimensioni.
Cosa fare
Cosa non fare
Le dimensioni medie possono utilizzare la barra di navigazione o gli elementi di navigazione orizzontali.
Sebbene sia compatta, una barra di navigazione potrebbe essere più ergonomica su una schermata di copertina.
Le copertine più grandi potrebbero sfruttare entrambi gli orientamenti di navigazione. Valuta in che modo l'utente potrebbe interagire con i contenuti.