Hiérarchie visuelle : pourquoi vos visiteurs ne cliquent pas

Vous connaissez votre site, votre visiteur le découvre

Vous savez où se trouve votre bouton de contact. Vous pourriez le cliquer les yeux fermés. C'est précisément le problème : vous ne regardez plus votre page, vous vous en souvenez.

Votre visiteur, lui, arrive dessus pour la première fois. Souvent sur un téléphone, souvent debout, souvent entre deux choses. Il ne lit pas votre page, il la balaie. En quelques secondes, il décide si l'endroit a l'air sérieux, si ça correspond à ce qu'il cherche, et s'il y a quelque chose d'évident à faire ensuite. Si la réponse à la troisième question n'est pas immédiate, il repart. Pas en claquant la porte : sans y penser.

Dans la grande majorité des sites que nous auditons, le bouton existe. Il est même souvent bien libellé. Il est simplement noyé au milieu de tout le reste. La page a l'air propre, équilibrée, agréable. Et elle ne guide personne. C'est ça, un problème de hiérarchie visuelle : non pas un manque d'éléments, mais une absence de priorité entre eux.

Un restaurant : le bouton « Réserver » invisible

Avant

La page d'accueil s'ouvre sur une grande photo de salle, très réussie, avec le nom de l'établissement centré dessus. Sous la photo, trois paragraphes racontent l'histoire du lieu. Le bouton « Réserver une table » est dans le menu du haut, en petites capitales, de la même couleur et de la même taille que « Notre carte », « L'équipe » et « Accès ». Sur mobile, le menu est replié derrière un pictogramme. Le bouton n'existe donc, à ce moment-là, pour personne.

Après

La photo reste, mais elle laisse la place à un bloc de tête où l'on lit en trois secondes le type de cuisine, le quartier, et un bouton plein, coloré, isolé par du vide autour de lui. Sur mobile, une barre de réservation reste accessible en bas d'écran pendant tout le défilement. Les trois paragraphes d'histoire descendent : ils intéressent celui qui hésite encore, pas celui qui cherche une table pour ce soir.

Rien n'a été supprimé. On a simplement arrêté de traiter « raconter » et « réserver » comme deux besoins de même urgence.

Un prestataire de services : un bouton arrivé trop tôt

Avant

La page de présentation d'une offre commence par un titre, deux lignes d'accroche, puis immédiatement un bouton « Demander un devis ». Vient ensuite tout ce qui compte vraiment : la méthode, les délais, les exemples de réalisations, les réponses aux objections. Le bouton n'est jamais repris ensuite. Le visiteur arrive au bas de page convaincu — et sans rien à cliquer. Il remonte, ou plus souvent il ferme.

Après

Le bouton reste en haut, parce qu'il sert à ceux qui savent déjà. Mais il est répété après chaque bloc qui lève une objection : après la méthode, après les tarifs, après les exemples. Chaque reprise est formulée en fonction de ce qui vient d'être lu. Un même bouton, trois occasions de le rencontrer au moment exact où le doute vient de tomber.

C'est le correctif le plus rentable que nous appliquons en audit, et le plus contre-intuitif pour nos clients : ils craignent d'insister. Insister, ce serait dire trois fois la même chose. Là, on répond trois fois à trois moments différents.

Une boutique : trois boutons qui se neutralisent

Avant

Sur la fiche produit, quatre actions se disputent le même espace : « Ajouter au panier », « Ajouter aux favoris », « Comparer », « Poser une question ». Toutes ont la même forme, la même taille, un cadre de la même épaisseur. L'œil ne trouve pas de gagnant, donc il ne choisit pas. Plus bas, le prix est en corps de texte, plus petit que le titre de la section « Livraison ».

Après

Une seule action est traitée comme un bouton plein : l'ajout au panier. Les trois autres deviennent des liens discrets, disponibles sans être concurrents. Le prix remonte juste sous le nom du produit, dans une taille qui le rend lisible d'un coup d'œil, accompagné de la mention de livraison qui rassure. L'ordre de lecture suit enfin l'ordre des questions que se pose l'acheteur : c'est quoi, combien, quand j'en dispose, comment je l'obtiens.

Quand tout est mis en avant, plus rien ne l'est. La hiérarchie visuelle d'un site web consiste d'abord à choisir ce que l'on accepte de rendre secondaire.

Ce n'est pas forcément une refonte

C'est le réflexe le plus courant, et souvent le plus coûteux : constater que le site ne convertit pas, et décider de tout refaire. Dans une partie des cas, la structure est saine, les textes sont bons, le référencement fonctionne. Ce qui manque, c'est une mise en ordre des priorités visuelles sur trois ou quatre pages clés : l'accueil, la page de l'offre principale, la page de contact.

Nous commençons donc toujours par regarder avant de proposer. Notre audit gratuit sert exactement à ça : identifier si vous avez un problème de hiérarchie visuelle, de contenu, ou de visibilité. Les trois ne se soignent pas de la même manière et ne coûtent pas la même chose.

Si la refonte s'impose vraiment — structure vieillissante, site non responsive, technologie abandonnée — nos tarifs sont publics : de 990 € HT pour un site d'une page à 3 060 € HT pour dix pages, en dégressif, avec −8 % au comptant ou −4 % sur douze mois. Vous pouvez tout chiffrer vous-même sur notre calculateur de devis avant même de nous parler. C'est un choix : nous préférons que vous sachiez où vous mettez les pieds plutôt que de vous faire attendre une proposition mystérieuse.

Un beau site qui ne guide personne reste un site raté

J'ai vu des pages magnifiques, typographie soignée, photos irréprochables, animations fluides — et zéro demande en six mois. Le design n'était pas en cause au sens esthétique. Il était en cause au sens fonctionnel : personne n'avait tranché sur ce que le visiteur devait faire.

Nous refusons de livrer une maquette sur laquelle tous les blocs ont le même poids. Ce serait vous rendre un objet joli et inerte. À chaque page, nous vous demandons ce que doit faire le visiteur, et nous construisons tout le reste autour de cette réponse. C'est moins confortable au moment des arbitrages, c'est nettement plus efficace six mois plus tard.

Si votre site attire du monde et que votre boîte mail reste calme, commencez par regarder ce que voit quelqu'un qui découvre votre page pour la première fois, sur un téléphone, en trois secondes. Le problème n'est pas toujours en amont. Il est parfois à trois centimètres du curseur.

Pour aller plus loin

Explorer nos services