Vignettes dynamiques

Applies to Windows and Windows Phone

Écran d’accueil avec vignettes dynamiques pour les applications Courrier, Météo, Actualité, etc.

Les vignettes dynamiques constituent un élément essentiel de l’écran d’accueil et de l’expérience moderne de Windows. Elles fournissent du contenu à jour et des notifications. Les vignettes dynamiques incarnent le principe de conception de Microsoft visant la rapidité et la fluidité. Les utilisateurs peuvent voir des mises à jour et des informations en temps réel concernant leurs applications sur leur écran d’accueil. Ils peuvent ainsi consulter rapidement les nouvelles informations et montrer de l’intérêt pour des applications avant même de les ouvrir.

Vignettes dynamiques dans Windows

Une vignette est une représentation de l’application sur l’écran d’accueil et elle est peut être statique ou dynamique. Une vignette statique affiche le contenu par défaut, qui est généralement une image de logo de la taille de la vignette. Une vignette dynamique peut présenter du contenu nouveau ou important qui invite l’utilisateur à rouvrir l’application. Vous pouvez implémenter des notifications par badge ou par vignette dynamique pour attirer les utilisateurs.

Vignette statique et vignette dynamique pour l’application Actualité

Les mises à jour fréquentes sous forme de notifications par vignette indiquent aux utilisateurs que l’application est connectée et reçoit du contenu dynamique et actualisé. La fréquence des notifications par vignette doit dépendre du scénario spécifique à votre application. Par exemple, une application de réseau social massivement utilisée peut se mettre à jour toutes les 15 minutes, une application de météorologie toutes les deux heures, une application d’information plusieurs fois par jour, une application d’offres commerciales une fois par jour et une application de magazine une fois par mois. Si votre application est mise à jour une fois par semaine, utilisez une simple vignette avec un badge pour éviter l’affichage du contenu obsolète.

Les badges de notification sont parfaits pour les applications qui prennent en charge des notifications courtes, par exemple une application de SMS. Vous pouvez utiliser des numéros de badge pour communiquer des éléments, par exemple le statut ou le nombre de messages texte reçus depuis la dernière ouverture de l’application. Si votre badge affiche la plupart du temps un nombre supérieur à 50, envisagez plutôt d’utiliser un glyphe système qui indique un statut plutôt qu’un nombre.

Les notifications par vignette doivent être pertinentes et fournir des informations. Une notification invite l’utilisateur à lancer l’application pour obtenir des détails supplémentaires ou pour effectuer une action.

Les utilisateurs peuvent redimensionner les vignettes. Vous pouvez ajuster les styles des notifications par vignette dynamique en fonction des différentes tailles. Par exemple, une image peut être époustouflante sur une grande vignette mais une simple notification peut être plus efficace sur une vignette moyenne. Considérez chacune des tailles de vignette et concevez les fonctionnalités de vignette dynamique en conséquence.

Innovation avec les vignettes dynamiques

Vignette dynamique large de l’application Great British Chefs et vignette dynamique large du Windows Store

Le contenu présenté dans une vignette dynamique est extrêmement variable, depuis de simples notifications jusqu’à des images d’extraits de contenu plus long qui encouragent les utilisateurs à aller plus avant dans leur découverte en ouvrant l’application. Nous encourageons les concepteurs et les développeurs à tirer parti de la visibilité et de l’opportunité du contenu qu’offre une vignette dynamique.

Voici quelques-unes des caractéristiques qui rendent une vignette dynamique intéressante :

  • Contenu récent et fréquemment mis à jour qui fait penser à l’utilisateur que votre application est active même lorsqu’elle ne s’exécute pas.
  • Mises à jour personnalisées qui utilisent ce que vous savez de l’utilisateur, tel que les centres d’intérêt qu’il peut spécifier dans les paramètres de l’application.
  • Contenu pertinent au contexte actuel de l’utilisateur.

Exemples

Monsters Love Candy

Le jeu Monsters Love Candy utilise la totalité de la vignette pour promouvoir sa marque. La vignette large affiche la bannière XBOX, une image aux couleurs vives tirée du jeu et une invitation à découvrir et à débloquer davantage du contenu de l’application.

Deux affichages de la vignette dynamique large de l’application Monsters Love Candy

 

Dans des tailles plus petites, la vignette dynamique Monsters Love Candy est lisible et dynamique. Elle affiche tout d’abord une image des personnages, puis passe à du texte qui rappelle aux joueurs qu’il y a encore d’autres choses à découvrir.

Quatre affichages de la vignette dynamique moyenne de l’application Monsters Love Candy

 

News Bento

L’application d’actualité personnalisée News Bento présente de nouvelles histoires sur différentes tailles de vignette dynamique. Le point fort de News Bento est sa capacité à regrouper du contenu provenant de sources qui intéressent ses utilisateurs. Afficher la source de chaque histoire sur sa vignette dynamique attire donc l’attention tout en renforçant la confiance que témoigne l’utilisateur à l’application.

Deux affichages de la vignette dynamique large de l’application New Bento

 

L’application utilise l’imagerie de l’article d’actualité dans les tailles de vignette grande et très large. Dans une taille de vignette plus petite, la source et le titre d’une histoire s’étendent sur la vignette. L’arrière-plan bleu emblématique de News Bento permet aux utilisateurs de sélectionner l’application parmi d’autres vignettes, même quand un contenu varié est affiché.

Deux affichages des vignettes dynamiques moyennes de l’application New Bento

 

Rubriques associées

Recommandations et liste de vérification sur les vignettes et les badges

 

 

Afficher:
© 2014 Microsoft