HomeCasa Scegliere il pattern di navigazione di un’app mobile: tab bar, drawer o altro
Confronta tab bar, menu laterale, tab superiori e altri pattern per la tua app, con una raccomandazione motivata, la struttura delle sezioni, le convenzioni iOS e Android e un piano di validazione. Pensato per ChatGPT, Claude, Gemini e Microsoft Copilot. Include 6 variabili personalizzabili e puoi copiarlo gratuitamente con un clic.
Intermedio · Testo · In attesa di revisione editoriale
Prompt
Agisci come interaction designer specializzato in app mobili native e multipiattaforma.
Contesto:
- App: {{app}}
- Piattaforma: {{piattaforma}}
- Sezioni o destinazioni attuali: {{sezioni}}
- Attività principali e loro frequenza: {{attivita}}
- Utenti: {{utenti}}
- Problema di navigazione attuale (se presente): {{problema}}
Consegne:
1. Inventario delle destinazioni raggruppate per frequenza e importanza, indicando quali sono di primo livello e quali possono stare dentro altre sezioni o nel profilo.
2. Tabella di confronto dei pattern (tab bar inferiore, menu laterale, tab superiori, navigazione a hub, pulsante d'azione flottante, navigazione contestuale): pro, contro e adeguatezza per questa app da 1 a 5.
3. Raccomandazione finale con la struttura concreta: quali destinazioni vanno nella barra (massimo 5), icone ed etichette proposte, cosa succede alle altre e quale schermata si apre per prima.
4. Convenzioni della piattaforma: comportamento del pulsante o gesto indietro, mantenimento dello stato di ogni tab, deep link e notifiche che aprono una sezione.
5. Descrizione testuale del wireframe di navigazione nella home e in una schermata di dettaglio.
6. Casi limite: badge di notifica, tastiera aperta, orientamento orizzontale e tablet.
7. Accessibilità: etichette di testo accanto alle icone, aree di tocco di 44 pt / 48 dp, ordine logico per gli screen reader e stato selezionato annunciato.
8. Piano di validazione: tree test o first-click test con 5-8 task e metriche di successo.
Vincoli:
- Non inventare dati di analytics; se servono, usa [DA COMPLETARE: dato di utilizzo reale].
- Motiva la raccomandazione con le attività degli utenti, non con le mode.
- Se mancano dati chiave sulla frequenza d'uso, chiedimeli prima di raccomandare.
Formato: tabella di confronto, raccomandazione con struttura in elenco, wireframe testuale e piano di validazione.Come usarlo
- Elenca tutte le sezioni attuali e le attività più frequenti. 2. Rivedi la tabella di confronto con il team e scegli la struttura. 3. Validala con un tree test prima di passare all’alta fedeltà.
Esempio d'uso
App: consegna di cibo a domicilio · Piattaforma: entrambe · Sezioni: home, cerca, ordini, preferiti, coupon, profilo, aiuto · Problema: nessuno trova i coupon.
Esempio di risultato
Confronto dei pattern
| Pattern | Pro | Contro | Adattamento (1-5) |
|---|---|---|---|
| Tab bar in basso | Sempre visibile, a portata di pollice | Massimo 5 destinazioni | 5 |
| Menu laterale | Contiene molte sezioni | Nasconde l'essenziale (il problema attuale dei coupon) | 2 |
| Tab in alto | Utile per viste sorelle | Lontano dal pollice | 2 |
| Pulsante flottante | Mette in risalto un'azione | Non c'è un'unica azione dominante | 1 |
Raccomandazione
Una barra in basso con 4 destinazioni, giustificata dalla frequenza delle attività:
- Home (casa): ordinare cibo, attività settimanale.
- Cerca (lente): punto di partenza alternativo per ordinare.
- Ordini (scontrino): tracciamento a ogni ordine; badge per l'ordine in corso.
- Profilo (persona): preferiti, aiuto e impostazioni al suo interno.
Coupon: nessuna tab dedicata (uso mensile), ma visibili nel riepilogo del carrello e come card in Home, proprio dove servono. L'app si apre su Home.
Validazione
First-click test con 6 task, ad es. «Hai un codice sconto: dove lo useresti?». Successo: ≥ [DA COMPLETARE: soglia] di primi clic corretti…
Dati chiave
- Categoria
- Design UI/UX · Interfacce mobile
- Tipo di output
- Testo
- Livello
- Intermedio
- Pensato per
- ChatGPT, Claude, Gemini e Microsoft Copilot
- Verificato in
- In attesa di verifica editoriale
- Variabili
- App, Piattaforma, Sezioni attuali, Attività e frequenza, Utenti e Problema attuale
- Lingua
- Italiano
- Prezzo
- Gratuito, senza registrazione
- Aggiornato
- 07/11/2026
Domande frequenti
Quante tab può avere una barra di navigazione inferiore?
Da tre a cinque. Oltre cinque, le destinazioni diventano difficili da toccare e da capire, quindi conviene raggruppare o spostare le sezioni secondarie nel profilo.
Il menu hamburger è sconsigliato?
Non sempre, ma nasconde le destinazioni e di solito ne riduce la scoperta. Funziona meglio per sezioni poco usate o app con molte destinazioni di pari importanza.
A cosa serve questo prompt?
Confronta tab bar, menu laterale, tab superiori e altri pattern per la tua app, con una raccomandazione motivata, la struttura delle sezioni, le convenzioni iOS e Android e un piano di validazione.
Con quali strumenti di IA funziona?
È pensato per ChatGPT, Claude, Gemini e Microsoft Copilot. Non lo abbiamo ancora verificato in questi strumenti, quindi i risultati possono variare da uno all'altro.
Come personalizzo il prompt?
Clicca su «Personalizza» e compila le variabili (App, Piattaforma, Sezioni attuali, Attività e frequenza, Utenti e Problema attuale). Il testo si aggiorna all'istante e poi puoi copiarlo con un clic. I valori vengono salvati solo nel tuo browser.
Serve esperienza per usarlo?
È di livello intermedio: conviene conoscere l'argomento per fornire un buon contesto e valutare il risultato con occhio critico.
Questo prompt è gratuito?
Sì. Tutti i prompt di HomeCasa Prompts sono gratuiti, senza registrazione né abbonamento. Puoi usarli anche in progetti professionali.
Posso fidarmi dell'output dell'IA?
Consideralo una bozza di alta qualità: verifica sempre dati, cifre e affermazioni importanti prima di pubblicare o prendere decisioni.