Navigation bar
La Navigation bar (barre de navigation) apparaît en haut de l'écran d'une application, sous la Status bar, et permet de naviguer dans une série d'écrans hiérarchisés.
Description
La Navigation bar (barre de navigation) apparaît en haut de l'écran d'une application, sous la Status bar, et permet de naviguer dans une série d'écrans hiérarchisés.
Elle peut inclure le titre de la page, un bouton de retour, des actions contextuelles (ex. : modifier, supprimer, liker) ou des éléments de navigation globale (notifications, menu, messages).
Plateformes
-
Web
Indisponible -
Anatomie
- Left icon (optionnel): un bouton de retour, un menu, ou autre.
- Page title (optionnel): titre de la section
- Right icon (optionnel): les notifications, un bouton de fermeture, ou d'autres actions.
Usage
Quand l'utiliser ?
Utilisez une Navigation bar pour fournir du contenu et des actions liés à l'écran actuel, comme la navigation, le titre de la page et les actions contextuelles ou globales.
Les informations et les actions proposées sont principalement contextuelles et spécifiques à un écran, mais peuvent également inclure un accès à des parcours inter-applications clés ou des fonctionnalités globales (ex : notifications).
Do's and don'ts
-
Do
Utiliser des titres de pages clairs et concis. On privilégiera l’utilisation du titre pour les pages principales de premier niveau.
-
Don't
Utiliser des titres de pages clairs et concis. On privilégiera l’utilisation du titre pour les pages principales de premier niveau.
-
Do
Utiliser des titres de pages clairs et concis. On privilégiera l’utilisation du titre pour les pages principales de premier niveau.
-
Don't
Il est déconseillé d’utiliser un bouton de retour et un bouton de fermeture (sauf exceptions). Les actions étant trop similaires, elles risquent de dérouter l’utilisateur.
Des questions ou un feedback ?
N’hésitez pas à contacter la team Design System par mail.