Barre de navigation

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 3 minutes de lecture
  • Utilisez la barre de navigation de vos applications mobiles pour accéder aux écrans de lanceur, aux écrans, aux paramètres et aux notifications.

    Figure 1. Hiérarchie des composants de la barre de navigation
    Hiérarchie des composants de la barre de navigation.
    La barre de navigation se compose des composants suivants :
    • Barre de navigation
    • Onglets de la barre de navigation
    • Onglet d'écran
    • Onglet de lanceur
    • Onglet enregistré
    • Onglet de notification
    • Onglet des paramètres
    Onglets de barre de navigation avec l'onglet Plus

    La barre de navigation s'affiche au bas de chaque application mobile. Vous pouvez créer des onglets de barre de navigation dans la barre de navigation. Les utilisateurs peuvent accéder aux écrans de lanceur et aux écrans normaux dans la barre de navigation.

    Remarque :
    La barre de navigation de chaque application mobile est préconfigurée avec les onglets Notifications et Paramètres . Pour plus d’informations sur le contenu de ces onglets, reportez-vous à la section Structure de l'application Mobile. Il existe également un onglet enregistré, qui affiche une page affichant les enregistrements enregistrés par l’utilisateur.
    Liste affichée après qu'un utilisateur appuie sur l'onglet Plus

    Lorsque vous ajoutez plus de cinq onglets à la barre de navigation, un onglet Plus (icône Plus) s’affiche. Appuyez sur l’onglet Plus pour ouvrir une vue de liste affichant les onglets supplémentaires.

    Onglets d'écran et onglets d'écran du lanceur

    Figure 2. Onglet de navigation d’écran
    Onglet de navigation d’écran

    Utilisez un onglet d’écran pour activer l’accès direct à un calendrier, une carte personnalisée, une liste, une carte ou un écran Web mobile.

    Figure 3. Onglet de navigation de l’écran du lanceur
    Onglet de navigation de l’écran du lanceur

    Utilisez un onglet d’écran de lanceur pour permettre aux utilisateurs d’accéder aux éléments d’un lanceur d’écran.

    Les écrans de lanceur sont des tableaux de bord. Ils fournissent des raccourcis vers d'autres écrans et informations. Des raccourcis peuvent être ajoutés avec des icônes, des cartes, des sections de médias ou des nombres de scores.

    Directives générales pour la barre de navigation

    Tenez compte de ces directives générales lors de la configuration de votre barre de navigation.
    Nombre d’onglets
    • La barre de navigation affiche jusqu’à cinq onglets. Lorsqu’il y a plus de cinq onglets, un onglet de débordement, appelé onglet Plus, (icône Plus) est ajouté.
    • Essayez de limiter votre barre de navigation à cinq onglets, afin que tous les onglets soient visibles à tout moment.
    Types d’onglets
    • Par défaut, la barre de navigation contient les onglets Paramètres et Notification. La suppression de ces onglets est possible, mais peut empêcher vos utilisateurs d’accéder aux informations et fonctionnalités importantes de l’application.
    • Plutôt que de supprimer les onglets Paramètres et Notification, envisagez de modifier l’ordre dans lequel ils apparaissent dans la barre de navigation.
    • Les onglets Paramètres, Notifications et Enregistré permettent d’accéder à des pages spécifiques, de sorte qu’un seul onglet de chaque onglet est requis. Vous pouvez utiliser plusieurs onglets d’écran et d’écran de lanceur, mais il est suggéré de ne pas utiliser plus de cinq onglets.
    Afficher des onglets spécifiques pour les utilisateurs spécifiés
    Noms d'onglets
    • Donnez à vos onglets de navigation un nom descriptif qui fournit un contexte. Évitez les noms génériques comme Accueil ou Applications.
    • Utilisez des majuscules pour vos titres afin de les faire ressortir. Par exemple, Tâches ouvertes.
    Longueur des noms d’onglets
    • Limitez la longueur de vos titres afin qu’ils ne soient pas coupés lorsqu’ils sont affichés dans la barre de navigation.
    • Si vous prenez en charge plusieurs langues, tenez compte de la longueur des titres dans chacune des langues que vous prenez en charge.
    • Lorsque vous testez votre application, recherchez les titres qui ne s’affichent pas entièrement dans la barre de navigation.
    Composition de l’icône
    • La couleur de l’icône de la barre de navigation est déterminée par le thème de votre application.
    • Sélectionnez les icônes qui sont visuellement cohérentes et représentent le mieux les fonctions ou les informations présentées dans cette partie de votre application.
    • Évitez d’utiliser la même icône pour plusieurs onglets de navigation, afin que les utilisateurs puissent trouver rapidement ce dont ils ont besoin.
    Commande
    L’ordre des onglets doit être indiqué par niveau d’importance. Cet ordre varie selon les langues de gauche à droite et de droite à gauche.