Qualité des widgets

Les widgets sont un composant essentiel pour personnaliser l'écran d'accueil d'un utilisateur. Souvent, les utilisateurs peuvent effectuer un parcours utilisateur critique pour une application en un seul geste à l'aide de widgets ou obtenir un résumé rapide des mises à jour importantes. Les utilisateurs peuvent également personnaliser les widgets en fonction de leurs préférences personnelles.

Checklists de compatibilité des widgets

La qualité des widgets affecte l'engagement des utilisateurs avec le contenu et les fonctionnalités de votre application. Les checklists de compatibilité définissent des critères pour vous aider à évaluer la qualité de votre widget. Voici les niveaux disponibles:

Niveau 3 : de faible qualité

Ces widgets ne respectent pas le niveau de qualité minimal et offrent une expérience utilisateur médiocre. Un widget est considéré comme de mauvaise qualité s'il ne respecte pas les critères de mise en page, de couleur, de découverte et de contenu standards.

Niveau 2 – Standard

Ces widgets sont utiles, utilisables et offrent une expérience de qualité.Pour être considéré comme standard, le widget doit répondre à tous les critères de mise en page, de couleur, de découverte et de contenu suivants.

Niveau 1 : différencié

Il s'agit de widgets exemplaires qui offrent des expériences personnalisées et aident les utilisateurs à créer des écrans d'accueil uniques et productifs.


Icône du niveau 3

NIVEAU 3

Caractéristiques des widgets de mauvaise qualité

Si votre widget peut être décrit par l'un des éléments suivants, il est considéré comme de mauvaise qualité:

Catégorie ID Description
Mise en page WL-1

Le widget ne remplit pas les limites définies par la grille du lanceur d'applications lorsqu'il est placé sur l'écran d'accueil.

WL-1.1

Le widget ne touche pas au moins deux bords opposés de la grille. En d'autres termes, les widgets ne doivent pas tous être rectangulaires. Ils peuvent avoir des formes personnalisées, à condition que les bords de la forme touchent au moins deux bords de la grille.

Couleur WC-3

Les boutons de texte et d'icône du widget ne présentent pas un contraste de couleur suffisant pour répondre aux exigences d'accessibilité.

Découverte WD-4.2

Le nom du widget n'est pas inclus dans la conception du widget.

WD-4.3

Le widget n'a pas d'image d'aperçu.

Contenu WT-3

Le contenu du widget est toujours obsolète ou inopportun.

WT-3.1

Le widget ne s'actualise pas une fois que l'utilisateur a effectué une action à partir du widget.

WT-3.2

Le widget ne s'actualise pas après qu'un utilisateur a effectué une action associée dans l'application.

WT-4

L'interface utilisateur du widget ne fonctionne pas ou le contenu est rogné.

Icône du niveau 2

NIVEAU 2

Exigences concernant les widgets standards

Les widgets qui répondent à ce niveau de qualité de référence sont considérés comme standards, mais ne sont pas des widgets mis en avant qui seront présentés ou recommandés.

Catégorie ID Description
Mise en page WL-1

Le widget s'aligne correctement sur les autres éléments de l'écran d'accueil sur l'axe vertical ou horizontal, et n'occupe pas d'espace inutile.

WL-1.2

Toutes les formes doivent toucher au moins deux arêtes opposées des limites de la grille.

WL-4

Si les widgets sont redimensionnables, ils doivent avoir une taille minimale et maximale appropriée.

WL-4.1

La taille maximale doit être définie si redimensionner le widget n'ajoute que de l'espace vide.

WL-4.2

La taille minimale de votre widget doit tout de même être utile et respecter les exigences concernant les cibles tactiles (48 x 48).

Découverte WD-4

Les widgets doivent afficher des aperçus précis dans le sélecteur de widgets (asset statique).

Contenu WT-1

Les états "zéro" et "vide" sont intentionnels et indiquent la valeur du widget et/ou fournissent une incitation à l'action lorsque le widget est installé, mais que l'utilisateur n'est pas encore connecté.

WT-2

Le widget permet aux utilisateurs d'actualiser manuellement le contenu si les données doivent être actualisées plus fréquemment que l'interface utilisateur.

Fournissez des cibles tactiles de 48 x 48 dp.
Les zones cibles tactiles sont trop petites.
Assurez-vous que le contraste des couleurs est suffisant.
Utiliser des couleurs dont le contraste est insuffisant
Vidéo 1 : Ne créez pas de widget dont l'aperçu est inexact.

Icône du niveau 1

NIVEAU 1

Exigences concernant les widgets différenciés

Ces widgets sont compatibles avec les personnalisations d'écran d'accueil premium. Ils seront recommandés aux utilisateurs et présentés aux développeurs comme bonnes pratiques. Les widgets différenciés offrent des expériences de héros et sont utilisés par Android pour inspirer et dynamiser l'écosystème. Elles répondent à tous les critères de mise en page, de couleur, de découverte et de contenu différenciés.

Catégorie ID Description
Mise en page WL-1

Le widget s'aligne correctement sur les autres éléments de l'écran d'accueil sur l'axe vertical ou horizontal, et n'occupe pas d'espace inutile.

WL-1.1

Tous les widgets rectangulaires DOIVENT toucher les quatre bords des limites de la grille. Tous les widgets de forme personnalisée DOIVENT toucher les quatre bords des limites d'une grille carrée. Si la taille est de 4 x 1 et qu'elle contient une barre de recherche, elle ne peut toucher que deux bords.

WL-2

Le widget peut être redimensionné pour prendre au moins l'une des tailles suivantes: 2x2, 4x1 ou 4x2.

WL-3

L'en-tête du widget est utilisé et appliqué de manière cohérente.

  • Nous vous recommandons d'utiliser un en-tête si:
    • Le widget contient du contenu à faire défiler.
    • Le contenu de l'en-tête fournit un contexte utile, comme le nom d'une liste.
  • L'utilisation d'un en-tête est facultative dans les cas suivants:
    • Le widget est à fond perdu, par exemple un widget photo.
    • Les places sont limitées.
    • Lorsque le contenu de l'en-tête est redondant
  • Si vous utilisez un en-tête, assurez-vous que:
    • L'icône est toujours présente
    • Le titre s'affiche lorsque l'espace disponible est suffisant
    • Les actions sont basées sur le contexte du widget.
Couleur WC-1

Le widget est compatible avec la thématisation des couleurs en fonction du contexte de l'appareil ou de l'application.

WC-2

Le widget est compatible avec les palettes du mode clair et du mode sombre.

Découverte WD-1

L'aperçu inclut du contenu utilisateur et/ou applique un thème système.

WD-4.4

Le widget comporte une description qui aide les utilisateurs à comprendre sa valeur.

WD-4.5

Le nom du widget est descriptif et différent des autres widgets de l'application.

Cohérence du système WS-2

Les widgets rectangulaires doivent utiliser le rayon des coins fourni par le système (spécifique à l'OEM).

WS-3

Le widget utilise la spécification de l'état de chargement.

WS-4

Le widget utilise la configuration système au lieu d'un point d'entrée de paramètres de widget personnalisé.

WS-5

Le widget utilise la transition de lancement du système lorsque vous accédez à l'application ou en quittez une depuis le widget.

Faites en sorte que le widget s'étende sur les quatre bords des limites de la grille.
Créez une taille personnalisée qui ne remplit pas les limites de la grille.
Fournissez un en-tête conforme aux spécifications des widgets.
Utilisez des spécifications personnalisées pour la taille et les titres.
Incluez une description concise et unique.
Fournissez une description générique.
Utiliser le rayon des coins du système
Définissez un rayon de coin personnalisé.