Vue d’ensemble des widgets

Windows Widgets sont de petits conteneurs d’interface utilisateur qui affichent du texte et des graphiques, associés à une application installée sur l’appareil. Les widgets installés sont affichés dans une grille du panneau Widgets : un plan volant qui superpose le bureau Windows lorsque l’utilisateur clique sur l’icône Widgets dans la barre des tâches, utilise le raccourci Windows+W ou effectue des mouvements de balayage à partir du bord gauche de l’écran. Les widgets aident les utilisateurs à rester informé de ce qui est important pour eux en regroupant du contenu personnalisé et des actions rapides à partir des applications qu’ils utilisent. Ils sont rapidement consommables et exploitables. Les widgets ne sont pas destinés à remplacer les applications et les sites web, mais fournissent plutôt un accès facile aux informations les plus nécessaires ou aux fonctionnalités souvent utilisées que les utilisateurs peuvent lire/déclencher immédiatement. Lorsque vous concevez votre widget, tenez compte du type de valeur qu’il apporte à vos consommateurs. 

Capture d’écran du tableau Widgets. Le tableau est un rectangle arrondi avec l’heure affichée en haut, suivi d’une barre de recherche. Le reste du tableau est une grille de rectangles arrondis représentant chacun un widget. Les widgets individuels affichent les principales actualités, la météo actuelle, le trafic actuel, etc.

Terminologie des widgets

Terme Définition
Hôte de widgets Application qui affiche et gère Windows widgets. Le tableau des widgets intégré à Windows 11 est un hôte de widgets.
Panneau de Widgets Le panneau Widgets est un composant système Windows 11 qui s’affiche sur le bureau lorsque l’utilisateur clique sur l’icône Widgets dans la barre des tâches, utilise le raccourci Windows+W ou effectue un mouvement de balayage à partir du bord gauche de l’écran. Le panneau Widgets affiche les widgets et gère leur disposition sur la carte.
Widget Un petit conteneur d’interface utilisateur qui présente du contenu ou des actions à partir d’une application. Vous pouvez définir son contenu avec une carte adaptative ou afficher du code HTML à partir d’une URL avec un fournisseur de widgets web. Les widgets fournissent des informations et des actions en un clin d’œil, avec des liens vers votre application pour des tâches plus détaillées.
Fournisseur de widgets Un fournisseur de widgets est une application Windows qui fournit du contenu à afficher dans le widget. Le fournisseur de widgets possède le contenu, la disposition et les éléments interactifs du widget.

Important

Les widgets web sont disponibles uniquement pour les utilisateurs de l’Espace économique européen (EEE). Vérifiez les exigences du widget web avant de sélectionner du contenu HTML.

Guide de conception de widgets

Pour un widget de carte adaptative, définissez les éléments visuels et interactifs dans un modèle JSON Cartes adaptatives. Utilisez le Cartes adaptatives Designer pour modifier la carte, puis validez les propriétés, les tailles, les thèmes et les actions spécifiques à l’hôte de Windows dans le panneau Widgets. Les options de moteur de rendu et d'hôte du Concepteur ne sont pas un substitut aux tests dans Windows. Pour un widget web, concevez le contenu HTML pour la taille, le thème et les exigences d'interaction du widget ; le concepteur Cartes adaptatives ne modifie pas ce code HTML.

Les deux approches de rendu doivent suivre les principes de conception des widgets ci-dessous. Pour la configuration du contenu web, les demandes de ressources et la messagerie, consultez les fournisseurs de widgets Web.

Pour obtenir une procédure pas à pas de haut niveau des éléments visuels d’un widget, consultez États de widget et composants intégrés de l’interface utilisateur.

Principes des widgets

Pour créer d’excellents widgets Windows, tenez compte des principes suivants lorsque vous concevez et développez vos widgets :

D’un coup d’œil

Un widget doit immédiatement remettre sa valeur principale à l’utilisateur.

Ciblé & utile

Un widget doit servir un objectif clair et principal.

Prédictible et calme

Les comportements et les modèles d’un widget aident les utilisateurs à effectuer des tâches de manière prévisible.

Ancré par l’utilisateur

Un widget doit refléter les besoins, préférences et intentions de l’utilisateur. Le contenu doit être basé sur les propres données de l’utilisateur ou des intérêts explicitement déclarés.

En temps voulu

Un widget doit exposer les informations pertinentes au bon moment et dans le contexte approprié.

Planification de l’expérience de widget de votre application

  1. En fonction de votre compréhension de vos clients, identifiez le contenu le plus important ou les actions les plus utiles auxquelles vos utilisateurs aimeraient avoir accès rapidement sans ouvrir votre application ou votre site web. Considérez les principes énumérés dans la section Principes des widgets et réfléchissez à la façon dont ils peuvent s’appliquer à votre application.
  2. Votre application peut prendre en charge plusieurs widgets individuels. Déterminez le nombre de widgets distincts que vous souhaitez prendre en charge afin que chaque widget se concentre sur un objectif spécifique.
  3. Déterminez le contenu que vous souhaitez inclure pour chaque widget. Un seul widget peut prendre en charge trois tailles différentes : petite, moyenne et grande. Pour chaque widget, réfléchissez au contenu qui apporterait le plus de valeur aux utilisateurs et aux besoins de votre entreprise. Pour chaque taille, de la petite à la grande taille, l’objectif du widget doit rester le même, mais la quantité d’informations affichées doit se développer avec des tailles plus grandes. Nous recommandons aux fournisseurs de widgets d’implémenter toutes les tailles de widget pour offrir aux utilisateurs la flexibilité lors de la personnalisation de la disposition du widget.
  4. Réfléchissez aux interactions utilisateur que votre widget prendra en charge. Les utilisateurs peuvent cliquer sur le titre du widget ou sur les cibles de clic que vous avez définies sur le widget. Ces interactions peuvent activer des raccourcis de lien profond dans votre application ou site web qui amènent les utilisateurs directement à ce qu’ils souhaitent, afin qu’ils n’aient pas à naviguer à partir de la racine de votre application. Considérez les différents modèles de navigation proposés.
  5. Choisissez l’implémentation de votre fournisseur et le format de contenu. Une application de bureau Win32 empaquetée peut fournir du contenu de carte adaptative ou utiliser les API de widget web pour afficher du code HTML. Une application web progressive (PWA) utilise des définitions de widgets dans son manifeste d’application web et gère les événements dans un service worker. Consultez fournisseurs de widgets, fournisseurs de widgets web ou Créer des widgets pilotés par PWA pour le chemin d’implémentation correspondant.

Contenu de cette section

États des widgets et interface utilisateur

Principes fondamentaux de la conception des widgets

Conception des interactions des widgets

Créer un modèle de widget avec le concepteur Cartes adaptatives

Intégrer au sélecteur de widgets

Voir également

  • Dernière mise à jour :