Règles pour optimiser votre site

Plusieurs règles permettent d'optimiser un site web d'un point de vue ergonomique. Passage en revue des principales règles de base...


L'architecture

Votre site doit être "bien rangé", c'est à dire, organisé de manière à ce que vos visiteurs trouvent rapidement l'information qu'ils recherchent :

  • regroupements logiques de contenus ou fonctionnalités

  • organisation des rubriques

  • structuration des contenus

  • simplicité de navigation dans le menu

  • clarté du vocabulaire des intitulés


L'organisation visuelle

C'est l'une des clés pour que vos visiteurs restent sur votre site :


  • Aller à l'essentiel : ne pas surcharger vos pages, sélectionnez uniquement les informations utiles. Optez pour une interface claire, aérée, simple.

  • Réduire la quantité de textes : réécrivez vos contenus pour ne vous focaliser que sur l'essentiel. Les internautes ne prennent plus le temps de lire des pavés. Ils risquent de fuir votre site !

  • Afficher uniquement les principaux éléments de navigation et d'interaction.

  • Alléger la charge informationnelle : trop d'éléments graphiques peuvent polluer la lecture et la compréhension.

  • Surveiller l'harmonie visuelle : typographies, couleurs, volume des textes.

  • Organiser votre page en différents espaces : distinguez la navigation, les blocs de contenus, les boutons d'action, les éléments les plus importants.


La cohérence


Rester cohérent dans vos choix d'organisation, vos choix graphiques et le vocabulaire employé dans votre site,

  • Garder une navigation identique de page en page

  • Garder des appellations identiques : utilisez les mêmes mots pour désigner une action en particulier (notamment pour les boutons d'action. "Ajouter au panier", "Nous contacter"...). D'une page à l'autre, gardez l'infinitif si tel a été votre choix, le vouvoiement ou le tutoiement, etc;

  • Garder la cohérence des interactions : votre site doit se comporter de la même manière dans toutes les pages. Si tel style de bouton affiche un menu déroulant, gardez ce bouton pour ce type d'action. Votre utilisateur comprendra très rapidement comment utiliser votre site.


Les standards et conventions du web

Les conventions du web, ce sont les apprentissages et connaissances du fonctionnement d'un site Internet par les utilisateurs.


Au fur et à mesure des années et de l'utilisation, des "codes" ou "normes" se sont inscrits en standards. Par exemple : l'emplacement du logo centré ou aligné à gauche, le clic sur le logo qui renvoie à l'accueil, le menu de navigation en haut de page...

Si vous décidez de changer ces conventions, votre visiteur sera perturbé et perdu ! Cela peut se faire, mais de manière choisie, dans un cadre particulier (un site artistique par exemple).


Pour faciliter la navigation de vos visiteurs, il convient de respecter :

  • les conventions de localisation (logo, menus...)

  • les conventions de vocabulaire (des mots faciles à comprendre), des mots originaux mais non compris peuvent diminuer le taux d'utilisation...

  • les conventions d'interaction (type formulaires, alertes, process de commande...)

L'information utile

Transmettre la juste dose d'informations nécessaire à la compréhension.


  • Dire à votre visiteur ce que vous faites (votre activité) et ce que vous pouvez lui apporter.

  • Préciser ce qui va suivre (après qu'il ait cliqué sur un bouton par exemple, en décrivant en quelques mots le contenu de la page plus détaillée vers laquelle il sera redirigé).

  • Informer au bon moment. Par exemple, dans un site e-commerce, permettre de visualiser la possibilité de choisir des coloris dès la page de listing.

  • Mettre en avant des informations persuasives qui peuvent influencer l'acte de décision. Par exemple, les frais de livraison offerts s'ils sont un point fort de votre stratégie.

  • Répondre aux interactions de vos visiteurs. Par exemple, au clic sur une menu, à l'envoi d'un message. Votre visiteur doit savoir qu'il a été redirigé ou que son message a été bien envoyé.

Des mots et symboles bien choisis

Le vocabulaire, les icônes et pictogrammes doivent être orientés "utilisateur", c'est à dire qu'ils doivent avoir un sens pour eux. Mettez-vous à leur place.


  • Utiliser un vocabulaire clair et précis, dans un langage vulgarisé (non spécialiste) pour intituler les pages, les libellés, les items de navigation...

  • Choisir les bons pictogrammes : ils doivent être compréhensibles par tous. Les symboles et codes doivent faire passer le bon message.

  • Trouver le juste compromis entre la concision et la précision.

L'aide au visiteur

Si toutes ces règles ont été suivies, votre visiteur n'aura pas de mal à naviguer dans votre site et à être dirigé dans la bonne direction. Il aura vite repéré le menu, distingué clairement les éléments cliquables, actionné facilement les champs de saisie d'un formulaire...


Néanmoins, il peut être utile de donner accès à des contenus d'aide explicites, via un menu en bas de page par exemple, ou via une alerte en cas d'erreur.


Je vous ai présenté les règles phares en termes d'ergonomie web mais il y en a d'autres !


La qualité esthétique participe de l'expérience utilisateur globale. Si votre visiteur a trouvé votre site beau, compréhensible, facile à utiliser, et qu'en plus, il y a trouvé la qualité de service, vous aurez gagné sa confiance ! Et il y a de fortes chances qu'il revienne et même qu'il en fasse la promotion.


Vous avez besoin d'être accompagné pour créer ou refondre votre site web ? Contactez-moi. La première consultation est gratuite.