Blog

Minimal TabBar: een compacte, icon-only en resoluut moderne navigatie

Minimal TabBar richt zich op apps die op zoek zijn naar een compactere, modernere en op het essentiële gerichte navigatie. Met zijn icon-only-aanpak, zijn floating look, zijn selectie-indicatoren en zijn "More"-menu in directe verlenging van de tabBar biedt deze layout een eenvoudige, eigentijdse en bijzonder verzorgde lezing van de navigatie.

Onder de drie launch-layouts van de nieuwe generatie TabBar is Minimal TabBar degene die het idee van visuele vereenvoudiging het verst doorvoert.

Hier gaat de navigatie naar de essentie. De tabBar hanteert een icon-only-aanpak, zonder tekst, met een compactere compositie en een zeer eigentijdse, zwevende weergave. Het geheel neemt weinig ruimte in, is direct leesbaar en geeft de interface een lichtere, scherpere en modernere aanwezigheid.

Een icon-only, compacte en zwevende navigatie

Minimal TabBar berust op een eenvoudig idee: de navigatie terugbrengen tot haar meest essentiële elementen.

De labels verdwijnen, de iconen volstaan om de lezing te structureren en de tabBar krijgt een strakkere vorm. Deze keuze geeft de navigatie een compactere, maar ook grafischere weergave. De TabBar wordt een direct element, makkelijk te herkennen en goed geïntegreerd in het scherm, zonder de interface te overladen.

Het andere sterke kenmerk is haar floating look. De tabBar staat niet als een massief blok tegen de rand van het scherm geplakt. Zij lijkt met meer lichtheid in de interface geplaatst, wat de moderniteit van de weergave onmiddellijk versterkt.

Een subtielere geselecteerde staat, met meerdere soorten indicatoren

Minimal TabBar beperkt zich niet tot het aanbieden van een achtergrond op het geselecteerde item. Het component laat ook toe om met de selectie-indicator te spelen.

Afhankelijk van de gekozen instellingen kun je gebruiken:

  • een achtergrond voor het actieve item,
  • een indicator van het type Dot,
  • of een indicator van het type Tiny.

Dat is een bijzonder interessant punt, want het laat toe om heel fijn af te stemmen hoe de actieve staat zich in de navigatie uitdrukt. Afhankelijk van de gewenste aanwezigheid kan de selectie sterker uitkomen of juist discreter blijven, terwijl ze altijd leesbaar blijft.

Deze soepelheid past perfect bij de geest van de layout: een compacte navigatie, maar nooit arm in haar afwerking.

Animaties die zich aan de gekozen stijl aanpassen

Een van de interessantste bijdragen van het nieuwe TabBar-component is dat de selectie-animaties zich aanpassen aan de toegepaste instellingen.

De animatie volgt dus de visuele logica die voor de tabBar en voor de actieve staat is gekozen. Gebruikt het geselecteerde item een achtergrond, dan volgt de beweging die keuze. Berust de selectie op een discretere indicator zoals Dot of Tiny, dan past de overgang zich daarop aan.

Dat is een echte meerwaarde, want zo blijft de samenhang tussen het ontwerp van de layout en zijn gedrag behouden. In Minimal TabBar versterkt deze logica het gevoel van fijnheid en precisie. De overgangen blijven vloeiend, maar staan altijd ten dienste van de gekozen stijl.

Daar komen nog de haptische effecten bij, die het gevoel van precisie versterken en de navigatie met nog meer finesse begeleiden.

Een "More"-menu dat trouw blijft aan de compacte logica van de layout

Het "More"-menu van Minimal TabBar, dat toegang geeft tot de verborgen tabs, neemt eveneens de geest van de layout over.

Het behoudt een eenvoudig, compact en goed geproportioneerd design, in directe verlenging van de tabBar. Zijn hoogte past zich aan zijn inhoud aan, in lijn met de strakke en essentiële benadering die deze layout draagt.

Zowel op mobiel als op desktop draagt deze visuele continuïteit bij aan een eenvoudige, beheerste navigatie die uitstekend in de interface is geïntegreerd.

Een compacte, maar zeer doordachte navigatie

Minimal TabBar toont aan dat een zeer strakke navigatie ook rijk aan mogelijkheden kan zijn.

Met zijn icon-only-aanpak, zijn floating look, zijn verschillende selectie-indicatoren, zijn aangepaste animaties en zijn compacte "More"-menu biedt deze layout een bijzonder moderne lezing van de mobiele navigatie.

Voor apps die op zoek zijn naar een compactere, grafischere en eigentijdsere navigatie vormt Minimal TabBar een bijzonder doeltreffende basis.

Lees verder

  4 min leestijd

De nieuwe back office van GoodBarber: meer overzicht bij het maken van je app

Alles begint bij het ontwerp. Een nieuw lettertype, Plus Jakarta Sans, een blauw voor de interface, een groen voor alles wat publiceert en bevestigt, zachtere hoeken, subtiele schaduwen en opnieuw getekende iconen. Het geheel leest rustig en elke kleur heeft een rol: blauw wijst de weg, groen bevestigt.In My App staat de preview van je app in het midden van het scherm en zijn de instellingen gebundeld in een paneel aan de rechterkant. Aan de ene kant pas je aan, aan de andere kant zie je het resultaat, en je app blijft de hele tijd in beeld.

  3 min leestijd

Je Ticketmaster-evenementen vullen nu vanzelf de agenda van je app

Kort gezegd. Ticketmaster is een extensie van GoodBarber, de no-code app builder, die een agendasectie vult met de komende evenementen die een zaal via Ticketmaster verkoopt. Elk evenement komt binnen met afbeelding, beschrijving, datum en tijdstip, en een knop om tickets te kopen op Ticketmaster; geannuleerde evenementen worden niet getoond. Je koppelt de extensie met een gratis sleutel van het ontwikkelaarsportaal van Ticketmaster en de id van je zaal. Ze is gratis voor Content-apps: elke sectie telt als een van de extensies die in je abonnement zitten.Veel zalen verkopen er al. Ticketmaster verkocht in 2025 in totaal 346 miljoen tickets met servicekosten, volgens de jaarresultaten van Live Nation, gepubliceerd op 19 februari 2026. Zo werkt de extensie voor een concertzaal die al haar voorstellingen via Ticketmaster verkoopt.

  5 min leestijd

Vind antwoorden in podcasts met GoodBarber Chatbot

Neem een lokale radiozender met liveprogramma’s, een programmaschema en interviews die op aanvraag in de app beschikbaar zijn. Elke opname heeft een titel en een beschrijving. Die helpen luisteraars door de inhoud te bladeren, maar een interview bevat vaak nuttige details die niet in de samenvatting staan.In ons voorbeeld heet de aflevering ‘De stad die we delen’. De beschrijving introduceert een gesprek over het dagelijks leven in de stad. Tijdens de opname legt een stedenbouwkundige uit welke maatregelen de stad tegen zomerhitte wil nemen: bomen planten langs schoolroutes, meer schaduw op schoolpleinen creëren en sommige verharde oppervlakken vervangen door groene zones.Geen van die maatregelen staat in de titel of de beschrijving. Een luisteraar herinnert zich het onderwerp en vraagt:Welke aflevering legde uit hoe de stad de zomerhitte wil verminderen?We hebben audiopodcasts toegevoegd als kennisbronnen voor GoodBarber Chatbot, zodat dit soort vragen naar je programma’s kunnen leiden. Er zijn twee niveaus: de geschreven informatie die je bij elke aflevering publiceert en de gesproken inhoud die je laat transcriberen.