Conversion Rate Optimization
Optimisation du Taux de Conversion de vos SItes

Modulariser un contenu complexe et l'organiser pour la navigation du visiteur

Sur PhotoShelter, la seule optimisation de la navigation a produit un gain supplémentaire de 12 %

Séparation des préoccupations : une place pour chaque chose

Organiser et encapsuler l'information en modules distincts — paragraphes, sections de page, pages entières, ou plusieurs niveaux d'information imbriqués — permet à chaque visiteur de trouver ce dont il a besoin et d'ignorer le reste. À l'inverse, un site mal modularisé se dégrade rapidement : le contre-exemple d'un fabricant de bureaux assis-debout illustre le problème — chaque variante de produit dispose de sa propre page, obligeant le visiteur à jouer au jeu des sept différences entre des fiches presque identiques, plutôt que de répondre à ses questions réelles (« Avez-vous un ou deux écrans ? », « Votre bureau est-il dans un coin de pièce ? »). Une mauvaise séparation des préoccupations tend à s'auto-aggraver dans le temps : si l'information est difficile à trouver pour un visiteur, elle l'est aussi pour les éditeurs du site, qui peinent à la maintenir à jour.

Une astuce simple permet de découvrir la logique naturelle par laquelle un produit ou service complexe devrait être vendu : appeler le service commercial de l'entreprise et poser une question ouverte du type « J'hésite entre plusieurs options, pouvez-vous m'aider ? » Un bon commercial pose des questions qui réduisent progressivement les choix ; un excellent commercial dispose d'un arbre de décision mental qui les réduit en un minimum d'étapes. Aucun des deux ne demandera jamais « Voulez-vous le produit A, B ou C ? » — une question que seul un site web mal conçu poserait.

Rendre visible où un module commence et où il finit

Une fois l'information modularisée, il faut signaler clairement les frontières entre modules, à l'aide d'une hiérarchie de titres et de mise en forme : les lecteurs suivent bien les niveaux de titre 1 et 2, tolèrent à peine le niveau 3, et perdent le fil au niveau 4 et au-delà — même si l'auteur, lui, continue de percevoir clairement sa propre structure. Les retours à la ligne signalent un changement mineur de sujet ; la première phrase d'un paragraphe en introduit généralement le thème ; le texte en gras aide les lecteurs en survol à repérer les points clés ; les listes à puces regroupent des idées parallèles ; les fonds de couleur ou les encadrés délimitent visuellement des sections.

Faire correspondre la navigation au modèle mental du visiteur, pas à celui du site

La navigation doit refléter la façon dont les visiteurs s'attendent à trouver l'information, et non l'organisation interne de l'entreprise qui l'a créée. Le rayon mode d'Amazon illustre ce principe : les visiteurs segmentent d'abord par âge et genre (« Femme »), puis par type de produit (« Vêtements »), puis par sous-catégorie (« Robes ») — un ordre qui doit guider la structure de navigation plutôt que l'inverse. Lorsque la navigation reflète le modèle mental de son créateur plutôt que celui du visiteur, elle devient ce que l'on peut appeler une « navigation Kinder Surprise » : impossible de deviner ce qui se cache derrière chaque lien avant d'avoir cliqué, comme les jouets-surprises dissimulés dans un œuf en chocolat — une confusion qui tue la conversion en égarant le visiteur avant même qu'il ait pu voir un contre-argument. La validation de cette hypothèse passe par le test utilisateur, ou par un outil de tri d'arborescence comme Treejack, qui permet de vérifier si les visiteurs trouvent effectivement ce qu'ils cherchent dans la structure proposée (voir aussi le test de navigation par tri d'arborescence documenté dans Programme CRO chez Smart Insights (étude de cas)).

Construire la navigation à partir du tri par cartes plutôt que de la deviner

Avant même de tester une structure de navigation, le tri par cartes (card sorting) permet de la construire à partir du modèle mental réel des visiteurs plutôt que d'une intuition interne. La technique consiste à inscrire le nom de chaque section du site sur une carte, puis à demander à plusieurs utilisateurs de regrouper ces cartes en catégories qui leur semblent logiques ; répétée avec plusieurs utilisateurs, cette méthode fait émerger des tendances — et parfois des idées de regroupement inattendues. Deux outils complémentaires soutiennent cette démarche : OptimalSort permet de mener le tri par cartes à distance, en envoyant aux participants une URL de test qu'ils complètent à leur rythme, et compile ensuite les résultats en rapports exploitables ; Treejack, du même éditeur, sert non pas à construire mais à valider une arborescence déjà existante ou proposée, en donnant aux utilisateurs des tâches concrètes (« où trouveriez-vous X ? ») et en compilant leurs réponses dans un rapport visuel des points de blocage. Le tri par cartes construit la structure, le tri d'arborescence la met à l'épreuve — les deux techniques se succèdent naturellement dans un même projet de refonte de navigation.

Titres catégorisants, teasers et spoilers : trois registres, un seul bon choix selon l'objectif

Un titre qui se contente de catégoriser son contenu (« Mentions dans la presse ») en dit rarement assez, même à un lecteur en survol. Un titre-teaser attise la curiosité sans tout révéler (« Découvrez ce que la presse dit de nous… ») ; un titre-spoiler livre directement le bénéfice (« Nous avons reçu des critiques élogieuses de TIME, CNN et bien d'autres ! »). Le choix entre les deux dépend de l'objectif : le spoiler convient quand on veut convaincre même le lecteur pressé qui ne cliquera jamais plus loin ; le teaser convient quand on veut absolument que le visiteur clique pour lire la suite. Même des rédacteurs professionnels commettent l'erreur d'utiliser un titre catégorisant là où un teaser ou un spoiler convertirait bien mieux.

Le levier composé : navigation optimisée et gains mesurés

Sur PhotoShelter, application web dont l'agence a par ailleurs doublé les ventes, la seule optimisation de la navigation a produit un gain supplémentaire de 12 % — un rappel que la navigation n'est pas un simple habillage, mais un levier de conversion à part entière, mesurable indépendamment des autres changements apportés à un site.

FAQ

Pourquoi une page de contenu riche doit-elle se parcourir comme un annuaire téléphonique plutôt que se lire comme un roman ? Parce que chaque visiteur cherche une information précise qui le concerne, et non l'intégralité du contenu de la page. Une bonne modularisation lui permet de trouver rapidement ce dont il a besoin et d'ignorer le reste, plutôt que de le forcer à lire linéairement pour y arriver.

Qu'est-ce que la « séparation des préoccupations », et pourquoi son absence s'auto-aggrave-t-elle dans le temps ? C'est le fait d'organiser et d'encapsuler l'information en modules distincts (paragraphes, sections, pages) pour que chaque visiteur trouve ce dont il a besoin. Une mauvaise séparation s'auto-aggrave parce que si l'information est difficile à trouver pour un visiteur, elle l'est aussi pour les éditeurs du site, qui peinent alors à la maintenir à jour.

Comment découvrir la logique naturelle par laquelle un produit complexe devrait être vendu ? En appelant le service commercial de l'entreprise et en posant une question ouverte du type « J'hésite entre plusieurs options, pouvez-vous m'aider ? ». Un bon commercial pose des questions qui réduisent progressivement les choix, révélant l'arbre de décision naturel que la navigation du site devrait reproduire.

Jusqu'à quel niveau de titre les lecteurs suivent-ils réellement une hiérarchie d'information ? Les lecteurs suivent bien les niveaux de titre 1 et 2, tolèrent à peine le niveau 3, et perdent le fil au niveau 4 et au-delà — même si l'auteur, lui, continue de percevoir clairement sa propre structure plus fine.

Qu'est-ce qu'une « navigation Kinder Surprise », et pourquoi tue-t-elle la conversion ? C'est une navigation où il est impossible de deviner ce qui se cache derrière chaque lien avant d'avoir cliqué, comme les jouets-surprises dissimulés dans un œuf en chocolat. Elle tue la conversion en égarant le visiteur avant même qu'il ait pu voir un contre-argument pertinent pour sa situation.

Quelle différence existe entre le tri par cartes (card sorting) et le tri d'arborescence (Treejack) ? Le tri par cartes construit une structure de navigation à partir du modèle mental réel des visiteurs, en leur demandant de regrouper des cartes nommées en catégories logiques. Le tri d'arborescence, lui, sert non pas à construire mais à valider une arborescence déjà existante ou proposée, en donnant aux utilisateurs des tâches concrètes comme « où trouveriez-vous X ? ».

Comment choisir entre un titre catégorisant, un titre-teaser et un titre-spoiler ? Le spoiler convient quand on veut convaincre même le lecteur pressé qui ne cliquera jamais plus loin, en livrant directement le bénéfice. Le teaser convient quand on veut absolument que le visiteur clique pour lire la suite. Un titre purement catégorisant, lui, en dit rarement assez dans les deux cas.

Quel gain mesuré a produit la seule optimisation de la navigation sur PhotoShelter ? Un gain supplémentaire de 12 %, sur une application où l'agence avait par ailleurs doublé les ventes par d'autres changements. Ce résultat rappelle que la navigation n'est pas un simple habillage visuel, mais un levier de conversion mesurable indépendamment des autres optimisations apportées à un site.