Indietro

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