Globale zwevende knop: één belangrijke actie, overal zichtbaar in je app

De handeling die je van je gebruikers verwacht, verdient het om altijd binnen handbereik te zijn, of ze nu een artikel lezen, een productpagina bekijken of van het ene tabblad naar het andere springen. De globale zwevende knop geeft die handeling precies die plek: één keer ingesteld, aanwezig waar je gebruikers hem nodig hebben, zonder dat je hem scherm voor scherm opnieuw hoeft te plaatsen.

Het is een component op app-niveau: je kiest de bestemming, het label, het pictogram en de kleur, en de knop verschijnt op al je schermen. De bestemming kan een pagina in je app zijn, een directe actie zoals een telefoongesprek of een sms, of een externe app zoals WhatsApp. Standaard neemt de knop de themakleuren van je app over, volgens de logica van het design system van GoodBarber: hij voegt zich in als een native element, zonder handmatige instellingen. Eén keer instellen, en hij blijft bereikbaar op welke pagina je gebruikers ook bekijken.

Concreet is het dezelfde knop die zich aanpast aan ieders context:

• Een webshop houdt "Winkelmand bekijken" bereikbaar terwijl klanten de catalogus doorbladeren.
• Een lokale ondernemer maakt "Bellen" of "Stuur ons een bericht op WhatsApp" meteen bereikbaar, zonder dat de klant het nummer hoeft te zoeken.
• Een kapsalon plaatst "Afspraak maken" op elk scherm, met een link naar zijn Booking-sectie.

Eén actie, maar overal aanwezig, zonder hem ergens te hoeven kopiëren.

Dit is het gebruiksscenario waarin de zwevende knop pas echt tot zijn recht komt. Met de extensie RAG Chatbot krijgt je app een assistent aan boord die de vragen van je gebruikers beantwoordt op basis van je eigen gepubliceerde content, niet op basis van de algemene kennis van een model. Betrouwbare antwoorden, in de taal van de vraag, met een mogelijke link naar de bron.

Maar dan moeten je gebruikers er wel aan denken. Een zwevende knop "Stel een vraag" op elk scherm maakt van de assistent een automatisme, in plaats van een sectie die je in het menu moet opzoeken. Zo geeft een toerisme-app, een e-learningplatform of een interne kennisbank zijn assistent de plek die hij verdient: goed zichtbaar, altijd.

Een knop die overal aanwezig is, mag nooit storend worden, en daarom is zijn weergave goed afgebakend. Twee logica's werken samen.

Sommige pagina's tonen hem nooit, zonder dat jij er iets voor hoeft te doen: de secties die al hun eigen zwevende knop hebben, zodat er nooit twee tegelijk verschijnen, en de systeempagina's zoals zoeken, de winkelmand, het afrekenen, het profiel of het inloggen.

Overal elders bepaal jij het. Vanuit het configuratiepaneel van de knop verberg je hem sectie voor sectie, en houd je hem alleen op de schermen waar hij echt zinvol is.

Tot slot: wanneer een TabBar, een audiospeler of een vaste banner de onderkant van het scherm al inneemt, plaatst de knop zich er net boven, zonder die ooit te bedekken.

De zwevende knop stel je in vanuit het paneel Structure van je back-office, waar hij verschijnt als een apart element, net onder je hoofdnavigatie. Activeer hem, kies de bestemming, het label, het pictogram en de positie, en bij de volgende publicatie staat hij live in je hele app. Uitgeschakeld blijft hij op die plek zichtbaar, klaar voor gebruik op de dag dat je hem nodig hebt.

Open het paneel Structure van je app en geef je belangrijke actie de zichtbaarheid die ze verdient. Nog geen GoodBarber-app? Start je gratis proefperiode en test hem vanaf het allereerste scherm.