Advertisement
  1. Web Design
  2. UX
Webdesign

4 Principes clés de navigation web

by
Difficulty:BeginnerLength:ShortLanguages:

French (Français) translation by Henri Lotin (you can also view the original English article)

Voici comment faire fonctionner avec douceur la base de votre expérience digitale de sorte que vous pouvez aider davantage d’utilisateurs à aller là où ils doivent aller.

1. Maintenez la navigation cohérente

Avoir la barre navigation (l’élément qui contient tous les liens vers les différentes zones de votre site web) au même emplacement de page en page aide vos utilisateurs via le premier principe de cohérence. En étant dans un emplacement fixe, elle rend le contenu de la page en cours plus facile à comprendre ; elle fournit un contexte, peu importe sur quelle couche hiérarchique se retrouve l'utilisateur.

Bien que cela puisse paraître de bon sens d’avoir votre navigation fixe dans un emplacement prévisible, avec un comportement cohérent, manquer d'un tel comportement de base peut être déconcertant pour un utilisateur, en particulier dans un site regorgeant de niveau page et de contenu.

N’oubliez pas que la navigation de votre site web n’est pas un endroit pour les surprises. Considérez-la comme une feuille de route fonctionnelle : elle devrait être claire, concise et facilement détectable pour rapidement donner à votre utilisateur une idée d’où il peut aller pour réaliser une tâche.

2. Utilisez le contraste élevé

Assurez-vous que votre navigation soit visuellement distincte du reste du contenu de la page. Idéalement, soit par la couleur, la forme ou la taille, la barre de navigation devrait être non seulement cohérente d’une page à l’autre mais aussi contrastée de sorte qu'elle se distingue en un clin d'œil. Il s’agit d’un point particulièrement important du point de vue de l’accessibilité, comme quelqu'un qui a une vision partielle ou ayant une déficience visuelle dépendra fortement d'un modèle de navigation clair et prévisible qui est standard dans l’ensemble de votre site web.

Évitez de cacher la barre de navigation de la page si possible. Une tendance récente de navigation fixe aide à garder à la surface des façons de parcourir un site web aussi loin sur une page, qu'un utilisateur peut faire défiler. Pour les sites plus complexes, avec des contenus denses, un fil d’ariane près d’une barre de navigation peut compléter la page pour donner encore plus de contexte et aider l’utilisateur à retrouver où il était auparavant en un simple clic.

3. Permettez de la flexibilité

Une super navigation de site web permet aux utilisateurs d’avoir plus d’un moyen de trouver des choses. Par exemple, dans de nombreux sites web de consommateurs ou de vente au détail, recherche et navigation sont intégrées pour une expérience plus puissante. Non seulement vous pouvez faire une recherche générale, mais vous pouvez naviguer dans une catégorie étendue avant d’ajouter votre paramètre de recherche (ou vice versa).

Envato Elements uses a combination of search terms and taxonomies
Envato Elements utilise une combinaison de termes de recherche et de taxonomies

Surfacer le contenu avec des méthodes alternatives telles que des carrousels « top stories » ou « histoires récentes » permet encore une autre façon d’accéder au contenu que les utilisateurs peuvent trouver plus intéressant.

L’objectif d’un système de navigation de site flexible doit bien soutenir les tâches clés pour une variété d’utilisateurs.

Conclusion

Pour maximiser l’efficacité du design de votre prochaine navigation de site, gardez à l’esprit les principes de cohérence, de contraste élevé et de flexibilité.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.