Recommandations en matière de vignettes secondaires.

Une vignette secondaire permet aux utilisateurs d’accéder directement de façon cohérente et efficace à des zones spécifiques d’une application du Windows Store à partir de l’écran d’accueil. Même si un utilisateur choisit d’"épingler" ou non une vignette secondaire à l’écran d’accueil, les zones épinglables d’une application sont déterminées par le développeur. Pour obtenir un résumé plus détaillé, voir Vue d’ensemble des vignettes secondaires. Tenez compte des recommandations suivantes quand vous activez les vignettes secondaires et concevez l’interface utilisateur associée dans votre application du Windows Store.

Remarque  Seuls les utilisateurs peuvent épingler une vignette secondaire à l’écran d’accueil ; les applications ne peuvent pas épingler des vignettes secondaires par programme. Les utilisateurs contrôlent également la suppression des vignettes et peuvent retirer une vignette secondaire de l’écran d’accueil ou de l’application parente.

Recommandations

Quand vous activez des vignettes secondaires dans votre application, tenez compte des recommandations suivantes :

  • Quand le contenu en question est épinglable, la barre de l’application doit contenir un bouton "Épingler à l’écran d’accueil" permettant de créer une vignette secondaire pour l’utilisateur.

  • Créez un menu volant qui s’affiche quand un utilisateur clique sur le bouton "Épingler à l’écran d’accueil". Ce menu volant doit confirmer que l’utilisateur veut ajouter une vignette secondaire à l’écran d’accueil. Par exemple, voici un menu volant de confirmation de l’application ESPN.

    Menu volant confirmant qu’un utilisateur veut épingler une vignette secondaire à l’écran d’accueil.

  • Si le contenu en question est déjà épinglé, remplacez le bouton "Épingler à l’écran d’accueil" sur la barre de l’application par le bouton "Détacher de l’écran d’accueil". Le bouton "Détacher de l’écran d’accueil" doit supprimer la vignette secondaire existante (après réception de la confirmation de l’utilisateur).

  • Quand le contenu en question n’est pas épinglable, n’affichez pas de bouton "Épingler à l’écran d’accueil" (ou affichez un bouton "Épingler à l’écran d’accueil" désactivé).

  • Utilisez les glyphes fournis par le système pour vos boutons "Épingler à l’écran d’accueil" et "Détacher de l’écran d’accueil" (voir les membres pin et unpin dans Windows.UI.Xaml.Controls.Symbol ou WinJS.UI.AppBarIcon).

  • Utilisez le texte des boutons standard : « Épingler à l’écran d’accueil » et « Détacher de l’écran d’accueil ». Vous devez remplacer le texte par défaut quand vous utilisez les glyphes d’épinglage et de détachement fournis par le système.

  • N’utilisez pas une vignette secondaire en tant que bouton de commande virtuel pour interagir avec l’application parente, par exemple, en tant que vignette « passer à la piste suivante ».

Indications d’utilisation supplémentaires

Pour les développeurs

  • Lors du lancement d’une application, cette dernière doit toujours énumérer ses vignettes secondaires, au cas où des ajouts ou des suppressions auraient eu lieu dont elle ne serait pas consciente. Quand une vignette secondaire est supprimée via la barre de l’application de l’écran d’accueil, Windows supprime simplement la vignette. L’application elle-même est responsable de la libération des éventuelles ressources ayant été utilisées par la vignette secondaire. Quand des vignettes secondaires sont copiées via le cloud, les notifications par vignette ou de badge actuelles sur la vignette secondaire, les notifications planifiées, les canaux de notification Push et les URI (Uniform Resource Identifier) utilisés avec les notifications périodiques ne sont pas copiés avec la vignette secondaire et doivent être reconfigurés.
  • Utilisez la classe RequestCreateForSelectionAsync lors de la création d’une vignette secondaire. Cela vous permet de placer votre menu volant de confirmation de manière prévisible, améliorant ainsi l’expérience utilisateur.
  • Ne changez pas le nom de la ressource d’image par défaut de votre vignette une fois votre application publiée. Avant que la vignette secondaire reçoive sa première notification ou lorsqu’elle n’a aucune notification à afficher, elle affiche son image par défaut. Si Windows ne trouve pas l’image attendue, il affiche une vignette vide.
  • Pour les vignettes secondaires, une application doit utiliser des ID uniques et significatifs qu’il est possible de recréer. Ceci est important pour les raisons suivantes :
    • Les utilisateurs peuvent réobtenir des vignettes secondaires lorsqu’ils installent l’application sur un deuxième ordinateur. L’utilisation d’ID de vignettes secondaires prévisibles et significatives pour une application permet à cette dernière de savoir ce qu’elle doit faire de ces vignettes lorsqu’elles figurent dans une nouvelle installation sur un autre ordinateur.
    • Au moment de l’exécution, l’application peut demander si une vignette spécifique existe.
    • La plateforme des vignettes secondaires peut être invitée à renvoyer l’ensemble des vignettes secondaires appartenant à une application spécifique. L’utilisation d’ID uniques et significatifs pour ces vignettes permet à l’application de vérifier l’ensemble des vignettes secondaires et d’effectuer les actions appropriées. Par exemple, pour une application de réseau social, les ID peuvent identifier les contacts individuels pour lesquels des vignettes ont été créées.
  • Les vignettes secondaires, comme toutes celles qui figurent sur l’écran d’accueil, sont des éléments dynamiques qui peuvent être régulièrement mis à jour avec du nouveau contenu. Les vignettes secondaires peuvent afficher des notifications et des mises à jour en utilisant le même mécanisme que toutes les autres vignettes. Pour mettre à jour la vignette quand l’application n’est pas en cours d’exécution, la vignette secondaire doit demander et ouvrir un URI de canal auprès des services de notifications Push Windows (WNS). Pour plus d’informations, voir Comment demander, créer et enregistrer un canal de notification.

Rubriques associées

Pour les concepteurs

Vue d’ensemble des vignettes secondaires

Recommandations en matière de vignettes et de badges

Guidelines for Segoe UI Symbol icons

Pour les développeurs (XAML)

Vue d’ensemble des vignettes secondaires

SecondaryTile class

Windows.UI.Xaml.Controls.Symbol

Quickstart: Pinning a secondary tile

Pour les développeurs (HTML)

Vue d’ensemble des vignettes secondaires

SecondaryTile class

WinJS.UI.AppBarIcon

Démarrage rapide : création d’une vignette secondaire

Exemple

Exemple de vignettes secondaires