close

Floating action button (FBA)

Synonyms: floating button, fab, primary button, primary action, main button

The floating action button is used either for primary action on the page or additional action. Another function of FBA is to turn one UI element to another or to reveal more options.

 

It appears onto the highest layer of the interface, in front of all other elements, and follows the user’s scrolls, remaining over his or her eyes. It is traditionally small-sized and round-shaped.

 

Floating action button (FBA)
FAB by Pierre Leeflang

 

Controversial

«don't really float my boat»

 

And because of the bold visual style of Material Design, FABs are strikingly hard to ignore and stand out — and herein lies the problem. While FABs seem to provide good UX in ideal conditions, in actual practice, widespread adoption of FABs might be detrimental to the overall UX of the app.

 

  1. Stand in the way
  2. Interrupts full immersion
  3. Located above the content
  4. Useless
  5. Rarely used
  6. Less immersive UX
  7. Badly affecting apps (or screens)
  8. Blocks other elements

share the term