41
votes
What are the disadvantages of Material Design?
I've used Material Design quite a bit and have reasoned the following drawbacks:
1. Animations are cute but can be cognitively distracting
Material Design's extensive use of animated transitions ...
40
votes
Accepted
In a static data table, should rows be highlighted on hover?
Yes. Just yes.
Though I do UX work, I am speaking as a user on this one. As a user, I very much want you to help me easily follow a row of data from end to end. I want to easily be able to see what ...
31
votes
Accepted
Material design - buttons raise, not depress
Material Design is based around materials in the world of print design. Two of these concepts that get to the your point is the (1) the surface you are interacting with and (2) paper.
In material ...
29
votes
Accepted
Do material design's floating action buttons provide a bad UX?
It's tempting to say that because we're not used to it, it must not be a good experience. I think we mean that change is necessarily a good experience... it's not comfortable, but the end result may ...
25
votes
Accepted
Why isn't primary text full opacity?
Just to add as to why the number 87% is used as the starting point.
It has been answered why they didn't want you to use true black and instead lowering the opacity to create shades of gray. So ...
24
votes
Accepted
Are there premixed Material Design color combinations I can use for prototyping?
This might be what you're looking for: http://www.materialpalette.com/
You initially pick two colors, and it gives you a palette of colors.
21
votes
Accepted
Material Design required field
How you choose to mark fields as required is not a part of material design.
You've already noticed that some applications choose to use the validation error "This field is required" after the fact ...
20
votes
Accepted
Why the textfield in Google Material Design without box
Why are the textboxes without boxes?
It is an interesting principal of material design and choice.
The reason Google went without the box was because it's analogical to writing on ruled paper. ...
20
votes
How should a coloured dropdown be styled using Google Material?
Given your requirement:
Each status has it's own associated colour and would ideally be displayed in the list
Then we're not discussing if there should be a color or not, question is how to ...
19
votes
Do material design's floating action buttons provide a bad UX?
The good: Fitt's Law:
The bad:
The biggest flaw in Google's Material design resides in feedback when you press a button.
In the physical world a pressed button recedes into the background; in ...
17
votes
Material Design required field
I'm not sure when this section was added, but currently, the specs do have a short section about required fields:
To indicate that a field is required, display an asterisk (*) next to the field. At ...
17
votes
Material Design - Card within a Card
No
As per MD Card guidelines:
Cards may contain a photo, text, and a link about a single subject.
They may display content containing elements of varying size, such as
photos with captions of ...
16
votes
Accepted
How to represent a switch "tabbed" state in Material Design?
Just use the style is recommended on Material design | Components– Selection controls | Switch
16
votes
Is it acceptable to use Google Material Design in web applications?
I don't think it's a problem. There are many applications for iOS that use Material Design. Think of all the Google applications (Youtube, GMail, etc) iOS users use on a daily basis.
You might want ...
15
votes
Is it a strong anti-pattern to use a Floating Action Button in an iOS app?
New in iOS 11 you can find the Floating Action Button within the Notes App. If Apple uses them, you could definitely use them too.
14
votes
Is it acceptable to use Google Material Design in web applications?
Material Design is not "Android design", it's Google's all encompassing design "template" for both mobile and web apps. Many Google web products use Material Design like Angular (https://angular.io/) ...
13
votes
What are the disadvantages of Material Design?
Contour Bias
Contour Bias
Contour bias is a tendency to favor contoured objects overs sharp angled or pointed objects. When we look at the natural world around us we see many contours and curves ...
13
votes
Is having multiple rows of tabs against Material Design?
Don't compromise your UX for the sake of following material design. Material design is meant to compliment your UX, not dictate it. So don't follow it to the word. 1st decide on what's the best user ...
13
votes
Accepted
Fixed width for buttons or proportional with the text?
In my opinion, if the buttons are one over the other then try to adapt the shorter to have the wider's width. In your example it would be the green option, but giving less padding to the "Subscribe" ...
12
votes
Accepted
Material design solution for popovers
Here's how...
See this dropdown effect for an example of how the Material Design physics can work for a popover. A similar schematic is:
The opacity fade, triangular callout indicator, and growth ...
12
votes
Are material flat buttons distinguishable?
As per the Material Design Guidelines,
Flat buttons are text-only buttons.
They may be used in dialogs, toolbars, or inline.
They do not lift but fill with color on press.
Further more
...
12
votes
Are material flat buttons distinguishable?
There are two principles that are hugely important to remember here:
1. The quick adaptation principle
People adapt very quickly even to the most obscure conventions.
We were all used to be used ...
12
votes
Accepted
Is it a strong anti-pattern to use a Floating Action Button in an iOS app?
TL;DR: I consider the Floating Action Button (FAB) to be the most polarizing element of Material Design, and generally wouldn't recommend a floating action button for use in an iOS application.
The ...
12
votes
Accepted
How should a coloured dropdown be styled using Google Material?
Short answer: Use your second option, where each field has a neutral white color as the color is not classifing elements in the list.
Color should be used to give distinction with other elements from ...
12
votes
Accepted
Editable table in material design
If you like to keep the table clean, show only the edit icon on the hovered cell:
You can specify which cells are editable by showing the icon or not.
Keep text selectable:
And add a click handler ...
12
votes
Accepted
Hamburger menu or back button on Android?
The burger menu should be displayed on all of your top level destinations - the same screens that are listed in your navigation drawer.
When the user navigates to a deeper level, from one of these ...
11
votes
Accepted
Back vs close icon in Material Design
Oh, I'm sorry to give you this standard answer on UX.SE, but really it depends.
It depends on whether or not you're closing the page or moving back from the page. It depends on whether or not you're ...
11
votes
Accepted
Which of these two form layouts is better (more "material")
I think your observations are correct! Do check some standard interaction patterns of select-box and text-field
Based on your current layout, I will suggest you choose one of these:
OR
11
votes
Material Design - How to display an error on a larger screen
The material design guidelines have a section called Errors.
For your use case, it recommends:
If two or more fields have incompatible inputs:
In the text field, indicate a fix is needed. Add an ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
material-design × 372android × 102
gui-design × 40
mobile × 31
forms × 25
navigation × 23
buttons × 23
website-design × 18
mobile-application × 18
google-materials-design × 18
usability × 15
lists × 15
ios × 14
tabs × 14
cards × 13
interaction-design × 12
web-app × 12
icons × 12
input-fields × 12
data-tables × 12
guidelines × 9
design-patterns × 8
actions × 8
dialog × 8
floating-action-button × 8