États du widget et composants d’interface utilisateur intégrés

États du widget

Lorsqu’un widget s’affiche sur le panneau Widgets, il existe plusieurs états différents dans montrant qu’il peut se trouver, en fonction de l’état actuel du panneau widgets et de votre application, par exemple lorsque le widget est chargé, lorsque le widget est dans un état d’erreur ou lorsque l’utilisateur a personnalisé la disposition des widgets. Certains états sont conçus et implémentés par votre application, tandis que d’autres sont intégrés à l’hôte widgets. Cette section présente et décrit chaque état du widget. N’oubliez pas que les widgets prennent en charge les thèmes clairs et sombres, de sorte que les états intégrés et les états que vous personnalisez peuvent être différents en fonction du thème actuel.

État par défaut

L’état par défaut correspond à ce que le widget ressemble lorsqu’il est en cours d’exécution normalement. Il s’agit de l’expérience utilisateur principale de votre widget. Vous concevez la disposition de l’état par défaut de votre widget. Bien que l’interface utilisateur de l’état par défaut de votre widget puisse changer en réponse à la configuration utilisateur, l’état par défaut de votre widget doit être entièrement implémenté et ne doit pas être vide avant la configuration de l’utilisateur. Si votre widget exige que l’utilisateur se connecte, vous pouvez implémenter un état de déconnexion, décrit ci-dessous. Pour obtenir des conseils de conception pour créer l’état par défaut de votre widget, consultez les principes fondamentaux de la conception du widget.

FAIRE

• Dans la valeur par défaut, l’état actif d’un widget doit se sentir personnel et connecté à l’utilisateur.
• Les widgets doivent afficher du contenu attrayant qui apporte la valeur utilisateur dans le moment actuel.
• Donnez à l’utilisateur la possibilité de commencer à interagir avec le widget immédiatement.
• Fournissez une interface utilisateur qui reflète l’interface utilisateur de votre application, tout en restant dans les contraintes de conception des widgets, afin d’optimiser la cohérence et de réduire la courbe d’apprentissage.
• Envisagez d’utiliser l’emplacement de l’utilisateur pour préremplir les données de contenu comme les sports et les calendriers suggérés à ajouter au lieu de données génériques.
• Laissez suffisamment d’espace de respiration entre les éléments.

NE PAS

• Utilisez votre widget pour les offres commerciales génériques. Le contenu doit refléter les désirs et l’intention de l’utilisateur.
• Évitez les mises en page surchargées et complexes.

Privilégiez une densité d’information confortable et un espace blanc suffisant pour chaque taille de widget afin de favoriser le modèle de consultation rapide. Si vous avez beaucoup d’informations à inclure, envisagez la taille suivante pour afficher plus de contenu. Réfléchissez également à la facilité ou à la difficulté avec laquelle un utilisateur pourra parcourir rapidement le contenu et l’assimiler.

Envisagez d’ajouter des moments de surprise + plaisir à vos widgets pour élever l’expérience. Par exemple, pour les widgets Famille ou Calendrier, vous pouvez mettre en évidence l’anniversaire d’un enfant via différents traitements visuels.

Il s’agit de l’état avec la plus grande flexibilité de conception. Utilisez les instructions de cet article, ainsi que les principes de widget, les principes de base de la conception des widgets et les conseils de conception d’interaction de widget pour concevoir la façon dont vous souhaitez mettre en page votre contenu.

État déconnecté (pour les widgets qui nécessitent une authentification)

Certains scénarios de widget peuvent nécessiter que l’utilisateur se connecte ou effectue d’autres actions pour pouvoir voir du contenu de widget personnalisé. Lorsque l’utilisateur n’est pas connecté, vous devez envisager de présenter du contenu non personnalisé.

État d’erreur - fourni par le système

Si, pour une raison quelconque, le panneau Widgets ne peut pas récupérer la disposition ou les données d’un widget, il affiche un état d’erreur. Windows affiche l’en-tête du widget avec un message d’erreur et un bouton de rechargement. Ce message aura le même aspect pour chaque widget.

S’il existe du contenu mis en cache à afficher, l’en-tête du widget s’affiche lorsque les données ont été actualisées pour la dernière fois au format suivant :

1. Nombre de minutes si moins d’une heure
2. Arrondi à l’heure la plus proche si la durée dépasse une heure

Les noms de partenaires de widget trop longs seront tronqués à 15 caractères maximum lorsqu’un message en cache est affiché.

État de personnalisation

À compter de SDK d'application Windows 1.4, les widgets peuvent fournir un modèle de personnalisation qui fournit des contrôles à l'utilisateur pour personnaliser l'apparence du widget ou les données affichées par le widget. L’interface utilisateur de personnalisation est définie dans un modèle JSON.

Composants intégrés de l’interface utilisateur du widget

Certains éléments d’interface utilisateur d’un widget sont intégrés à l’expérience des widgets et, bien que ces éléments ne soient pas personnalisables par les fournisseurs de widgets, il est important de connaître ce que sont ces éléments et leur comportement.

Menu contextuel (système fourni)

Le menu contextuel s’affiche lorsque l’utilisateur clique sur l’icône à trois points en haut à droite. Ce menu permet aux utilisateurs de sélectionner leur taille de widget préférée et d’accéder à l’état de configuration du widget. Les partenaires utiliseront le même modèle de widget de registre « propulsé par ___ ».

Zone d’attribution

La zone d’attribution est affichée par la carte de widgets en fonction du nom et de l’icône du widget fournis lors de l’inscription du widget. Pour plus d’informations sur l’inscription de widgets, consultez le format XML du manifeste du package du fournisseur de widgets.