Aggiornamento Design: una nuova template di TabBar

Marie Pireddu

22 feb 2023 Aggiornato il 3 mag 2023 3 min di lettura

Esistono diverse soluzioni per presentare ed organizzare il menù della tua app, o gli elementi di navigazione.
La soluzione che magari è la più popolare è la barra di navigazione in basso dello schermo.
Già proponiamo una template di TabBar fra 5 altre template di navigazione attualmente disponibile. Ed oggi, siamo felici di presentarti una nuova template molto fashion: la TabBar fluttuante.

Perche la TabBar è un modo di navigazione popolare?

La barra di navigazione inferiore segue la « regola design del pollice », che dice che la maggior parte dei utenti di un’app navigano usando il loro pollice. Questa regola suggerisce che i schermi e le pagine essenziali di un’app devono essere a portata di pollice dell''utente. In basa a questa regola, la barra di navigazione inferiore diventa un elemento essenziale dell’app. Piazza le sezioni essenziali dell’app a portata di pollice dell’utente, migliorando la comodità e l’accessibilità.

Buone pratiche per una TabBar:

Limitare il numero di destinazione: si raccomanda di mettere 3 a 5 sezioni della tua app nella navigazione inferiore. Se ne usi più di 5, rischi di avere un interfaccia disordinata. Gli utenti potrebbero cliccare su una sezione sbagliata. Il fatto di aggiungere di più schede fa crescere la complessità dell’app, una cosa che può avere un’impatto sulla prestazione dell’app.Se la tua app comporta più di 5 sezioni, puoi usare un icona « hamburger » similare a quella di Google. Puoi anche mettere le sezioni in più in un altro posto più accessibile che nella barra di navigazione inferiore. Lo header dell’app, per esempio.
Non tagliare i titoli: quando crei testi per le icone del tuo menù di navigazione, fornisci spiegazioni breve e significante. Si raccomanda di evitare un testo troppo lungo che potrebbe essere tagliato. I tuoi utenti non saranno interessati se vedono « Cose da… »
Essere coerente con le icone utilizzate: L’uso di icone nella tua app è un buon mezzo di mettere in avanti le sezioni le più importante dell’app. Essendo attento ai dettagli e assicurandosi che le icone scelte siano giuste e coerente, puoi rendere la tua app attrattiva e più semplice ad utilizzare. Non impostare colori diversi per ogni icona: potrebbe lasciare l’utente confuso. Lo schema di colori usato nella barra di navigazione inferiore deve essere in accordo con il tema generale dell’app. Se usi un tema di GoodBarber, non preoccuparti a questo livello ;) I nostri designer hanno pensato a tutto: il design sarà automaticamente coerente in tutta l’applicazione.

New back-office della tua app, vai al menù Struttura & Design > Struttura > Sezioni, poi clicca sulla sezione Menù. Si apre il pannello di edizione per il menù di navigazione. Selezione la template Floating TabBar e poi personalizza la template.

Continua a leggere

27 ott 2026 3 min di lettura

I tuoi eventi e le tue campagne Givebutter ora compaiono nella tua app

In breve. Givebutter Eventi e Givebutter Campagne sono due estensioni di GoodBarber, l'app builder no-code, che leggono le campagne di un'organizzazione non profit su Givebutter. Givebutter Eventi riempie una sezione agenda con i prossimi eventi, con il loro orario nel fuso orario dell'evento e il loro luogo, a meno che tu non lo riservi ai soli partecipanti. Givebutter Campagne riempie una sezione di articoli con i moduli e le pagine di raccolta fondi attivi, con la loro immagine di copertina e la descrizione. Le colleghi con una chiave API Givebutter. Entrambe sono gratuite per le app Content: ogni sezione conta come una delle estensioni incluse nel tuo piano.Molte donazioni passano già da Givebutter. In occasione del Giving Tuesday 2025, i sostenitori hanno donato 20 milioni di dollari sulla piattaforma, contro i 16,4 milioni del 2024, da oltre 93.000 donatori su 16.000 campagne attive, secondo il resoconto di Givebutter pubblicato l'8 dicembre 2025. Ecco come funzionano le due estensioni per un rifugio per animali.

26 ott 2026 4 min di lettura

Tutte le funzionalità di GoodBarber, sotto i tuoi occhi

In Struttura, il pulsante «Aggiungi una sezione» apre una finestra che comincia con una domanda: «Cosa vuoi aggiungere?». Sotto, l'elenco raccoglie tutto quello che GoodBarber sa aggiungere a un'app, ordinato in base a ciò che ogni voce le porta: ciò che aggiunge una sezione, ciò che riempie una sezione da un servizio che usi già, ciò che lavora in background senza aggiungere schermate e ciò che arricchisce una sezione già presente. Le idee da costruire con l'AI Extension Builder hanno un gruppo tutto loro.

23 ott 2026 4 min di lettura

I tuoi eventi e le tue raccolte fondi Zeffy ora compaiono nella tua app

In breve. Zeffy Eventi e Zeffy Campagne sono due estensioni di GoodBarber, l'app builder no-code, che leggono le campagne di un'organizzazione non profit su Zeffy. Zeffy Eventi riempie una sezione agenda con i prossimi eventi, con una voce per data quando un evento si tiene in più date, ciascuna con un pulsante che apre la sua pagina di biglietteria Zeffy nell'app. Zeffy Campagne riempie una sezione di articoli con moduli di donazione, raccolte fondi peer-to-peer e adesioni: le adesioni si aprono nell'app, le donazioni nel browser del telefono. Le colleghi con la tua chiave API Zeffy. Entrambe sono gratuite per le app Content: ogni sezione conta come una delle estensioni incluse nel tuo piano.Zeffy afferma che oltre 100.000 organizzazioni non profit hanno raccolto più di 2 miliardi di dollari tramite la sua piattaforma, in un articolo pubblicato il 16 giugno 2026. Ecco come funzionano le due estensioni per una compagnia teatrale giovanile che vende il suo spettacolo e raccoglie fondi su Zeffy.