This paper[1] would give you some very practical examples, and if you are interested enough, I'd recommend [2] for overview of the current state of the affairs.
[1] https://hal.inria.fr/hal-01697103/
[2] https://homes.cs.washington.edu/~adriana/website/aschulz_the...
inline ask-HN : Do you guys really prefer it for complicated web apps ? Do you think it provides better user experience ? is everything flat and chromeless better on eyes when there is so much stuff on screen?
I'm not a fan of material design for mobile applications either. I find the animations obnoxious and annoying. It has also been my experience that mobile applications tend to have incredibly low information density and they require jumping through tons of hoops to perform even simple tasks. If I have the choice of installing a mobile app or using its website I always use the website.
By the way, we used to have a very precise input method on mobile - the stylus. In the times of Windows Mobile (original Windows Mobile, not renamed Windows Phone) with resisitive screens. The information density of those 240x320 3" screens is hard to achieve even today - google 'SPB Diary' for examples. Combined with stylus, multi-level menus and physical QWERTY keyboards (with shortcuts!) that were the very efficient machines actually.
Maybe recent revival of stylus, thanks to iPad Pro will tend to abandon the 'huge control elements' UI paradigm.
Samsung with their S-Pen on Note models would have a really value-adding and interesting stylus-oriented UI (as an option) instead of awful TouchWiz for years, but they never did it.
Plus, it's a good match for a responsive design that needs to be able to scale from a mobile to a desktop experience and everything in between.
- Material Design 2.0
- Accessibility improvements
- RTL Support
️- New components
Check it out and don't forget to give us a star!
Does anyone know of any good implementations in regular React of this newer style (2.0)?
material-ui seems to only implement the previous style: https://material-ui.com/demos/text-fields/