Guide · Expérience mobile
Navigation mobile : rendre les parcours clairs, rapides et utilisables au toucher
Méthode pour organiser les menus mobiles, les liens et les actions principales avec des libellés clairs, des zones tactiles utilisables et un parcours accessible.
Réponse rapide
Sur mobile, chaque choix de navigation prend plus de place. La clarté des intitulés, la hiérarchie et le retour en arrière comptent davantage qu’un menu spectaculaire.
- Organiser le menu autour des tâches et du vocabulaire des visiteurs.
- Garder les actions importantes faciles à atteindre et à comprendre.
- Prévoir le clavier, le focus et la fermeture du menu.
- Tester les parcours sur de vrais écrans et avec des textes longs.
1. Réduire l’effort de décision
Un menu mobile n’a pas besoin de reproduire l’arborescence interne de l’entreprise. Placez d’abord les destinations qui répondent aux tâches les plus fréquentes. Les libellés doivent annoncer le contenu de la page, pas seulement une catégorie vague.
Une navigation courte peut garder un accès vers les contenus moins prioritaires. L’objectif est de permettre une découverte progressive, sans masquer les pages importantes sous plusieurs niveaux difficiles à parcourir.
- Commencer par les tâches fréquentes.
- Employer des noms de rubrique compréhensibles hors contexte.
- Éviter les niveaux imbriqués sans nécessité.
2. Rendre l’ouverture et la fermeture prévisibles
Le bouton de menu doit annoncer son état, recevoir le focus et fonctionner au clavier. À l’ouverture, le contenu du menu reste visible et utilisable ; à la fermeture, le focus revient à un endroit logique. Une touche Échap et une action de fermeture explicite aident les personnes qui naviguent sans toucher l’écran.
Évitez les animations qui ralentissent l’accès ou déplacent les éléments sous le doigt. Les zones interactives ont besoin d’espace suffisant pour éviter les activations involontaires.
- Contrôler le nom et l’état du bouton.
- Tester la fermeture au clavier et après un changement de taille d’écran.
- Séparer visuellement les actions proches.
3. Garder le contexte pendant la lecture
Après l’arrivée depuis un moteur, le visiteur peut vouloir comprendre où il se trouve et explorer un sujet voisin. Les liens internes descriptifs, le fil d’Ariane sur les pages profondes et une suite de lecture pertinente soutiennent ce mouvement sans imposer de retour à l’accueil.
Sur les pages longues, un sommaire peut accélérer l’accès à la section recherchée. Il doit rester accessible et ne pas masquer les titres sous un en-tête fixe.
- Relier les contenus proches par des intitulés précis.
- Prévoir un retour simple au niveau parent.
- Vérifier les liens d’ancrage avec les en-têtes fixes.
4. Tester avec le contenu réel
Un menu semble souvent simple avec des textes courts de démonstration. Testez les véritables intitulés, les langues les plus longues et le sens de lecture des versions de droite à gauche. Vérifiez les états de focus et le zoom, en plus des différents formats de téléphone.
Observez une personne accomplir une tâche sans lui expliquer le plan du site. Les hésitations, retours en arrière et clics manqués montrent où la navigation doit être simplifiée.
- Tester chaque langue publiée.
- Vérifier clavier, zoom et orientations d’écran.
- Mesurer la réussite des tâches plutôt que le nombre de clics seul.
Quel accès mobile pour quelle action ?
| Besoin | Solution possible | Contrôle |
|---|---|---|
| Destination fréquente | Lien direct dans le menu | Intitulé explicite |
| Action principale | Bouton visible dans le contexte | Contraste et priorité |
| Page longue | Sommaire ancré | Cible non masquée |
| Contenu secondaire | Niveau supplémentaire | Retour simple |
Avant d’avancer
La check-list opérationnelle
- Le menu s’ouvre et se ferme au clavier.
- Les liens annoncent leur destination.
- Les zones tactiles sont faciles à activer.
- Le focus reste visible.
- Les intitulés fonctionnent dans chaque langue du site.
Questions fréquentes
Les précisions à connaître
Faut-il toujours un menu hamburger sur mobile ?
Non. Le choix dépend du nombre de destinations et des tâches. Un petit nombre de liens peut rester visible ; un menu replié devient utile quand il évite l’encombrement sans masquer l’essentiel.
Quel est le bon nombre de niveaux de menu ?
Il n’existe pas de nombre universel. Gardez une hiérarchie que les visiteurs comprennent et testez les tâches importantes sans les obliger à parcourir des niveaux inutiles.
Documentation
Sources de référence
Ces ressources officielles complètent les arbitrages et permettent de vérifier les recommandations dans leur contexte.
