Nous conseillons d’utiliser ce menu en remplacement du menu classique qui est déprécié. Il a le même comportement, en affichant une liste déroulante avec une sélection d'options.
Usages
✅ Usage correct :
- Placement :
- Un menu devrait être placé de manière intuitive, généralement en haut de la page (menu principal) ou sur le côté (barre latérale). Cela permet aux utilisateurs de le trouver facilement sans chercher.
- Utiliser des icônes et des textes pour une meilleure compréhension. Par exemple, un icône de "maison" pour l'accueil.
- Nomenclature des options :
- Les titres des options doivent être clairs et concis, reflétant exactement la fonction ou le contenu. Par exemple, plutôt que "Info", privilégier "À propos" ou "Informations".
- Utiliser des verbes d'action pour inciter à l'utilisation, comme "Créer un compte" ou "Consulter les produits".
🚫 Usage incorrect :
- Placement :
- Éviter de cacher le menu derrière des boutons imprévisibles ou dans des zones peu visibles (comme un coin étroit de l'écran), ce qui peut frustrer les utilisateurs.
- Un placement fixe qui gêne la navigation ou couvre le contenu principal.
- Nomenclature des options :
- Utiliser des termes vagues ou techniques ne garantissant pas la compréhension pour tous les utilisateurs (par exemple, "Dashboard" au lieu de "Tableau de bord" en français).
- Trop d’options dans un même niveau de menu qui peuvent submerger l’utilisateur.
Localisation :
Il peut être fixe ou défilant avec le contenu.
- Sections contextuelles : Pour des applications plus complexes, des menus contextuels peuvent apparaître dans des sections spécifiques de la page, par exemple, un menu d’options lors de l'interaction avec un élément particulier (comme un bouton ou une image).
- Menu hamburger : Pour les applications mobiles ou les interfaces épurées, un menu hamburger (trois lignes empilées) peut être utilisé. Il est généralement placé dans un coin supérieur (souvent à gauche ou à droite) et se développe lorsqu'on clique dessus.