L’ergonomie des sites web

1. L’ergonomie

Le mot ergonomie vient du grec ergon (travail) et nomos (lois, règles). L’ergonomie peut être définie comme la science qui cherche à adapter au mieux le travail à l’homme. Cela implique qu’il faut prendre en considération tous les aspects humains et techniques.

En France, Alain Wisner fut l’un des pionniers de l’ergonomie. Il en donne une définition très intéressante en 1972 : « L’ergonomie est la mise en œuvre de l’ensemble des connaissances scientifiques relatives à l’Homme et nécessaires pour concevoir des outils, des machines et des dispositifs qui puissent être utilisés par le plus grand nombre avec le maximum de confort, de sécurité et d’efficacité. »

2. L’ergonomie des sites web

L’ergonomie aborde tous les aspects du travail. Nous pouvons avoir une application imbriquée : l’ergonomie de tous les objets, l’interface homme-machine, l’informatique et les sites web.

Qu’est-ce qu’un site ergonomique ? Un site ergonomique doit avoir deux qualités principales : il doit être utile et utilisable.

Utile : le site doit servir à quelque chose, il doit répondre à un besoin qui a été identifié. Si vous créez un site web qui n’intéresse...

1. La loi de proximité

La loi de proximité stipule que des éléments visuellement proches ont des rapports entre eux, alors que des éléments éloignés n’en ont pas.

Cela s’applique bien sûr aux interfaces des sites web. Il faut faire attention à ce que les éléments partageant la même information soient proches les uns des autres. C’est par exemple le cas des liens dans une barre de navigation. Tous les liens ont le même objectif : créer une navigation. Ils sont donc les uns à côté des autres. De plus, les liens de même catégorie sont regroupés. C’est pour cela que les sites web ont différentes barres de navigation.

Cette règle implique aussi de ne pas mettre à côté des éléments ayant des fonctionnalités différentes. Prenons un exemple classique d’un formulaire qui se renseigne en plusieurs étape. Nous pourrions poser une question aux visiteurs, de type « Souhaitez-vous continuer ? ». Le visiteur peut répondre par OUI ou par NON. Ces deux réponses sont très différentes, donc il faut faire attention à la position et au visuel des deux boutons.

En simplifiant, il ne faut pas que les boutons soient similaires et très proches l’un de l’autre...

1. L’architecture du site

Quand vous concevez votre site, veillez à bien le structurer à l’aide de rubriques, de catégories : c’est l’architecture du site. Le site doit afficher au même endroit les informations de même type, appartenant à la même rubrique, à la même catégorie.

Une fois que vous avez organisé votre site en catégories, mettez en avant les catégories les plus importantes, dans une navigation principale par exemple, ou en haut de l’écran, et mettez les catégories de moindre importance moins visibles, dans une barre de navigation secondaire, sur le côté ou en bas de l’écran.

Le site d’Apple utilise depuis de nombreuses années ce principe, voici l’exemple avec un extrait de sa page d’accueil découpée en pavés d’images avec des liens sur chacune d’entre elles.

Le site du Musée du Louvre (http://www.louvre.fr/) propose une architecture de l’information très structurée sur sa page d’accueil. Elle présente cinq zones distinctes et une information très bien structurée, grâce à une catégorisation rigoureuse des contenus et un « découpage » net de la page d’accueil.

2. L’organisation visuelle

L’organisation visuelle va mettre en évidence votre architecture, votre organisation, la catégorisation de votre site. Reprenez votre catégorisation et placez en évidence les rubriques...