Blog

Minimal TabBar : une navigation compacte, icon-only et résolument moderne

Minimal TabBar s’adresse aux apps qui recherchent une navigation plus compacte, plus moderne et recentrée sur l’essentiel. Avec son approche icon-only, son look flottant, ses indicateurs de sélection et son menu "More" dans la continuité de la tabBar, ce layout propose une lecture simple, actuelle et très soignée de la navigation.

Head of Product Design

  3 min de lecture

Parmi les trois layouts de lancement de la nouvelle génération de TabBar, Minimal TabBar est celui qui pousse le plus loin l’idée de simplification visuelle.

Ici, la navigation va à l’essentiel. La tabBar adopte une approche icon-only, sans texte, avec une composition plus compacte et un rendu flottant très contemporain. L’ensemble prend peu de place, se lit immédiatement et donne à l’interface une présence plus légère, plus nette et plus moderne.

Une navigation icon-only, compacte et flottante

Minimal TabBar repose sur une idée simple : réduire la navigation à ses éléments les plus essentiels.

Les libellés disparaissent, les icônes suffisent à structurer la lecture, et la tabBar adopte une forme plus resserrée. Ce choix donne à la navigation un rendu plus compact, mais aussi plus graphique. La TabBar devient un élément direct, facile à repérer et bien intégré à l’écran, sans surcharger l’interface.

Son autre caractéristique forte est son floating look. La tabBar ne s’inscrit pas comme un bloc massif collé au bord de l’écran. Elle semble posée dans l’interface avec plus de légèreté, ce qui renforce immédiatement la modernité du rendu.

Un état sélectionné plus subtil, avec plusieurs types d’indicateurs

Minimal TabBar ne se contente pas de proposer un fond sur l’item sélectionné. Le composant permet aussi de jouer avec l’indicateur de sélection.

Selon les paramètres choisis, il est possible d’utiliser :

  • un fond pour l’item actif,
  • un indicateur de type Dot,
  • ou un indicateur de type Tiny.

C’est un point particulièrement intéressant, car cela permet d’ajuster très finement la manière dont l’état actif s’exprime dans la navigation. Selon le niveau de présence recherché, la sélection peut être plus marquée ou au contraire plus discrète, tout en restant toujours lisible.

Cette souplesse correspond parfaitement à l’esprit du layout : une navigation compacte, mais jamais pauvre dans son niveau de finition.

Des animations qui s’adaptent au style choisi

L’un des apports les plus intéressants du nouveau composant TabBar, c’est que les animations de sélection s’adaptent aux paramètres appliqués.

L’animation accompagne donc la logique visuelle retenue pour la tabBar et pour l’état actif. Si l’item sélectionné utilise un fond, le mouvement suit ce choix. Si la sélection repose sur un indicateur plus discret comme Dot ou Tiny, la transition s’ajuste en conséquence.

C’est un vrai plus, parce que cela permet de conserver une cohérence entre le dessin du layout et son comportement. Dans Minimal TabBar, cette logique renforce la sensation de finesse et de précision. Les transitions restent fluides, mais toujours au service du style choisi.

À cela s’ajoutent les effets haptics, qui renforcent la sensation de précision et accompagnent la navigation avec plus de finesse.

Un menu "More" fidèle à la logique compacte du layout

Le menu "More", qui donne accès aux onglets masqués, de Minimal TabBar reprend lui aussi l’esprit du layout.

Il conserve un design simple, compact et bien proportionné, dans la continuité directe de la tabBar. Sa hauteur s’ajuste à son contenu, en cohérence avec l’approche resserrée et essentielle portée par ce layout.

Sur mobile comme sur desktop, cette continuité visuelle participe à une navigation simple, maîtrisée et très bien intégrée à l’interface.

Une navigation compacte, mais très travaillée

Minimal TabBar montre qu’une navigation très resserrée peut aussi être riche dans ses possibilités.

Avec son approche icon-only, son floating look, ses différents indicateurs de sélection, ses animations adaptées et son menu "More" compact, ce layout propose une lecture particulièrement moderne de la navigation mobile.

Pour les apps qui recherchent une navigation plus compacte, plus graphique et plus contemporaine, Minimal TabBar constitue une base particulièrement efficace.

À lire aussi

  4 min de lecture

Vos événements et collectes Zeffy s'affichent dans votre app

En bref. Zeffy Événements et Zeffy Campagnes sont deux extensions de GoodBarber, l'app builder sans code, qui lisent les campagnes d'un organisme sur Zeffy. Zeffy Événements remplit une section Agenda avec les événements à venir, une entrée par date quand un événement a lieu plusieurs fois, chacune avec un bouton qui ouvre la billetterie Zeffy dans l'app. Zeffy Campagnes remplit une section Article avec les formulaires de don, les collectes entre pairs et les adhésions : l'adhésion s'ouvre dans l'app, le don dans le navigateur du téléphone. Vous les connectez avec votre clé d'API Zeffy. Elles sont gratuites pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.Zeffy indique que plus de 100 000 organismes ont collecté plus de 2 milliards de dollars sur sa plateforme, dans un article publié le 16 juin 2026. Voici comment les deux extensions fonctionnent pour une troupe de théâtre jeunesse qui vend son spectacle et collecte des fonds sur Zeffy.

  6 min de lecture

Comment changer les couleurs de mon app ?

Dans GoodBarber, chaque couleur de votre thème tient un rôle. Sur l'une de nos apps, changer une seule couleur a repeint 95 réglages, sans ouvrir d'écran.

  3 min de lecture

Les événements Church Center de votre église remplissent seuls l'agenda de votre app

En bref. Planning Center est une extension de GoodBarber, l'app builder sans code, qui remplit une section Agenda avec les événements qu'une église publie sur Church Center pour les six mois à venir. Les événements récurrents apparaissent une fois par date, à leurs horaires publics, dans le fuseau horaire de l'église, avec leur visuel, leur lieu et leur description. Quand une inscription est prévue, un bouton ouvre le formulaire dans l'app. Vous la connectez en vous identifiant avec un compte administrateur de Planning Center Calendar : aucune clé à copier. Elle est gratuite pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.De nombreuses églises tiennent déjà leur agenda dans Planning Center : l'outil revendique 78 000 églises actives et 4 millions d'utilisateurs actifs, selon sa page de présentation, consultée en octobre 2026. Voici comment l'extension fonctionne pour une église qui a un culte chaque semaine et un camp de jeunes.

Conseils pour créer une app