Android Developers Blog: Introducing Widget Quality Tiers

Android Developers Blog: Introducing Widget Quality Tiers

Home » News » Android Developers Blog: Introducing Widget Quality Tiers
Table of Contents

Posted by Ivy Knight – Senior Design Advocate

Stage up your app Widgets with new high quality tiers

Widgets could be a highly effective device for partaking customers and growing the visibility of your app. They’ll additionally aid you to enhance the person expertise by offering customers with a extra handy approach to entry your app’s content material and options.

To construct a fantastic Android widget, it must be useful, adaptive, and visually cohesive with the general aesthetic of the system house display.

So as to aid you obtain a fantastic widget, we’re happy to introduce Android Widget High quality Tiers!

The brand new Widget high quality tiers are right here to assist information you in the direction of a greatest observe implementation of widgets, that may look nice and convey your person’s worth throughout the ecosystem of Android Cellphone, Tablets and Foldables.

What does this imply for widget makers?

Whether or not you might be planning a brand new widget, or investing in an replace to an present widget, the Widget High quality Tiers will aid you consider and plan for a top quality widget.

Identical to Giant Display screen high quality tiers assist optimize app experiences, these Widget tiers information you in creating nice widgets throughout all Android gadgets. Now, comparable tiers are being launched for widgets to make sure they are not simply purposeful, but in addition visually interesting and user-friendly.

Two screenshots of a phone display different views in the Google Play app. The first shows a list of running apps with the Widget filter applied in a search for 'Running apps'; the second shows the Nike Run Club app page.

Widgets that meet high quality tier pointers will likely be discoverable underneath the brand new Widget filter in Google Play.

Think about using our Canonical Widget layouts, that are primarily based on Jetpack Look parts, to make it simpler so that you can design and construct a Tier 1 widget your customers will love.

Let’s check out the Widget High quality Tiers

There are three tiers constructed with required system defaults and urged steering to create an enhanced widget expertise:

Tier 1: Differentiated

Four mockups show examples of Material Design 3 dynamic color applied to an app called 'Radio Hour'.

Differentiated widgets go additional by implementing theming and adapting to resizing.

Tier 1 widgets are exemplary widgets providing hero experiences which are customized, and create distinctive and productive homescreens. These widgets meet Tier 2 requirements plus enhancements for structure, shade, discovery, and system coherence standards.

A stylized cartoon figure holds their chin thoughtfully while a chat bubble icon is highlighted

For instance, use the system supplied nook radius, and don’t set a customized nook radius on Widgets.

Add extra personalization with dynamic shade and generated previews whereas guaranteeing your widgets look good throughout gadgets by not overriding system defaults.

 Four mockups show examples of Material Design 3 components on Android: a contact card, a podcast player, a task list, and a news feed.

Tier 1 widgets that, from the highest left, correctly crop content material, fill the structure bounds, have appropriately sized headers and contact targets, and make good use of colours and distinction.

Tier 2: High quality Commonplace

These widgets are useful, usable, and supply a high quality expertise. They meet all standards for structure, shade, discovery, and content material.

A simple to-do list app widget displays two tasks: 'Water plants' and 'Water more plants.' Both tasks have calendar icons next to them. The app is titled 'Plants' and has search and add buttons in the top right corner.

Be certain your widget has applicable contact targets.

Tier 2 widgets are purposeful however easy, they meet the essential standards for a usable app. However if you wish to create a really stellar expertise on your customers, tier 1 standards introduce methods to make a extra private, interactive, and coherent widget.

Tier 3: Low High quality

These widgets do not meet the minimal high quality bar and do not present a fantastic person expertise, that means they don’t seem to be following or lacking standards from Tier 2.

 Examples of Material Design 3 widgets are displayed on a light pink background with stylized X shapes. Widgets include a podcast player, a contact card, to-do lists, and a music player.

Clockwise from the highest left not filling the bounds, poorly cropped content material, low shade distinction, mis-sized header, and small contact targets.

A stylized cartoon person with orange hair, a blue shirt, holds a pencil to their cheek.  'Kacie' is written above them, with a cut off chat bubble icon.

For instance, guarantee content material is seen and never cropped

Construct and elevate your Android widgets with Widget High quality Tiers

Dive deeper into the widget high quality tiers and begin constructing widgets that not solely look nice but in addition present an incredible person expertise! Take a look at the official Android documentation for detailed data and greatest practices.


This weblog publish is a part of our sequence: Highlight Week on Widgets, the place we offer sources—weblog posts, movies, pattern code, and extra—all designed that will help you design and create widgets. You possibly can learn extra within the overview of Highlight Week: Widgets, which will likely be up to date all through the week.

Supply hyperlink

author avatar
roosho Senior Engineer (Technical Services)
I am Rakib Raihan RooSho, Jack of all IT Trades. You got it right. Good for nothing. I try a lot of things and fail more than that. That's how I learn. Whenever I succeed, I note that in my cookbook. Eventually, that became my blog. 
share this article.

Enjoying my articles?

Sign up to get new content delivered straight to your inbox.

Please enable JavaScript in your browser to complete this form.
Name