Blog

Clean TabBar: een text-only, subtiele en elegante navigatie

Clean TabBar richt zich op apps die op zoek zijn naar een discretere, elegantere en redactionelere navigatie. Met zijn text-only-aanpak, het ontbreken van een achtergrond op de actieve staat en zijn verschillende selectie-indicatoren biedt deze layout een bijzonder verzorgde en verfijnde lezing van de navigatie.

Onder de drie launch-layouts van de nieuwe generatie TabBar is Clean TabBar degene die het duidelijkst een streven naar soberheid en precisie uitdrukt.

Hier steunt de navigatie noch op zeer demonstratieve iconen, noch op een sterke achtergrond om de actieve staat te signaleren. Zij berust op een discretere, tekstuelere, elegantere schrijfwijze. Het is een layout die de tabBar een zeer leesbare plaats in de interface geeft, terwijl ze een gedoseerde aanwezigheid behoudt.

Clean TabBar werkt bijzonder goed in apps die meer ruimte willen laten voor de inhoud, voor het ritme van de pagina en voor de algehele kwaliteit van de compositie.

Een text-only navigatie, in één oogopslag duidelijk

Het principe van Clean TabBar is eenvoudig: de navigatie drukt zich in de eerste plaats uit via tekst.

De labels worden de belangrijkste herkenningspunten. Deze aanpak geeft de tabBar onmiddellijk een redactionelere, bedaarder, bijna kalmere toon. De navigatie lijkt minder beladen, directer, en vaak natuurlijker in interfaces waar inhoud, vormgeving en typografie al een belangrijke plaats innemen.

Deze keuze verandert ook het visuele ritme van het scherm. De navigatiebalk wordt lichter in haar opbouw, zonder aan leesbaarheid in te boeten. Zij begeleidt de interface met discretie, maar blijft perfect herkenbaar.

Een met finesse uitgedrukte geselecteerde staat

In Clean TabBar wordt de actieve staat niet aangeduid met een achtergrond op de tekst of het icoon. Hij drukt zich subtieler uit, dankzij een selectie-indicator.

Het component laat hier toe om met verschillende stijlen van indicatoren te spelen:

  • Dot
  • Tiny
  • Line

Deze verscheidenheid is bijzonder interessant, want zij laat toe om het niveau van accent op het actieve item zeer fijn af te stemmen. Afhankelijk van het grafische universum van de app kan de selectie zeer discreet blijven of juist iets meer uitgesproken zijn, waarbij steeds de elegantie die eigen is aan de layout behouden blijft.

Dat is een van de sterke punten van Clean TabBar: zij laat zien dat een zeer leesbare navigatie mogelijk is zonder beroep te doen op te nadrukkelijke visuele effecten.

Animaties ten dienste van de discretie

Zoals de andere layouts van deze nieuwe generatie TabBar geniet Clean TabBar van selectie-animaties die zich aanpassen aan de gekozen stijl.

Hier krijgen deze animaties hun volle betekenis, juist omdat de navigatie op subtielere tekens berust. De beweging begeleidt de selectie dus met precisie, zonder het effect te overdrijven. Zij versterkt de leesbaarheid van de statuswisseling en verlengt het gevoel van finesse dat de layout uitstraalt.

Deze samenhang tussen ontwerp, selectie-indicator en animatie draagt sterk bij aan de waargenomen kwaliteit van het component.

De haptische effecten dragen eveneens bij aan deze uitvoeringskwaliteit, door een discrete tactiele respons te bieden die in lijn is met de elegantie van de layout.

Een "More"-menu in dezelfde logica van eenvoud

Het "More"-menu van Clean TabBar, voor de toegang tot de verborgen tabs, zet datzelfde streven naar soberheid voort.

Ook dit menu kiest voor een eenvoudige, zeer leesbare presentatie, met een heldere visuele hiërarchie en een uitgepuurd ontwerp. Het blijft in verlenging van de layout, zonder een stijlbreuk met de hoofdbalk te introduceren.

Zowel op mobiel als op desktop werkt deze continuïteit bijzonder goed. Het "More"-menu behoudt dezelfde ingetogenheid, dezelfde helderheid en dezelfde presentatiekwaliteit als de navigatie zelf. Het laat toe om de boomstructuur te openen zonder de ervaring te verzwaren, wat perfect overeenstemt met de geest van de layout.

Een discrete, maar zeer doordachte navigatie

Clean TabBar toont aan dat een navigatie tegelijk zeer eenvoudig in haar voorkomen en zeer doordacht in haar opzet kan zijn.

Met zijn text-only-aanpak, zijn selectie-indicatoren, het ontbreken van een achtergrond op de actieve staat en zijn "More"-menu in verlenging van de layout biedt zij een bijzonder elegante lezing van de mobiele navigatie.

Voor apps die op zoek zijn naar een redactionelere, soberdere en verfijnder navigatie vormt Clean TabBar een bijzonder solide 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.