2022 Developer Survey is open! Take survey.
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 ...
user avatar
  • 40.3k
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 ...
user avatar
  • 575
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 ...
user avatar
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 ...
user avatar
  • 2,295
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 ...
user avatar
  • 15.1k
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.
user avatar
  • 3,858
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 ...
user avatar
  • 15.8k
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. ...
user avatar
  • 336
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 ...
user avatar
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 ...
user avatar
  • 355
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 ...
user avatar
  • 271
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 ...
user avatar
  • 32.2k
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
user avatar
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 ...
user avatar
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.
user avatar
  • 259
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/) ...
user avatar
  • 240
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 ...
user avatar
  • 15.1k
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 ...
user avatar
  • 10.5k
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" ...
user avatar
  • 16.7k
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 ...
user avatar
  • 40.3k
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 ...
user avatar
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 ...
user avatar
  • 32k
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 ...
user avatar
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 ...
user avatar
  • 16.7k
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 ...
user avatar
  • 10.3k
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 ...
user avatar
  • 473
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 ...
user avatar
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
user avatar
  • 16.1k
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 ...
user avatar
  • 2,688

Only top scored, non community-wiki answers of a minimum length are eligible