Guidelines Composants: Menu

[djaumes]

12. Menu / navbar

a) Définition

(1) Essence

(a) Un menu permet de naviguer entre différentes sections ou fonctionnalités d’un produit, il représente le niveau de hiérarchie entre les différents éléments qui le composent.

(2) Emploi

(a) Un menu est utilisé pour la navigation principale et secondaire d’un produit.
(b) Un menu peut être composé d’une navigation principale et d’une navigation secondaire pour chaque élément de navigation principale.

(3) Mésusage

(a) Un menu ne peut pas être utilisé pour lier des éléments qui ne font pas partie du produit.
(b) Un menu et ses liens ne peuvent pas altérer la disponibilité des fonctionnalités du produit, cacher/désactiver des fonctionnalités ouvertes aux utilisateurs de manière momentanée ou permanente.

b) Utilisation

(1) Position

(a) Le menu est positionné dans le header de la page.

(2) Alignement

(a) Le menu doit prendre toute la largeur disponible,

(3) Contenu

(a) On limitera le nombre d’éléments à 7 par section ou sous-section. Au-delà, le menu demande un effort de mémoire à l’utilisateur.

(4) Rédaction

(a) Le contenu doit être extrêmement conçis, de préférence un seul mot, représentatif de la fonctionnalité/page vers laquelle redirige.

(5) Pictogrammes

(a) Aucun pictogramme ne peut être utilisé dans le menu

(6) Action

(a) La navigation doit être disponible constamment et de façon inaltérée sur l’ensemble des pages du produit.

(7) Variations

(a) Simple
i) Seul la navigation principale est utilisée pour le menu
(b) Double
i) Une sous section est disponible pour au moins un des éléments de navigation principale

(8) États

(a) Inactif
(b) Actif
(c) Focus
(d) Désactivé