Bold TabBar: una navigazione più presente, pensata per strutturare l'interfaccia

Tra i tre layout di lancio della nuova generazione di TabBar, Bold TabBar è quello che assume nel modo più chiaro la propria presenza nell'interfaccia.

Qui, la navigazione non cerca di passare inosservata. Inquadra lo schermo, stabilisce una gerarchia visiva netta e partecipa pienamente allo stile dell'app. Questo layout è particolarmente adatto alle app ricche di contenuti o con una forte identità, dove la navigazione deve essere visibile, leggibile e coinvolgente.

Bold TabBar consente di integrare un elemento distinto, ovvero un accesso separato visivamente dal resto della barra.

Questa logica richiama la recente evoluzione delle tab bar di Apple, in cui alcuni accessi chiave, in particolare Search, possono essere presentati come una scheda visivamente distinta per rimanere immediatamente accessibili e più facilmente identificabili.

In GoodBarber, questo elemento distinto permette di mettere in evidenza una sezione importante, un punto di ingresso prioritario o un accesso particolare senza sovraffollare la lettura della navigazione principale. Visivamente, trova il suo posto nella composizione e rafforza l'idea di una TabBar più espressiva.

Questo è un punto di forza del layout: la navigazione può gerarchizzare i propri accessi in modo molto più chiaro, mantenendo al contempo la coerenza.

Il principio di Bold TabBar è semplice: l'elemento selezionato si vede immediatamente.

Questa valorizzazione avviene tramite uno sfondo pieno che evidenzia chiaramente la scheda attiva. L'utente individua in un colpo d'occhio dove si trova, mentre la navigazione guadagna in impatto visivo. Questo trattamento funziona particolarmente bene nelle interfacce che ricercano una gerarchia netta e una presenza grafica più marcata.

Il risultato è molto diretto: la TabBar non si limita ad allineare icone o etichette. Struttura la lettura dello schermo e dà più peso allo stato attivo.

Un altro contributo importante del layout: il menu "More". Il menu "More" dà accesso alle sezioni non visibili nella TabBar, preservando al contempo una navigazione chiara ed equilibrata.

Qui non assomiglia a un pannello generico aggiunto accanto alla navigazione. Al contrario, adotta i codici visivi della barra e segue i suoi parametri di design. Forme, stile generale, livello di presenza: il menu "More" rimane nello stesso linguaggio visivo della TabBar.

Su desktop, questa logica acquista ancora più senso. La navigazione diventa verticale e il menu "More" si estende nella sua continuità. L'insieme dà l'impressione di un componente unico, coerente e ben disegnato, piuttosto che di un assemblaggio di elementi separati. Questa continuità si percepisce in modo particolare al momento dell'apertura del menu "More", con un'animazione che accompagna naturalmente la retrazione della tabBar e prolunga il movimento del componente.