Material Design Public

Context

Material Design is a UI/UX design framework developed by Google that has become widely used by developers of web and mobile apps. While the legacy pages within the Badge List app don't follow any particular design paradigm, the newer pages within the Badge List app all utilize Material Design. Moving forward we are fully committed to deploying Material Design app-wide.

The goal of building on top of the material spec is to enable us to move faster (by reducing the number of decisions we have to make) while still helping us deliver a world class user experience that is aligned with modern best practices. In addition, because the material spec is platform agnostic it provides us a way to architect UX which will evolve with us as we grow our codebase in the future (mobile apps, native apps, etc).

Also it's worth noting that part of the rationale for selecting Polymer as our frontend framework is that it comes with a full stable of components which make it easy to implement the Material Design spec.

One last thing: We are not super religious in our adherence to the spec, at least not at this time. Matching up with every last facet of the standard would be super time consuming and we're just not there yet. Maybe we will get there one day, maybe not. For now, we're mostly using material as a source of pre-designed UI components and as a general collection of design principles and standards (rather than as a pixel-perfect set of strict guidelines).

How to earn this badge

This badge is something of a work in progress. Properly validating understanding of such an abstract bundle of concepts is... challenging. But this is a critical part of the frontend vision, so some validation is important. For now we're keeping this badge fairly simple. As you work your way through it, please try to think of ideas for how this badge could be improved (especially with respect to the requirements).

• Read through through the various parts of the Material Design website (https://material.io). Some key pieces:
• The introduction provides great context: https://material.io/design/introduction
  
• Read through the entire foundation section: https://material.io/design/foundation-overview/
• You'll want to read through and understand all of the components: https://material.io/design/components
• Google for some examples of great material design (in websites especially, but apps are good too) and post some of your #Favorite-Examples.
• Once you're ready, tackle the #Quiz-Questions