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 essentiel 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 pour les adapter à leurs préférences individuelles.

Checklists de compatibilité des widgets

La qualité des widgets a une incidence sur 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. Les niveaux incluent les éléments suivants :

Niveau 3 : faible qualité

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

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 suivants de mise en page, couleur, de découverte et de contenu.

Niveau 1 : différencié

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


Indicateur de niveau 3

NIVEAU 3

Caractéristiques des widgets de faible qualité

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

Catégorie ID Description
Mise en page WL-1

Le widget ne remplit pas les limites définies par la grille du lanceur lorsqu'il est déposé 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 n'ont pas besoin d'être tous 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

Le texte du widget et les boutons d'icône ne présentent pas des rapports de contraste de couleurs suffisants 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 ne comporte pas d'image d'aperçu.

Contenu WT-3

Le contenu du widget est systématiquement obsolète ou inopportun.

WT-3.1

Le widget ne se met pas à jour une fois que l'utilisateur a effectué une action à partir du widget.

WT-3.2

Le widget ne se met pas à jour une fois que l'utilisateur a effectué une action associée dans l'application.

WT-4

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

Icône du niveau 2

NIVEAU 2

Exigences concernant les widgets standards

Les widgets qui répondent à ce niveau de qualité de base sont considérés comme standards, mais ne sont pas considérés comme des widgets de présentation qui seront mis en avant 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 bords opposés des limites de la grille.

WL-4

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

WL-4.1

La taille maximale doit être définie si le redimensionnement du widget n'ajoute qu'un espace vide.

WL-4.2

La taille minimale de votre widget doit toujours offrir de la valeur et répondre aux exigences de la cible tactile (48 x 48).

Découverte WD-4

Le widget doit comporter des aperçus précis dans le sélecteur de widgets (élément statique).

Contenu WT-1

Les états zéro et vide sont intentionnels et montrent la valeur du widget et/ou fournissent un appel à 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 sont censées s'actualiser plus fréquemment que l'interface utilisateur.

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

Icône du niveau 1

NIVEAU 1

Exigences concernant les widgets différenciés

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

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, il est autorisé de ne toucher que deux bords.

WL-2

Le widget peut être redimensionné à au moins l'une des tailles suivantes : 2 x 2, 4 x 1, 4 x 2.

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 défilant.
    • Le contenu de l'en-tête fournit un contexte utile, tel que le nom d'une liste.
  • L'utilisation d'un en-tête est facultative lorsque :
    • Le widget est à fond perdu, comme un widget photo.
    • L'espace est limité.
    • 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 lorsqu'il y a suffisamment d'espace.
    • Les actions sont basées sur le contexte du widget.
Couleur WC-1

Le widget est compatible avec les thèmes de couleurs en fonction du contexte d'un appareil ou d'une application.

WC-2

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

Découverte WD-1

L'aperçu inclut le contenu de l'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 unique par rapport aux autres widgets de l'application.

Cohérence du système WS-2

Les widgets rectangulaires doivent utiliser le rayon d'angle 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 lors de l'entrée/de la sortie de l'application à partir du widget.

Développez le widget sur les quatre bords des limites de la grille.
Ne créez pas de taille personnalisée qui ne remplit pas les limites de la grille.
Fournissez un en-tête qui répond aux spécifications du widget.
N'utilisez pas de spécifications personnalisées pour la taille et les titres.
Incluez une description unique et concise.
Ne fournissez pas de description générique.
Utilisez le rayon d'angle du système.
Ne définissez pas de rayon d'angle personnalisé.