Vue d’ensemble des widgets

Les widgets Windows 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 tableau Widgets : plan de menu 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 un mouvement 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. 

Screenshot of the Widgets Board. The board is a rounded rectangle with the time displayed at the top, followed by a search bar. The rest of the board is a grid of rounded rectangles each representing a widget. The individual widgets show top news stories, current weather, current traffic, etc.

Terminologie des widgets

Terme Définition
Hôte de widgets Application qui affiche et gère les widgets Windows. Dans la version actuelle, le seul hôte de widgets est le tableau Widgets intégré à Windows 11.
Tableau Widgets Le tableau Widgets est un composant système de 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 tableau Widgets affiche les widgets et gère leur disposition dans le tableau.
Widget Un widget est une carte adaptative qui présente du contenu ou des actions importants d’une application. Il permet aux utilisateurs d’accéder instantanément aux informations souhaitées sans avoir à lancer l’application ou le site web associé. Le contenu du widget est actualisé dynamiquement tout au long de la journée pour fournir à l’utilisateur du contenu actuel et intéressant qui peut être consommé en un clin d’œil. Les widgets fournissent des fonctionnalités interactives de base qui permettent à l’utilisateur de lancer l’application associée pour un engagement plus approfondi. Les widgets ne sont pas destinés à remplacer les applications et les sites web.
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.

Guide de conception de widgets

L’expérience visuelle d’un widget comprend des éléments visuels et des éléments d’interaction définis à l’aide du format JSON Cartes adaptatives. Le Concepteur de cartes adaptatives fournit un éditeur en temps réel pour concevoir des cartes adaptatives, ainsi que des modèles pour les tailles et thèmes des widgets pris en charge. Il est important que la conception de votre widget respecte les principes de conception du widget Windows pour vous assurer que le tableau Widgets offre une expérience cohérente et familière pour tous les widgets.

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

Les utilisateurs peuvent obtenir un aperçu rapide pour tirer le meilleur parti du widget. Ils leur suffit de cliquer dessus s’ils veulent des détails plus riches ou des interactions plus approfondies.

Fiable

Met instantanément en lumière des informations fréquemment utilisées pour faire gagner du temps aux utilisateurs grâce à la répétition de ces étapes. Favorisez un nouvel engagement cohérent envers votre application.

Utile

Élevez les informations les plus utiles et pertinentes.

Personnel

Fournissez du contenu personnalisé et créez une connexion émotionnelle avec les clients. Les widgets ne doivent jamais contenir de publicités. Les clients contrôlent le contenu et la disposition de leur widget.

Avec focus

Chaque widget doit généralement se concentrer sur une tâche ou un scénario principal. Les widgets ne sont pas destinés à remplacer vos applications et sites web.

Frais

Le contenu doit être actualisé dynamiquement en fonction du contexte disponible. Il est à jour et fournit le contenu approprié au bon moment.

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. Les applications doivent implémenter un fournisseur de widgets qui implémente la fonctionnalité principale pour envoyer la disposition et les données de votre widget au tableau des widgets à afficher. Actuellement, vous pouvez implémenter un fournisseur de widgets en utilisant une application de bureau Win32 packagée ou une application web progressive (PWA). Pour plus d’informations sur la création d’un fournisseur de widgets Win32, consultez Fournisseurs de services de widgets. Pour plus d’informations sur les fournisseurs de widgets PWA, consultez Créer des widgets basés sur une application web progressive (PWA).

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 de cartes adaptatives