Questions tagged [floating-action-button]
The floating-action-button tag has no summary.
22 questions
4
votes
1
answer
496
views
Visual conflict between FAB and floating tab bar in mobile layout
I'm redesigning a mobile interface for a product list feature. Previously, the layout used a fixed tab bar at the bottom of the screen, along with a floating action button (FAB) for adding products. ...
0
votes
1
answer
111
views
Should I use a FAB Menu in a Navigation Rail FAB?
The new Material Design Expressive update was released just a few days ago (at the time of writing this).
It introduces a new FAB Menu component, which is a styled Menu that gets opened by a FAB.
...
0
votes
1
answer
397
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 ...
- 823
1
vote
1
answer
403
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
491
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
72
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 ...
- 167
1
vote
2
answers
173
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
762
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
329
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
81
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
174
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 ...
- 318
1
vote
1
answer
267
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
392
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
5k
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