Quand le visiteur ne comprend pas votre site, vous payez pour un trafic que vous n'exploitez pas.

La plupart des entreprises disposent d'un budget pour amener quelqu'un sur leur site. Campagnes sur les moteurs de recherche, contenus pour le SEO, publications sur les réseaux sociaux, souvent aussi une agence qui pilote l'ensemble. Elles sont moins nombreuses à accorder la même attention à ce qui se passe après le clic.

Ce déséquilibre est documenté. Selon le Nielsen Norman Group, la visite moyenne d'une page dure un peu moins d'une minute et les internautes la quittent souvent dès les dix à vingt premières secondes. Jakob Nielsen en a déduit en 2011 que pour obtenir quelques minutes d'attention, il faut communiquer clairement sa proposition de valeur en dix secondes. Il ne s'agit pas de sa propre mesure, mais de son interprétation de données de Microsoft Research datées de 2010, portant sur plus de deux milliards de temps de consultation relevés sur 205 873 pages. Ne prenez donc pas ces dix secondes pour une loi, mais pour un ordre de grandeur de la patience dont vous disposez.

Un site n'est pourtant pas un objet graphique isolé que l'on redessine tous les trois ans. C'est le dernier mètre du tunnel d'acquisition, et le plus cher. S'il ne parvient pas à communiquer rapidement la valeur, le marketing amène du trafic dans un système percé.

Un clic payé qui ne convertit pas est une friction avec un prix

Pour évaluer les gaspillages, nous utilisons chez JUR0 le modèle Cost of Friction : temps × fréquence × nombre de personnes × coût. Sur un site, le temps correspond aux secondes pendant lesquelles le visiteur déchiffre ce que vous vendez, la fréquence au nombre de sessions par mois, le nombre de personnes aux visiteurs, et le coût à votre coût par clic. Ce produit est le prix réel d'un site incompréhensible, une ligne budgétaire que personne ne vous facture. Contrairement à la friction interne à l'entreprise, sujet de l'article Le bon design n'est pas une décoration, vous ne payez pas ici le temps de vos propres collaborateurs, mais celui d'inconnus, un temps que vous avez acheté.

Qu'il s'agisse d'une métrique d'acquisition et non d'une métrique technique, une étude commandée par Google le démontre. Menée par l'agence 55 et Deloitte sur 37 sites de marques, avec des données issues de plus de 30 millions de sessions à la fin de l'année 2019, elle établit qu'une accélération de 0,1 seconde a fait progresser le taux de conversion de 8,4 % dans le retail. Sur les sites de collecte de demandes, le nombre de personnes ayant cliqué jusqu'à la page d'envoi du formulaire a augmenté de 21,6 %. Selon la note méthodologique, aucun site n'a fait l'objet d'une refonte pendant la période de mesure. Une décimale a changé et le chiffre d'affaires a bougé.

Les cinq premières questions du visiteur

La personne qui arrive sur votre page ne se demande pas si la typographie a du goût. Elle se pose cinq questions, le plus souvent sans en avoir conscience : Où suis-je ? Que proposez-vous ? Est-ce pour moi ? Pourquoi devrais-je vous faire confiance ? Que dois-je faire ?

Si l'une d'elles reste sans réponse sur le premier écran, il n'y aura pas de deuxième écran. Selon une mesure citée par le Nielsen Norman Group, un utilisateur lit au maximum 28 % des mots d'une page au cours d'une visite moyenne, plus vraisemblablement environ 20 %. Chaque centaine de mots supplémentaire ne lui fait passer que 4,4 secondes de plus sur la page. Rallonger les paragraphes ne résout donc pas le problème, cela ne fait que l'étirer.

La hiérarchie des messages : la plupart des sites parlent d'eux avant de parler du client

La hiérarchie des messages est l'ordre dans lequel une page délivre l'information, ce que la personne doit lire en premier et ce qu'elle lira en dernier. La plupart des sites d'entreprise l'ont à l'envers. Ils commencent par l'histoire de la société, ses valeurs, son équipe et une photo du bâtiment. Le client apprend qui vous êtes avant de savoir si vous pouvez l'aider.

Kara Pernice, du Nielsen Norman Group, rappelle que les internautes scannent les pages selon un motif en F : un mouvement horizontal long en haut, un plus court en dessous, puis une descente verticale le long du bord gauche. Pour une entreprise, c'est une mauvaise nouvelle, car les visiteurs passent à côté de contenus importants simplement parce qu'ils se trouvent à droite ou plus bas, et non parce qu'ils seraient inintéressants. L'information essentielle a donc sa place dans les premiers paragraphes, et les titres doivent porter du sens dès leurs premiers mots. Un titre « Qui sommes-nous » ne porte aucune information. Un titre qui nomme le problème du client, si.

Que ce ne soit pas une affaire de goût, l'étude de Morkes et Nielsen menée en 1997 auprès de 51 utilisateurs expérimentés l'a montré. La version scannable du texte améliorait l'utilisabilité de 47 % par rapport à la version témoin, la version concise de 58 %, un langage objectif à la place du style promotionnel de 27 %, et la combinaison des trois modifications de 124 %. L'étude est ancienne, il faut la lire avec du recul, mais l'ordre des causes n'a pas changé.

Une proposition de valeur qui résiste au test de la concurrence

La proposition de valeur est cette phrase unique qui dit ce que vous faites, pour qui, et pourquoi c'est mieux que l'alternative. Le Nielsen Norman Group recommande de traiter la page d'accueil comme un pitch d'ascenseur, capable d'expliquer vite et clairement ce que fait l'organisation, généralement au moyen d'une accroche descriptive dans la section d'ouverture.

Le test que je recommande de faire avant chaque refonte : placez votre phrase principale à côté de celles de trois concurrents et retirez les logos. Si même votre propre commercial n'arrive pas à les distinguer, vous n'avez pas de proposition de valeur, vous avez une description de catégorie. « Des solutions complètes sur mesure » n'est pas une valeur, c'est le nom d'un secteur. Celui qui sait dire en quoi il est concrètement meilleur sait aussi facturer davantage, ce dont traite le texte Pourquoi certaines entreprises peuvent facturer le double.

L'architecture de l'information, une piste qui doit se renforcer

L'architecture de l'information est la manière dont le contenu est découpé, nommé et relié : ce qui figure dans le menu, comment cela s'appelle et où cela mène. Nielsen l'explique par la théorie de la quête d'information, l'information foraging : sur le web, l'internaute se comporte comme un cueilleur et décide en fonction de la piste informationnelle, c'est-à-dire des signaux qui lui indiquent si le chemin le rapproche de son objectif. La phrase clé est que la piste doit être de plus en plus forte, faute de quoi les gens abandonnent. Les liens du type « Cliquez ici » ou « En savoir plus » interrompent cette piste, car ils ne disent pas ce qui se trouve de l'autre côté. Nielsen souligne par ailleurs que mieux les moteurs de recherche mettent en avant les sites de qualité, moins les utilisateurs passent de temps sur chacun d'eux. L'alternative se trouve à un bouton retour de distance, si bien qu'un trafic acheté a moins de patience qu'une personne qui vous connaît déjà.

Les signaux de confiance et ceux qui fonctionnent vraiment

Les signaux de confiance sont les éléments qui réduisent le risque perçu. Aurora Harley, du Nielsen Norman Group, résume les quatre facteurs de crédibilité définis par Jakob Nielsen en 1999 : la qualité d'exécution, la transparence en amont (prix, conditions et coordonnées, sans frais cachés), un contenu complet et à jour, et la connexion au reste du web.

Plus intéressant encore, ce que les participants à la recherche ont dit des témoignages clients. Ils ne croyaient pas aux affirmations publiées sur le site de l'entreprise, puisque celle-ci n'y met que des avis positifs, et se fiaient à des sources externes et impartiales. Cela change les priorités : des données vérifiables, les paramètres réels des projets et des liens sortant de votre propre domaine feront davantage qu'un bloc de citations supplémentaire. La confiance naît aussi d'une expression cohérente sur l'ensemble des canaux, sujet de l'article Une marque n'est pas un logo.

Selon la recherche de Gitte Lindgaard et de ses collègues, publiée en 2006 et citée par le Nielsen Norman Group, le jugement esthétique sur une page se forme dès 50 millisecondes et change rarement ensuite. Ce n'est pas un argument en faveur de la décoration, mais en faveur de l'ordre : le Nielsen Norman Group recommande au maximum quatre couleurs d'accentuation, deux styles typographiques et un seul appel à l'action visuellement dominant.

Chaque champ de formulaire a un prix

La friction est tout obstacle placé entre une intention et sa réalisation. Dans un formulaire, elle se compte champ par champ. Le Baymard Institute, qui s'appuie sur plus de 200 000 heures de recherche, indique que le tunnel de commande moyen pour un nouvel utilisateur compte 5,1 étapes et comportait 11,3 champs de formulaire en 2024, alors que huit champs suffiraient à la plupart des sites. Environ 29 % des champs sont donc superflus.

Baymard agrège également 50 études externes publiées entre 2006 et 2025 pour aboutir à un taux moyen d'abandon de panier de 70,22 %. Un processus de commande trop long ou trop compliqué a été cité comme motif par 17 % des acheteurs en ligne américains. À partir de ses propres tests, l'institut estime qu'un grand site e-commerce moyen peut obtenir une hausse de conversion de 35,26 % grâce à une meilleure conception de la commande.

La même logique vaut pour le formulaire de contact d'une entreprise : chaque champ supplémentaire est une question à laquelle la personne n'a pas forcément envie de répondre tant qu'elle ne vous fait pas encore confiance. Si vous demandez le téléphone, le numéro SIRET et l'effectif à quelqu'un qui veut simplement un tarif, vous achetez de la donnée au prix des demandes entrantes. C'est la correction la moins chère de la liste, car supprimer trois champs n'exige pas un nouveau site.

Le mobile est le scénario principal, pas un scénario dérivé

En 2017, Google a fait mesurer 900 000 pages de destination de publicités mobiles dans 126 pays. Le chargement complet durait en moyenne 22 secondes, alors que 53 % des visiteurs quittent une page qui met plus de trois secondes à s'afficher. Un modèle construit sur les données de sorties et de conversions montre que lorsque le chargement passe d'une seconde à sept, la probabilité de départ augmente de 113 %. Et quand le nombre d'éléments d'une page passe de 400 à 6 000, la probabilité de conversion chute de 95 %.

Ce dernier chiffre est le plus important pour les designers. Il ne s'agit pas seulement des serveurs, mais de la quantité de choses que nous posons sur une page. Chaque bannière supplémentaire, chaque animation, chaque fenêtre de consentement et chaque widget de chat se disputent le même budget d'attention et de chargement. Le mobile ne peut donc pas se concevoir comme un ordinateur de bureau en réduction. Il faut y décider ce qui disparaît.

Le taux de conversion est un système, pas une couleur de bouton

Dans les entreprises, l'optimisation du taux de conversion s'est souvent réduite à des détails : la couleur d'un bouton, la formulation d'un microtexte, l'ordre des sections. Ce type de tests apporte de petites améliorations, mais ne répare pas une page qui répond à la mauvaise question. La conversion est le résultat d'une chaîne : pertinence de l'annonce, cohérence entre l'annonce et la page, clarté de la valeur, confiance, simplicité de l'action et vitesse. Si un maillon de la chaîne est faible, optimiser les autres ne fait que déplacer la perte ailleurs. D'après mon expérience, mieux vaut donc chercher d'abord le maillon le plus faible, et tester ensuite.

Comment diagnostiquer un site en une semaine

La démarche est à la portée d'une équipe interne, sans agence et sans nouveaux outils.

1. Les cinq questions. Ouvrez sur mobile la page d'accueil et les pages les plus visitées, puis répondez aux cinq questions du début.
2. Le test de la concurrence. Placez votre phrase principale à côté de celles de vos concurrents, sans les logos, et faites-les distinguer par des personnes extérieures au marketing.
3. Le parcours depuis l'annonce. Parcourez vos mots-clés les plus chers comme le ferait un client et observez si la page de destination répond à ce que l'annonce a promis.
4. Vitesse et éléments. Mesurez le temps de chargement sur mobile et listez tout ce qui se charge. Retirez ce qui n'a ni propriétaire ni finalité.
5. Formulaires. Comptez les champs et inscrivez à côté de chacun le nom de la personne qui exploite la donnée. Supprimez les champs sans propriétaire.
6. Des regards extérieurs. Faites parcourir le site à voix haute par des personnes qui ne connaissent pas l'entreprise et notez les endroits où elles hésitent.
7. Priorisation. Classez les constats selon la formule du Cost of Friction, et non selon ce qui vous agace le plus.

Parfois, il faut corriger le positionnement avant d'ouvrir Figma

Les studios de design font volontiers l'impasse sur cette partie, parce qu'elle se facture mal. Si une entreprise est incapable de dire à qui exactement elle vend et en quoi elle est différente, aucun travail visuel ne la sauvera. Le design sait rendre une information lisible, il ne sait pas l'inventer. Un nouveau site posé sur un positionnement flou n'est qu'une incertitude mieux formulée.

Je le dis franchement, y compris à l'encontre de nos intérêts à court terme. La bonne réponse la moins chère consiste souvent à réécrire la phrase principale, à retirer trois champs du formulaire, à accélérer le chargement et à laisser le site existant en l'état. Un modèle prêt à l'emploi accompagné d'un bon texte l'emporte sur un site sur mesure coûteux dont l'offre reste floue. Le développement sur mesure a du sens quand l'entreprise se heurte aux limites d'un modèle ou dispose d'un processus spécifique qui ne se compose pas à partir de blocs tout faits. Si quelqu'un vous propose un nouveau site avant de vous avoir demandé votre coût par clic et votre taux de conversion, il vend un livrable, pas une solution.

Ce qu'il faut retenir

• Calculez votre Cost of Friction sur l'acquisition : le coût par clic multiplié par le nombre de visiteurs qui repartent sans agir, multiplié par douze mois. C'est le prix annuel du flou.
• Testez votre phrase principale à côté de celles de la concurrence, sans les logos. Si on ne peut pas la distinguer, le problème est dans le positionnement et Figma ne le réglera pas.
• Supprimez du formulaire tout champ pour lequel vous ne savez pas nommer la personne qui exploite la donnée. Le Baymard Institute a relevé 11,3 champs dans un tunnel de commande moyen, alors que huit suffisent à la plupart des sites.
• Avant de commander une refonte, réalisez le diagnostic d'une semaine et classez les constats selon leur coût.