28 août 2022

L’ergonomie de son site web : les 10 bonnes pratiques à suivre

L'ergonomie d'un site web illustration 3d

L'ergonomie d’un site internet est aussi importante que le contenu puisqu’elle va avoir un impact direct sur l’expérience utilisateur. Quelle couleur choisir pour les boutons ? quelle taille de police pour les titres ? Où placer l’appel à l’action ? Vous retrouverez dans notre article les bonnes pratiques pour soigner l’ergonomie de votre site.

Qu’est-ce que l’ergonomie d’un site internet ?

Selon Alain Wisner, médecin français considéré comme l’un des pères de l’ergonomie c’est :

“La collection de toutes les connaissances scientifiques liées à l’être humain et nécessaires pour créer des outils, des machines et des dispositifs utilisables, dans un maximum de confort, de sécurité et d’efficacité.”

Photo Alain Wisner

Il s’agit donc de créer un outil ici un site internet, avec une utilisation confortable, simple et efficace. L’utilisateur doit comprendre très facilement comment utiliser votre site pour naviguer vers l’information qu’il recherche.

L’amélioration de l’ergonomie web est un sujet récent.

Dans les premières années d’internet, ce n’était pas une priorité. On se concentrait surtout sur le contenu, c’est récemment avec l’explosion du nombre d’applications et de sites web que nous avons cherché à améliorer l’ergonomie sur internet.

Vous pouvez voir ici le premier site de l’entreprise Renault avec leur site d’aujourd’hui.

Design site Renault année 2000
Design site Renault aujourd'hui

Qu’est-ce qu’un site peu ergonomique ?

Nous considérons qu’un site est peu ergonomique si :

  • Il est lent à s’afficher
  • L’utilisateur ne sait pas où trouver l’information recherchée
  • Il est trop chargé ou désorganisé
  • L’utilisateur ne comprend pas ce que le site propose
  • Il est illisible

Lorsqu’un utilisateur ne trouve pas l’information cherchée en quelques secondes, il va quitter le site pour la trouver ailleurs. Il est donc indispensable de penser l’ergonomie de son site lors de la conception.

Les 10 bonnes pratiques à suivre pour une excellente ergonomie

Nous vous détaillons nos 10 bonnes pratiques pour proposer une excellente expérience sur votre site.

  1. Simplicité

Utilisez les blancs, n’essayez pas de remplir chaque espace de votre page car les espaces blanc permettent à l’oeil de se concentrer sur les choses importantes. Enlever tout ce qui n’est pas nécessaire, inutile d’ajouter une animation ou une couleur sur un élément qui n’est pas important pour l’utilisateur.

  1. Lisibilité

Pensez à la hiérarchie de votre contenu, vos titres doivent être plus gros que les sous titres qui sont eux mêmes plus gros que vos paragraphes. Choisissez la bonne police, il existe des milliers de polices différentes mais certaines sont difficiles à lire, vous ne vous trompez pas si vous utilisez une police Google tel que Lato, Roboto ou Merriweather. Soignez la mise en page en utilisant des puces, des listes numérotées comme dans cet article, des liens, etc.

  1. Contraste

Choisissez des couleurs avec un contraste important, par exemple si votre page est claire choisissez une police foncée et inversement cela améliorera le confort de lecture. Idem pour les boutons, icônes ou illustrations.

Contraste texte sur fond coloré

  1. Appel à l’action

Vos boutons d’action doivent attirer l'œil avec un texte court, lisible et un fond ou un contour marqué pour inviter à cliquer. Vous pouvez également l’animer au survol de la souris pour souligner le fait que cet élément est cliquable.

exemples de design de bouton

  1. Navigation

Affichez le menu en haut de vos pages, les utilisateurs sont habitués à ce fonctionnement, il n’est pas nécessaire de vouloir casser les codes pour être original. Ajoutez un bouton d’appel à l’action, celui-ci sera accessible à n’importe quel endroit de votre site. Ajoutez des liens dans le footer, voici notre article pour créer un bon footer pour votre site internet. Mettez des fils d'Ariane sur vos pages, ils permettront à vos utilisateurs de les situer sur le site et de revenir rapidement en arrière, on retrouve surtout cet élément sur les sites e-commerce. 

Menu Studio12

  1. Mobile

L’ergonomie de votre site doit s’adapter au support, sur mobile les tailles de polices seront plus petites que sur ordinateur et les éléments doivent être placés les uns en dessous des autres.

  1. Rapidité

Votre site doit être performant, plus un site est lent et plus les visiteurs iront voir ailleurs, vous pouvez améliorer les performances de votre site en choisissant les bons outils, en suivant les bonnes pratiques de développement et en allégeant vos images.

  1. Formulaires

Simplifiez vos formulaires de contact, s’il y a trop de champs à remplir les utilisateurs ne le complèteront pas.

  1. Barre de recherche

Donnez la possibilité à vos utilisateurs de faire des recherches rapides via une barre de recherche si votre site à beaucoup de contenu.

  1. Page 404

Il est important de personnaliser la page d’erreur 404 lorsqu’un lien est mort ou incorrect en redirigeant vos utilisateurs sur votre site internet via des boutons.

Page 404 site Studio12

Pourquoi l’ergonomie d’un site web a un impact sur le référencement ?

En améliorant l’ergonomie de votre site, vous améliorez aussi :

  • La vitesse d’affichage
  • Le taux de conversion
  • L’expérience utilisateur
  • Le trafic
  • Le taux de rebond
  • La fidélité de vos utilisateurs

Ces éléments ont un impact direct sur le référencement de votre site internet, une raison de plus de ne pas négliger cet aspect.

Conclusion

Une bonne ergonomie vous permettra de vous démarquer sur le web, elle fidélisera vos visiteurs et aura un impact positif sur le référencement. Mettez-vous à la place de vos utilisateurs, suivez ces 10 points et inspirez-vous d’autres sites.

Découvrez d'autres articles

vous souhaitez lancer votre projet?
Nous vous aidons à atteindre vos objectifs
Lancer un projet
En cliquant “Accepter tous les cookies”, vous acceptez le stockage de cookies sur votre appareil pour améliorer la navigation sur le site, analyser l'utilisation du site et nous aider dans nos efforts de marketing. Voir notre Politique de confidentialité pour plus d'informations.
Cookie Icône