Blog

TabBar: de nieuwe generatie is er

Met de nieuwe TabBar verrijken we de navigatie van je apps met 3 nieuwe layouts, meer personalisatiemogelijkheden, selectie-animaties en een multi-device-aanpak die voor elk scherm is bedacht.

Head of Product Design

  Bijgewerkt op   3 min leestijd

In een mobiele app gaat navigatie niet alleen over het wisselen van het ene naar het andere onderdeel. Ze structureert de ervaring, creëert sterke visuele ankerpunten en draagt rechtstreeks bij aan de algehele perceptie van het product. Met het nieuwe TabBar-component openen we een nieuwe etappe in het ontwerp van de navigatie, met meer designvrijheid, meer flexibiliteit in de personalisatie en een fijnere afstemming op elk apparaat.

Drie nieuwe layouts om de toon te zetten

Deze nieuwe generatie TabBar komt met drie layouts die meteen bij de lancering beschikbaar zijn: Bold TabBar, Minimal TabBar en Clean TabBar.

  • Bold TabBar geeft de navigatie meer aanwezigheid, met een sterke en duidelijke visuele structuur.
  • Minimal TabBar kiest voor een modernere en compactere aanpak.
  • Clean TabBar biedt een elegant evenwicht, met een verzorgde, veelzijdige uitstraling die zich gemakkelijk laat integreren in heel uiteenlopende grafische werelden.

Met deze drie richtingen wordt de navigatiebalk een echte stijlhefboom. Ze kan zich nauwkeuriger aansluiten op de identiteit van de app, of het nu gaat om een redactioneel project, een merk-app, een dienst, een lifestyle-universum of een e-commerce-applicatie.

Een rijkere TabBar om te personaliseren

Het nieuwe component blijft niet bij nieuwe layouts. Het past in de doorlopende evolutie van het Design System van GoodBarber en verruimt de mogelijkheden om de navigatie te personaliseren. Achtergronden, vormen, schaduwen, structuur van de items, geselecteerde statussen, "More"-menu, varianten per apparaat: elke dimensie is doordacht om meer precisie in de weergave te bieden, zonder aan de visuele samenhang van de app in te boeten. Deze nieuwe TabBar belichaamt ten volle de ambitie van ons Design System: meer creatieve vrijheid, zonder ooit toe te geven op uitvoeringskwaliteit.

De selectie-animaties ondersteunen deze evolutie door interacties vloeiender te maken, statuswijzigingen beter leesbaar te tonen en een nog verzorgder interfacegevoel te geven.

Op iOS, Android en PWA kan de nieuwe TabBar bovendien profiteren van Material Blur-effecten, die diepte en een nog premium-uitstraling aan de visuele weergave toevoegen.

Een navigatie die voor elk scherm is bedacht

Deze evolutie weerspiegelt ook een uitgesprokenere multi-device-aanpak. Op mobiel behoudt de TabBar haar natuurlijke positie onderaan het scherm. Op desktop wordt ze verticaal om de beschikbare ruimte beter te benutten en aan te sluiten op de gewoontes van grote schermen.

Deze keuze trekt de mobile-first-logica van GoodBarber door en bevestigt tegelijk een echte aanpassingskwaliteit op desktop. Het gaat er niet om overal dezelfde navigatie te tonen, maar om een ervaring te bieden die past bij elke gebruikscontext.

Een nieuwe etappe voor het design van apps op GoodBarber

Met dit nieuwe component vergroot GoodBarber de mogelijkheden voor iedereen die een mobiele app met premium design wil maken, zonder de productie-eenvoud van no-code te verlaten.

Expressiever, beter aan te passen, vloeiender en beter doordacht voor elk scherm: deze nieuwe TabBar geeft de navigatie in GoodBarber-apps een nieuwe dimensie. Een evolutie die zowel de waargenomen kwaliteit van de interfaces als de creatieve vrijheid voor designers, merken, media en alle app-creators versterkt.

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.