Recommandations en matière d’animations latérales de l’interface utilisateur (applications du Windows Store)

Les animations latérales affichent ou masquent l’interface utilisateur qui part du bord de l’écran. L’utilisateur ou l’application peut initier les actions d’affichage ou de masquage. L’interface utilisateur peut se superposer à l’application ou intégrer sa surface principale. Si l’élément d’interface utilisateur fait partie de la surface principale, un redimensionnement du reste de l’application peut être nécessaire pour l’accueillir.

Pratiques conseillées et déconseillées

  • Utilisez les animations latérales de l’interface utilisateur pour afficher ou masquer une barre de messages ou une barre d’erreur qui n’occupe pas beaucoup d’espace à l’écran.
  • Faites appel aux animations de volets pour afficher un élément d’interface utilisateur qui glisse et occupe un espace suffisant sur l’écran, comme c’est le cas pour le volet de tâches ou un clavier personnalisé.
  • Faites apparaître l’élément d’interface en le faisant glisser du bord où il doit venir s’attacher.
  • Faites-le disparaître en le faisant glisser du bord duquel il provient.
  • Si le contenu de l’application doit être redimensionné à la suite du glissement de l’élément d’interface utilisateur, utilisez des animations en fondu pour le redimensionnement.
    • Si l’élément d’interface utilisateur apparaît, utilisez l’animation en fondu après l’animation latérale de l’interface utilisateur ou des volets.
    • Si l’élément d’interface utilisateur disparaît, utilisez l’animation en fondu en même temps que l’animation latérale de l’interface utilisateur ou des volets.
  • Ne mettez pas en application ces animations pour les notifications. Les notifications ne doivent pas être hébergées au sein d’une interface utilisateur latérale.
  • N’appliquez pas les animations latérales de l’interface utilisateur ou des volets à un conteneur ou contrôle d’interface utilisateur qui ne se trouve pas au bord de l’écran. Ces animations ne servent que pour l’affichage, le redimensionnement et la fermeture d’éléments d’interface utilisateur aux bords de l’écran. Pour déplacer d’autres types d’interface utilisateur, utilisez les animations de repositionnement.

    Montre quand utiliser les animations latérales de l’interface utilisateur ou des volets et quand faire appel au repositionnement.

Rubriques associées

Pour les concepteurs
Recommandations en matière d’ajout et de suppression
Recommandations en matière d’animations de transition de contenu
Recommandations en matière d’animations de glissement
Recommandations en matière d’animations en fondu
Recommandations en matière d’animations de transition de page
Recommandations en matière d’animations de clic de pointeur
Recommandations en matière d’animations de repositionnement
Recommandations en matière d’animations contextuelles de l’interface utilisateur
Recommandations en matière d’animations de balayage
Pour les développeurs (applications du Windows Store en JavaScript et HTML)
Exemple de bibliothèque d’animations HTML
Animation de votre interface utilisateur
Animation latérale de l’interface utilisateur
showEdgeUI
hideEdgeUI
showPanel
hidePanel
Animation de fondus
Animation de repositionnements
Pour les développeurs (applications du Windows Store en C#/VB/C++ et XAML)
Animation de votre interface utilisateur
Animation latérale de l’interface utilisateur
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
EdgeUIThemeTransition
PaneThemeTransition
Animation de fondus
Animation de repositionnements

 

 

Afficher:
© 2014 Microsoft. Tous droits réservés.