Questions tagged [material-design]
Material Design is a design language developed by Google. Based on the paper and ink metaphor, the framework is characterised by the use of 'cards', grid-based layouts, responsive animations, transitions and depth effects such as lighting and shadows. "Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design." (Material.io)
393 questions
0
votes
1
answer
90
views
Is there an open-source tool to validate your user interface in an automated way?
Is there a tool to validate your user interface in an automated way? I was looking for something that would be able to scan your browser and look at the DOM and automatically detect visual issues with ...
0
votes
1
answer
116
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
2
answers
165
views
Is there a valid use-case of "un-checkable" radio buttons?
I've just discovered that Google forms allows radio buttons to be checked, then unchecked by clicking on them a second time:
Do you know of any valid uses of this? It would be helpful to do some UX ...
- 147
1
vote
1
answer
85
views
What is the story behind the moving_ministry material icon? When do I use it, and what does it communicate to my users?
There is the moving_ministry material icon: moving_ministry
I considered using it to communicate "moving away/changing location" in context of a care-at-home mobile social services ...
- 111
2
votes
1
answer
747
views
Why does Material 3 contains no color for success, while there is one for error?
Why does Material 3 contains no color for success, while there is one for error? Seems a bit asymmetric?
Wonder if this is intentional, as in: "success is a normal flow, no further color ...
- 21
1
vote
1
answer
236
views
What should be the order of applied filters chips?
I'm following material guidelines and I need to apply filters to a table. The table header has the filter icon on the right side
After the filter is applied, should the position of the "applied ...
- 159
3
votes
1
answer
339
views
UI: Why not negative elevations?
Since Material Design came to the surface, we "learned" to design according to 3D planes based on the sheets metaphor. This replaced flat design, which in turn replaced skeuomorphic design.
...
- 38.5k
2
votes
1
answer
419
views
Persistent Rich Tooltips
Material Design has rich tooltips which can also be persistent. As it's explained here, these tooltips:
remain active even when leaving the target region
can contain links
only disappear once you ...
- 153
1
vote
1
answer
162
views
Is this "Only" checkbox option a default MUI component?
I saw this option when I was using Google Flights. It's pretty handy if there's a long list of options and you only want to select one.
Does anyone know if this is a default MUI component? I can't ...
- 1,504
1
vote
2
answers
153
views
Material Design and punctuation
Material design says to skip periods for messages in dialogs which are only one sentence. Yet in their dialog examples they use a period in that circumstance. So, which is it?
- 31
4
votes
1
answer
1k
views
Does iOS have an equivalent to Material Design's 'ripple' effect when touching a surface?
I'm working on an app using Flutter that is being rolled out on both Android and iOS. Some iOS users have expressed confusion at the 'ripple' effect that appears on a surface when it is tapped or ...
- 141
0
votes
1
answer
1k
views
Minimum touch target for apps
It is stated in human interface guidelines and material design that the touch target should be 44x44 & 48x48 respectively. Many top apps don't follow; isn't this an accessibility issue?
0
votes
2
answers
378
views
What UI elements do you use to display information in real time?
If some string like "Now executing cronjob...", "REST call made", "Authorization successful", "Cronjob complete", etc. need to be shown every 1-2 second, what ...
user154738
0
votes
2
answers
136
views
Does it make sense to spam the snackbar for information already available elsewhere?
Does it make sense to spam the snackbar for information already available elsewhere? Let's say you have a console dishing out 10-30 lines per seconds and you want to put some of the information on a ...
user154738
0
votes
2
answers
2k
views
Refresh list in Material 3
I have an Android app that displays a list or grid of cards, depending on the screen size, that is loaded from the backend. I migrated it to the Material 3 spec recently.
The app currently does ...
- 101