Applications Windows
Réduire la table des matières
Développer la table des matières

Recommandations en matière de barres de navigation (applications du Windows Store)

Suivez ces recommandations lorsque vous utilisez des barres de de navigation dans les applications du Windows Store. Une barre de navigation est une barre qui s’affiche en haut de l’application et contient des contrôles de navigation. La barre de navigation permet de basculer entre plusieurs contextes, notamment les onglets, les documents, et les messages ou les jeux.

Quand utiliser une barre de navigation

Vous pouvez placer les contrôles de navigation sur le Canvas principal de l’application ou dans la barre de navigation, votre choix peut faire la différence entre une application facile à utiliser et une application qui semble compliquée. La barre de navigation est idéale pour fournir un accès global à la demande à toutes les zones de votre application. Le Canvas convient mieux lorsque la navigation est fondamentale pour exécuter une tâche. Par exemple, dans une application de navigation de photos, qui permet essentiellement de rechercher et d’afficher des photos, la navigation doit se faire sur le Canvas en appuyant, en effectuant des mouvements panoramiques ou en sélectionnant du contenu et la zone de recherche doit être placée sur le Canvas pour permettre aux utilisateurs de trouver facilement les fichiers.

Anatomie de la barre de navigation

La barre de navigation s’affiche quand les utilisateurs effectue un balayage vertical. L’animation utilisée est la même que celle de l’animation de la barre de l’application, car la barre de navigation est hébergée au sein de la barre de l’application supérieure. L’apparence par défaut de la barre de navigation est un bouton, mais vous pouvez la personnaliser si vous le souhaitez. Cependant, une combinaison de boutons et de miniatures est souvent utilisée.

Image d’une barre de navigation avec des boutons et des miniatures

Vous pouvez choisir d’inclure d’autres fonctionnalités dans la barre de l’application supérieure, par exemple en ajoutant un bouton « + » pour créer un nouvel onglet ou une nouvelle session ou pour intégrer une zone de recherche. Placez ces fonctionnalités supplémentaires dans la partie droite de la barre de navigation.

Vous pouvez également diviser la barre de navigation en plusieurs zones, comme le fait l’application du Store. Dans l’image ci-dessous la section supérieure sert à la navigation globale et la section inférieure présente des catégories d’application.

Image de la barre de navigation de l’application du Store

Pratiques conseillées et déconseillées

Pratiques conseillées
  • Séparez les commandes et la navigation. Si possible, placez la navigation dans la barre de navigation supérieure et les commandes dans la barre inférieure de l’application.
  • Personnalisez les boutons de navigation pour une optimisation du contenu. Par exemple, utilisez un bouton rectangulaire plus large pour représenter les miniatures.
  • Regroupez les commandes et les contrôles dans la barre de navigation dans des sections distinctes et organisées. Par exemple : dans l’application du Store, la section supérieure sert à la navigation globale et la section inférieure présente des catégories d’application.
  • Utilisez des boutons partagés de navigation pour organiser les commandes de navigation de premier et de second niveau.
  • Modifiez la disposition verticale pour les tailles de fenêtre plus petites.
Pratiques déconseillées
  • Ne masquez pas les éléments d’interface nécessaires aux scénarios de base dans la barre de navigation. Placez-les plutôt sur le Canvas. Par exemple, si la recherche est critique pour vos scénarios de base, placez une zone de recherche sur le Canvas et non dans la barre de navigation ou la barre de l’application.
  • N’ajoutez pas un bouton Précédent à la barre de navigation.

 

Rubriques associées

Pour les concepteurs
Conception des commandes
Conception de la navigation
Pour les développeurs (applications du Windows Store en JavaScript)
Démarrage rapide : ajout d’une barre de navigation (NavBar)
Rendre la barre de l’application accessible
Pour les développeurs (application du Windows Store en C++, C# ou Visual Basic)
Démarrage rapide : navigation entre les pages
Pour les développeurs (application du Windows Store en C++ basée sur DirectX)
Création d’une barre de l’application ou d’un paramètre

 

 

Afficher:
© 2016 Microsoft