
Come impostare la modalità di navigazione della tua app
Oggi parleremo dei diversi modelli di navigazione
Giocano un ruolo cruciale nell'esperienza dei tuoi utenti e corrispondono alla navigazione principale della tua app
Per questo tutorial, useremo l'app della nostra attività locale Freyja Spa
Per selezionarne uno, vai al menu La mia app > Design > Menu di navigazione
Seleziona il modello che vuoi applicare alla tua app
Ogni template di navigazione ha le sue caratteristiche e può valorizzare le diverse sezioni della tua app, a seconda delle tue esigenze.
Scegliamo il modello Slate.
È composto da 3 parti.
La prima parte è l'header. Puoi aggiungere il tuo logo, uno shortcut verso il profilo utente, se hai attivato l'add-on di autenticazione, altri collegamenti e/o separatori
Io aggiungo semplicemente il mio logo.
Poi passiamo alla navigazione principale.
Troverai qui tutte le sezioni che hai scelto per la navigazione principale nel menu la mia app> contenuto > sezioni
Voglio evidenziare il link verso i servizi offerti dalla Spa, in modo che siano facilmente accessibili ai miei utenti.
Clicco sul link "i nostri servizi" e attivo l'opzione "metti in evidenza questo link", cambio il colore e voilà! Ecco il mio link!
Ora non mi resta che creare il footer.
Come per l'header, puoi aggiungere dei link. Io aggiungo un link al profilo dell'utente, alle impostazioni e alla pagina Facebook della Spa
Ora andiamo nel menu delle impostazioni. Puoi cambiare il design della modalità di navigazione. La visualizzazione del logo che abbiamo aggiunto prima, il colore e l'effetto dello sfondo.
I colori e il font utilizzato.
E infine configuriamo le opzioni del menu.
La visualizzazione: sempre chiusa o aperta all'avvio dell'app
Sono soddisfatto del mio design finale
Lascia che te lo mostri dal lato del cliente.
Questo è il design Slate
Per darti un'idea delle altre versioni:
Swipe
Little swipe
Tabbar e
Grid
Puoi creare il tuo menu da zero o disattivarlo e usare semplicemente la home page per la navigazione.
Ora sai come impostare il menu di navigazione della tua app
A presto per un altro tutorial
Video simili








