Wat zijn floating action buttons?

Floating action buttons (FAB's) zijn ronde, zwevende knoppen op mobiele schermen die toegang geven tot een centrale actie, zoals een bericht sturen, iets toevoegen of navigeren.

Wat zijn floating action buttons?

Floating action buttons zijn prominente knoppen die “zweven” boven de gebruikersinterface van een app, meestal rechtsonder op het scherm. Ze zijn bedoeld om de gebruiker snel toegang te geven tot de belangrijkste of meest gebruikte functie binnen de app — bijvoorbeeld het aanmaken van een nieuw bericht, het starten van een gesprek of het toevoegen van een item.

Deze knoppen zijn visueel opvallend: vaak rond, met een +-teken, potlood of ander herkenbaar icoon.

Hoe werkt het?

Een floating action button:

1. Blijft zichtbaar tijdens het scrollen of navigeren
2. Trekt aandacht door zijn vorm, kleur of animatie
3. Activeert één primaire functie bij aanraking
4. Kan uitklappen naar meerdere opties (bijv. secundaire knoppen)

De FAB is ontworpen volgens de richtlijnen van Google’s Material Design en is populair in Android-apps.

Waarvoor wordt het gebruikt?

FAB’s worden gebruikt om:

• Snelle toegang te geven tot een kernactie in de app
• Gebruiksvriendelijkheid te verbeteren op kleine schermen
• Interactie te stimuleren door zichtbaarheid en eenvoud
• Ruimte te besparen in het menu of navigatie

Veelvoorkomende toepassingen:

• E-mail schrijven in Gmail
• Nieuw chatbericht starten in WhatsApp
• Nieuwe taak toevoegen in een takenlijst
• Foto maken in een camera-app

Wat zijn de voordelen en nadelen?

Voordelen:

• Altijd binnen handbereik
• Minimalistisch en ruimtebesparend
• Intuïtief: vaak duidelijk waarvoor de knop is
• Stimuleert gebruik van belangrijke functies

Nadelen:

• Kan andere content blokkeren op kleine schermen
• Niet altijd even duidelijk bij meerdere functies
• Past niet in elke interface- of gebruikssituatie
• Mogelijke verwarring bij uitklappende varianten

Welke soorten zijn er?

Standaard FAB: één knop, meestal met icoon (+, ✏️, 📷)

Uitklapbare FAB: toont meerdere acties na tikken

Mini FAB: kleinere variant, vaak bij secundaire acties

Contextuele FAB: verandert afhankelijk van het scherm of taak

Voorbeelden of toepassingen

Gmail: FAB rechtsonder met een potloodicoon om een nieuwe e-mail te schrijven.

Google Keep: FAB om een nieuwe notitie toe te voegen.

WhatsApp: FAB met een berichticoon om een nieuw gesprek te starten.

Todoist: FAB om een nieuwe taak aan te maken, die uitklapt naar extra opties.

Veelgestelde vragen (FAQ)

Waar vind ik FAB's vooral?
Vooral in Android-apps en apps die Material Design volgen. Op iOS worden ze minder vaak toegepast.

Waarom zweeft de knop?
Zo blijft de belangrijkste actie altijd zichtbaar en direct toegankelijk, zelfs als je door de app scrollt.

Kan ik een FAB uitschakelen?
Niet als gebruiker. Het ontwerp wordt bepaald door de appbouwer, al kun je soms via instellingen gedrag of positie aanpassen.