I suspect that my opinion about Material Design will be unpopular, but I think that using MD is a bad idea.<p>- There is too much animation. Too many websites are starting to look like they are covered with animated Flash banner ads, and that's just the normal UI. People should be thinking about, "how do I get rid of as much animation as possible so that users can read without distractions", not "how do I 'spice up' this webpage by making every little thing animate, even when there is no need to draw attention to it".<p>- The easing sounds good in theory, but in practice it makes MD sites appear slow. There is sometimes a perceptible delay when clicking on things. It looks like the event is artificially delayed for a moment before a component speeds out of its position to do something. It gives the sense that the site is broken (nothing happens) and then suddenly there is shock that things are flying around the page, as if something important is happening, even if nothing important is happening. The average user might not notice the delay, but it can be really frustrating, especially on slower devices.<p>- MD color schemes tend to lack restraint. Some good designers have been able to work around that, but people who take the spec literally tend to have worse results. Good color schemes on MD sites: Udacity, LinkedIn. Bad MD color schemes: Meetup, official MD documentation (oversaturated and/or clashing colors)<p>- If you use MD, you're letting Google's visual brand overtake your own. Examples: it's bizarre (from a business standpoint) to see Microsoft (LinkedIn) and Twitter using Google's visual brand elements. I don't think that it's wise.<p>- Websites shouldn't be designed to look like generic Android apps.<p>- I would also argue that overzealous implementation of Material Design ideas into Google Plus helped kill it (and continues to make it unusable for me).<p>Material Design could be good if the problems with animation, easing, and colors are fixed, but even then, I think it would be a bad idea to make a non-Google site look like it uses Google's visual branding.
I’ve enjoyed working with material-ui. There are other options such as Material Design Lite, which might be a better choice if you’re more at home with CSS. I would really really love to see material-ui support React Native. This would make creating a consistent web and mobile experience easier.
The new material-ui@next (version 1.0) docs are here:<p><a href="https://material-ui-1dab0.firebaseapp.com/" rel="nofollow">https://material-ui-1dab0.firebaseapp.com/</a>
I just want to know <i>why</i>, after all the talk of trying to create the illusion of physicality, did they decide buttons should <i>rise up</i> when they're being pressed <i>down</i>?
We used material-ui for parts of <a href="https://bannernow.com" rel="nofollow">https://bannernow.com</a>
I think it looks good, however the framework has pretty bad APIs and we had to deal with tons of bugs...