This year marks the fifth edition of Google Design’s effort to highlight “best-in-class designs from our community.” Announced at SPAN in Brooklyn, the 2019 Material Design Award winners are Ruff, Reflectly, Scripts, and Trip.com.

Self-nominations opened in late July with Android, iOS, or web products that launched or made a significant Material Design update between September 2018 and August 2019 eligible. There are four 2019 Material Design Award categories and winners:

  • Theming: An expressive brand identity executed with Material Theming, including the consistent application of color, typography, and shape.
  • Innovation: A demonstrated ability to build upon and extend the Material Design system in inspiring new directions.
  • Universality: A thoughtful and inclusive design tailored to the specific needs of users with a range of abilities and user needs.
  • Experience: A creative and effective deployment of interaction, navigation, and content in service of an impactful user experience.

Theming: Ruff

Ruff’s straightforward brand identity empowers the app’s note-taking users to quickly capture their thoughts in any style. Ruff makes great use of Material Components, especially the bottom sheet and backdrop (which serves as the app’s primary canvas). The blue floating action button and monospaced font add visual interest while taking a refined approach to theming. While the slightly rounded corners of the bottom sheet help communicate the component’s gestural behavior and let the user know that they can drag up for more content. The UI also allows for simple customization of type size and the choice of a light, dark, or black theme. Prioritizing function and clarity, Ruff’s consistent use of typography, shape, and color create an inviting themed experience.

Innovation: Reflectly

Reflectly helps people manage stress and anxiety through the practice of daily journaling with prompts from a conversational, AI-powered UI. The app’s skillful onboarding experience applies smooth transitions and playful language to guide new users through setup. Besides the warm, approachable tone of its questions, Reflectly’s interface is full of artfully executed motion choreography (the way UI elements appear on screen, for instance), elevation adjustments (like raising the level of items in a carousel), and state changes that add up to a well-crafted user experience. The use of customized components, typography, shape, and elevation build on the principles of Material Design while creating a unique product that’s recognizable, usable, and an all-around joy.

Experience: Scripts

Scripts presents an ingenious solution to the challenge of learning new writing systems, through its clever use of touchscreen capabilities. The app’s step-by-step drawing interaction presents clear instructions—including stroke order—alongside small animations and haptic feedback, to deftly reinforce the correct technique. Small details like the well-designed system of gradients, consistent typography, and even the little bump indicating state in the bottom navigation bar combine to deliver a polished user experience. For some languages, Scripts incorporates background images as visual mnemonics, thoughtfully connecting a character’s form to the object it represents. Overall, the experience demonstrates a considered approach that naturally engages the user in active learning.

Universality: Trip.com

Trip.com created an excellent travel-booking experience for its global audience. The app’s layout and typographic scale construct a strong visual hierarchy that holds up across an impressive 19 supported languages. Cohesive iconography and playful colors (which all meet accessible contrast requirements) reinforce key actions and draw attention to important information. The bottom navigation provides multiple visual cues to display active destinations—icons transform from outline to fill, text labels increase in size, colors change. The imagery and illustrations reflect Trip.com’s diverse user base, just one of the many thoughtful details that make this an excellent universal app.

Past Material Design Award winners:


Check out 9to5Google on YouTube for more news:

About the Author