Le piège de la charge cognitive : pourquoi votre page d’accueil surchargée fait fuir vos clients

Votre page d’accueil n’est pas en concurrence avec celles de vos concurrents. Elle est en concurrence avec la patience de votre visiteur.

Beaucoup d’entreprises partent du même réflexe : si quelque chose est important, mettons-le en page d’accueil. La nouvelle offre de services. Le badge de récompense. La promotion saisonnière. La fenêtre d’inscription à la newsletter. La bulle de chat en direct. Prise isolément, chaque addition se défend. Réunies, elles transforment discrètement une offre claire en énigme.

Dans notre article précédent, nous avons vu comment l’effet de halo permet à une interface réussie d’emprunter de la crédibilité pour tout ce qui se trouve derrière. La charge cognitive est l’autre face de la même pièce. Une page peut être réellement séduisante et échouer malgré tout, car la beauté décide si l’on reste trois secondes, tandis que l’effort mental décide si l’on reste trois minutes.

Ce que signifie réellement la charge cognitive

La théorie de la charge cognitive a été formalisée en psychologie de l’éducation par John Sweller, dans un article publié en 1988 dans Cognitive Science. Le principe est peu glamour mais implacable : la mémoire de travail a une capacité réduite, et chaque élément qui réclame de l’attention puise dans la même réserve limitée.

Les spécialistes de l’utilisabilité appliquent la même idée directement aux interfaces. Kathryn Whitenton, de Nielsen Norman Group, la définit ainsi : « la charge cognitive imposée par une interface utilisateur est la quantité de ressources mentales nécessaire pour faire fonctionner le système » (traduction ; Nielsen Norman Group, 2013).

Deux résultats classiques affinent le propos. L’article de George Miller publié en 1956 a estimé, dans un chiffre resté célèbre, que l’on retient environ sept éléments en mémoire à court terme, et la synthèse de Nelson Cowan parue en 2001 a ensuite soutenu que le chiffre réel est plus bas : « une limite de capacité centrale unique, d’environ quatre unités en moyenne » (traduction). La loi de Hick, issue des expériences de W. E. Hick en 1952, décrit quelque chose d’encore plus directement lié à une page d’accueil : le temps nécessaire pour choisir augmente avec le nombre d’options proposées.

Dit simplement : chaque choix ajouté à une page ralentit tous les autres choix. Un visiteur incapable de décider ne s’en tourmente pas. Il part, et attribue cette friction à votre entreprise, non à votre mise en page.

Les trois charges qui se disputent votre page

Tout effort mental n’est pas du gaspillage. Séparer l’utile du superflu est ce qui rend cette approche actionnable, plutôt qu’un permis de supprimer au hasard.

• Charge intrinsèque — la difficulté irréductible de ce que vous expliquez. Un service d’ingénierie structurelle est réellement plus difficile à décrire qu’un abonnement au café. On ne peut pas la supprimer, seulement bien l’ordonner.
• Charge extrinsèque — l’effort créé uniquement par la présentation : appels à l’action concurrents, texte à faible contraste, icônes sans libellé, sept entrées de menu aux sens qui se recouvrent. C’est cette charge qu’il faut attaquer.
• Charge essentielle — l’effort productif que le visiteur consacre réellement à comprendre votre offre et à s’y projeter. Réduisez la charge extrinsèque et c’est elle qui occupera l’espace libéré.

L’objectif n’a jamais été un site minimaliste. L’objectif est une page où l’effort de réflexion porte sur votre proposition de valeur plutôt que sur votre interface.

Cinq signes que votre page d’accueil est surchargée

1. Vous ne savez pas nommer l’action principale. Si votre équipe donne trois réponses différentes à « que doit faire un visiteur en premier ? », vos visiteurs n’ont aucune chance de deviner juste.
2. Deux boutons ou plus se disputent l’attention au-dessus de la ligne de flottaison. Quand tout est mis en avant, la page n’a plus aucune hiérarchie.
3. Votre navigation dépasse sept entrées. Les menus s’accumulent souvent par politique interne plutôt que par besoin client.
4. La section d’accroche explique votre métier en jargon. Si une personne compétente mais extérieure ne peut pas reformuler votre offre après cinq secondes, cette phrase décore au lieu de travailler.
5. Quelque chose interrompt avant que quoi que ce soit ait été compris. Une fenêtre surgissante qui arrive avant que la proposition de valeur ait atterri est un impôt prélevé avant toute livraison de valeur.

Comment réduire la charge sans réduire la valeur

Réduire la charge cognitive est surtout un problème de séquence, pas de suppression. Presque rien n’a réellement besoin de disparaître ; l’essentiel doit simplement arriver plus tard, quand le visiteur a une raison de s’y intéresser.

• Engagez-vous sur une seule action principale par écran. Une action secondaire est permise, mais elle doit avoir l’air secondaire. Le poids, la couleur et la taille doivent encoder honnêtement la priorité.
• Échelonnez le détail. Spécifications, certifications et cas particuliers appartiennent aux pages que l’on atteint une fois déjà intéressé, pas à la première impression.
• Groupez délibérément les éléments liés. La proximité et un style partagé permettent à l’œil de traiter un ensemble comme un seul objet plutôt que six sollicitations distinctes.
• Libellez vos icônes. Une icône sans libellé demande au visiteur de traduire avant d’agir. Cette traduction est de la charge extrinsèque pure.
• Respectez les conventions établies. Un logo qui ramène à l’accueil et un panier en haut à droite ne coûtent rien à apprendre. L’originalité dans la navigation est l’un des choix de conception les plus coûteux qui soient.
• Écrivez la phrase d’accroche pour un profane. Le langage simple n’est pas un renoncement à la sophistication : c’est un transfert d’effort du lecteur vers vous.

Pourquoi cela se voit dans le chiffre d’affaires

Les pages surchargées échouent rarement bruyamment. Le trafic paraît sain, le temps passé sur la page peut même sembler honorable, et rien dans le tableau de bord analytique n’annonce de problème. Ce qui se produit réellement est plus discret : une hésitation au moment de décider, une dérive vers le bouton retour, et une lente fuite de visiteurs qualifiés qui étaient intéressés mais ne sont jamais devenus certains.

Cette fuite coûte cher précisément parce qu’elle est invisible. Vous ne perdez pas ceux qui n’auraient jamais acheté. Vous perdez ceux qui étaient prêts à être convaincus et n’ont pas trouvé le fil.

Les données vont dans le même sens. Résumant les travaux de Chao Liu et de ses collègues chez Microsoft Research — 205 873 pages web et plus de deux milliards de durées de visite mesurées —, Jakob Nielsen écrivait en 2011 : « Les utilisateurs quittent souvent les pages web en 10 à 20 secondes, mais les pages dotées d’une proposition de valeur claire peuvent retenir l’attention beaucoup plus longtemps » (traduction). Selon le même article, les visiteurs pressés n’ont le temps de lire qu’un quart du texte des pages qu’ils consultent (Nielsen Norman Group).

La clarté n’est pas ce qui reste après avoir supprimé. C’est ce qui émerge quand chaque élément restant a une fonction.

Un audit de dix minutes à faire dès aujourd’hui

Ouvrez votre page d’accueil sur un téléphone. Lancez un minuteur de cinq secondes, regardez l’écran, puis détournez les yeux et répondez de mémoire à trois questions : que fait cette entreprise ? À qui s’adresse-t-elle ? Et quelle est la seule chose que je suis censé faire ensuite ?

Demandez ensuite à trois personnes extérieures à votre secteur de faire exactement la même chose. Si les réponses divergent, le problème n’est ni votre trafic, ni votre budget, ni votre marché. C’est le nombre de choses que votre page demande à un inconnu de retenir en même temps.

Ce risque n’a rien d’abstrait. Lorsque nous avons refait le site de Shahrab, fabricant de tubes et raccords en polymère, la difficulté n’a jamais été la quantité de contenu — cinq marques de produits, des fiches techniques, des catalogues téléchargeables — mais de tout garder dans une seule structure cohérente et navigable, au lieu de transformer le site en labyrinthe. Ce qui l’a rendue navigable, c’est d’avoir aligné la structure sur la façon dont l’entreprise vend réellement : les représentants régionaux saisissent et suivent leurs commandes depuis leur propre compte, si bien que chaque visiteur ne rencontre que la partie du catalogue qui le concerne.

Chez CloudTart, chaque refonte de site web commence par un audit de l’architecture existante, et la charge cognitive est l’un des premiers points à vérifier. Si votre page d’accueil travaille dur et convertit malgré tout mal, contactez l’équipe CloudTart pour un examen plus approfondi.

Sources

• John Sweller (1988). “Cognitive Load During Problem Solving: Effects on Learning.” Cognitive Science, 12(2), 257–285. doi:10.1207/s15516709cog1202_4
• George A. Miller (1956). “The magical number seven, plus or minus two: Some limits on our capacity for processing information.” Psychological Review, 63(2), 81–97. doi:10.1037/h0043158
• Nelson Cowan (2001). “The magical number 4 in short-term memory: A reconsideration of mental storage capacity.” Behavioral and Brain Sciences, 24(1), 87–114. doi:10.1017/S0140525X01003922
• W. E. Hick (1952). “On the Rate of Gain of Information.” Quarterly Journal of Experimental Psychology, 4(1), 11–26. doi:10.1080/17470215208416600
• Kathryn Whitenton (2013). “Minimize Cognitive Load to Maximize Usability.” Nielsen Norman Group.
• Jakob Nielsen (2011). “How Long Do Users Stay on Web Pages?” Nielsen Norman Group.