Questions tagged [floating-action-button]
The floating-action-button tag has no usage guidance.
20 questions
0
votes
1
answer
177
views
Is there a universally accepted pattern for the placement of floating actions on websites based on their directionality?
Many websites have floating actions, like adding a new task, talking to a support agent, a direct-call button for marketing, etc.
For the LTR languages, what I have seen is that they put it on the ...
- 813
1
vote
1
answer
341
views
How to position a "add to list" button?
Following picture shows a list of notes in a tab-layout. Each list has a + button at the bottom to create a new note.
As the list grows the user has to scroll down (a lot) to see, that there is ...
- 253
13
votes
2
answers
8k
views
How to display more than three buttons?
I'm developing a web application using Material UI as a design system.
In a page of this application the user can create an article (for a blog). The article can have differents status and for ...
- 273
0
votes
1
answer
420
views
Material Design | Dialoge from floating action button - how to do it? Is it even a good idea?
I'm designing a dark-mode-first desktop website for an online media organization.
One of the key characteristics of the organiation is its community, and how open, friendly, inviting and communical it ...
- 101
2
votes
0
answers
69
views
Have studies shown people actually use floating "Back to Top" buttons? [duplicate]
I know there are "guidelines" out there for how to handle floating Back to Top buttons, but I haven't found hard data or studies showing that users measurably prefer to use a Back to Top ...
- 147
1
vote
2
answers
141
views
Extended FAB would get in the way of a listview
Right now my Flutter app has two pages: the app's home (image 1) and the leaderboard (image 2).
The home page has a BottomAppBar with two buttons plus an extended FAB docked to it (the one with mock ...
- 111
2
votes
2
answers
696
views
Android FAB with progress indicator
Is a good idea to put (infinite) progress indicator into a Floating Action Button (FAB)?
I am dealing with a situation where there is a bottom navigation panel with inset FAB and there is no toolbar ...
- 123
0
votes
2
answers
293
views
A stickybar with CTA buttons?
I've started out my first UX project. I would like to know in which cases sellers might want to have a sticky bar with CTA buttons on it (see example below). How can I know that? Should I create a ...
- 37
0
votes
0
answers
80
views
is using a FAB for multiple user actions and screens good practice? [duplicate]
I'm working on a gaming product where users can perform a wide variety of actions from rating, writing a review, adding to lists, log the game in their 'backlog' etc..
Each of those can lead to ...
- 11
3
votes
1
answer
137
views
Feedback button clarity
I'm currently involved in the testing of a mobile only app. In the apps product detail page there is a full width button titled, "Problem with your product?". This button is not intended to be ...
- 308
1
vote
1
answer
234
views
What is the technical name for the "Tap to translate" button from GoogleTranslate app?
When copying some text on Android, Google Translate displays a floating button on the side of the screen (top / right) that can be tapped to translate or just dragged up and down to not be obstructive....
- 111
6
votes
2
answers
363
views
Can it hurt our brand to use our logo as a (floating action) button?
We're exploring ways to familiarize our users with our brand and one idea is to use the logo as the icon in a floating action button in our mobile application views.
I have heard in the past from UX ...
- 163
3
votes
1
answer
4k
views
What is the difference between Hamburger icon and Ellipsis icon? [duplicate]
I'm working on an enterprise application with a possible responsive design in future. What is the difference between the hamburger icon (3 horizontal bars) and the Ellipsis (3 horizontal / vertical ...
- 31
0
votes
1
answer
933
views
Hiding floating action button based on flag
So I have a floating action button (FAB) in a fragment, along with some buttons in the layout. Depending on which button is pressed, I would like to hide the FAB, then if another button is pressed, ...
1
vote
1
answer
452
views
Is there a good use-case for a floating button on top of scrolling content?
I sometimes come across websites where some clickable design element is floating on top of a scrollable element. This can be buttons, or banners or whatever. For me, they're always (always!) annoying. ...
- 1,180
4
votes
4
answers
4k
views
Where should a floating feedback button be placed for maximum use?
I am working on a project where my actionable buttons next and previous were placed to the bottom right and left corner of the browser. It wasn't a problem until floating feedback button was added to ...
2
votes
1
answer
1k
views
Is it a bad practice to use similar floating action buttons with different functionalities in different pages
According to Material Design Guidelines, Google states that on any page the primary action of the page can be promoted in the floating action button.
But what if on different pages, we use similar ...
- 716
1
vote
1
answer
92
views
When should i use a mask behind a FAB button?
Right now at work we are making this amazing feature (for a webApp) but i don't know WHEN its correct to use a "mask" Behind the FAB after it gets TAP/CLICKED because in the guide they say nothing ...
5
votes
3
answers
4k
views
Is it a good idea to use a Floating Action Button for non-actions?
Google Material Design guidelines recommend to use Floating Action Buttons primarily for a promoted action. However, recently there seems to be a rather solid emerging trend to use these buttons for ...
3
votes
2
answers
6k
views
Can a Floating Action Button morph be reverted?
There are two specific examples in the Android Floating Action Button guidelines that explain how the button can morph into either new buttons, or a toolbar.
If the hallmark of the app is adding ...
- 197