Vous êtes sur le point de quitter un site lorsqu’un bouton apparaît : “Non merci, je préfère payer plus cher”. Vous hésitez, vous relisez, puis vous cliquez presque malgré vous. Ce type de friction n’a rien d’un hasard. Il résulte d’un choix de conception. Derrière certaines interfaces se cache une intention claire : influencer le comportement de l’utilisateur, parfois de manière subtile. Là où l’affordance cherche à rendre l’usage évident et naturel, certains dispositifs détournent ce principe pour orienter, biaiser ou forcer des décisions. C’est dans cet espace que s’inscrivent les dark patterns, ces mécaniques d’interface qui exploitent les biais cognitifs plutôt que de les accompagner. Le concept d’affordance, largement diffusé par Don Norman, repose sur une idée simple : un bon design doit suggérer son utilisation sans effort. Mais que se passe-t-il lorsque cette suggestion devient ambiguë ou trompeuse ? Lorsque l’interface ne guide plus, mais induit en erreur ? Cet article propose une analyse critique de ces dérives, à travers les fausses affordances, les boutons trompeurs, les stratégies de conversion agressives et les évolutions du cadre légal.

Les dérives de l’affordance : Fausses promesses et manipulation visuelle

L’affordance est censée réduire l’ambiguïté et rendre l’interaction presque instinctive. Pourtant, dans certaines interfaces, elle est volontairement détournée pour créer de la confusion. On parle alors de fausses affordances : des éléments qui semblent interactifs, mais ne le sont pas, ou qui suggèrent une action différente de celle réellement exécutée. Ce glissement transforme un principe fondamental de clarté en outil d’influence. Un exemple classique est celui des faux boutons. Un élément visuel adopte tous les codes d’un bouton (couleur contrastée, ombre portée, forme arrondie, typographie engageante) mais ne déclenche aucune action utile ou redirige vers un contenu inattendu. L’utilisateur, conditionné par des conventions d’interface qu’il a intégrées au fil du temps, clique en toute confiance… pour se retrouver face à une publicité, une inscription forcée ou une page commerciale. Ce type de manipulation repose sur un principe psychologique simple : Nous faisons confiance aux signaux visuels. En UX design, ces signaux sont appelés signifiants. Ils servent à indiquer ce qui est cliquable, modifiable ou interactif. Lorsqu’ils sont utilisés de manière honnête, ils facilitent la navigation et réduisent l’effort cognitif. Mais lorsqu’ils sont détournés, ils deviennent des leviers de tromperie, exploitant des automatismes plutôt que d’accompagner la compréhension.

Les fausses affordances ne sont pas toujours évidentes à détecter. Elles peuvent être très subtiles : un lien déguisé en texte neutre, une case pré-cochée difficile à repérer, un bouton secondaire volontairement estompé, ou encore une hiérarchie visuelle qui pousse inconsciemment vers une option plutôt qu’une autre. Dans certains cas, le simple positionnement des éléments suffit à orienter le choix. L’utilisateur pense agir librement, alors que son parcours a été soigneusement scénarisé. On retrouve également ces pratiques dans des mécanismes plus insidieux, comme les zones cliquables élargies autour d’un bouton principal ou les espaces vides qui empêchent de sélectionner facilement une alternative. L’interface joue alors sur la précision du geste et la rapidité de décision pour capter l’attention et provoquer l’action attendue. Ce phénomène est particulièrement visible dans les environnements à forte pression commerciale : Sites e-commerce, plateformes de téléchargement, médias financés par la publicité. L’objectif n’est plus uniquement de faciliter l’usage, mais d’optimiser des indicateurs de performance comme le taux de clic ou le taux de conversion. Dans cette logique, la clarté devient secondaire, voire contre-productive. À long terme, ces pratiques posent un problème de confiance. Une interface qui trompe, même légèrement, fragilise la relation entre l’utilisateur et le service. L’utilisateur apprend à se méfier, à vérifier, à douter. Et ce doute va à l’encontre de l’objectif initial de l’affordance : créer une interaction fluide, naturelle et sans friction inutile. Comprendre ces dérives permet de mieux les identifier, mais aussi de s’en éloigner en tant que concepteur. Car si l’affordance peut être utilisée pour orienter, elle peut aussi (et surtout) servir à clarifier, simplifier et respecter les intentions de l’utilisateur.

Les boutons trompeurs et patterns de conversion agressifs

Les dark patterns prennent très souvent la forme de boutons trompeurs, car le bouton est l’un des éléments les plus puissants d’une interface. Il représente l’action. Il matérialise une décision : acheter, accepter, refuser, s’inscrire, continuer, annuler, supprimer, valider. En UX design, un bouton bien conçu doit permettre à l’utilisateur de comprendre rapidement ce qui va se passer après le clic. Dans une logique manipulatoire, ce même bouton devient un outil d’orientation comportementale. Son objectif n’est plus seulement de rendre l’action possible, mais de pousser l’utilisateur vers l’action la plus rentable pour l’entreprise. Cette manipulation repose généralement sur trois leviers : la formulation, la couleur et la position. Le bouton que l’entreprise souhaite voir cliqué est souvent plus visible, plus grand, plus contrasté et placé dans la zone naturelle de progression du regard. À l’inverse, l’option alternative est rendue moins lisible, plus petite, moins contrastée, parfois transformée en simple lien textuel. L’utilisateur a alors l’impression d’avoir le choix, mais l’interface organise visuellement ce choix de manière déséquilibrée. Un exemple fréquent concerne les bandeaux de cookies. Le bouton “Tout accepter” est présenté en couleur vive, immédiatement accessible, tandis que le bouton “Tout refuser” est plus discret, placé plus loin ou remplacé par une option du type “Paramétrer mes choix”. Dans ce cas, refuser demande plus d’effort qu’accepter. L’interface exploite alors la fatigue décisionnelle : plus une action semble longue ou complexe, plus l’utilisateur choisit la voie la plus simple, même si elle ne correspond pas réellement à sa préférence initiale.

On retrouve le même principe dans les inscriptions à des newsletters, les essais gratuits ou les offres promotionnelles. Le bouton “Accepter” est large, coloré, centré et rédigé de manière positive. Le bouton “Refuser” est discret, parfois placé en bas de fenêtre, voire caché derrière une interaction supplémentaire. L’utilisateur, pressé, distrait ou simplement habitué à fermer rapidement ce type de fenêtre, clique sur la solution la plus visible. Le design ne l’a pas informé : Il l’a orienté. Certains sites ajoutent une couche de manipulation avec des formulations biaisées. Au lieu de proposer deux choix neutres comme “S’inscrire” et “Non merci”, ils opposent une option valorisante à une option culpabilisante. Par exemple : “Oui, je veux profiter de cette offre” face à “Non, je préfère rater cette opportunité”. Cette technique, souvent appelée confirmshaming, consiste à faire porter à l’utilisateur le poids émotionnel de son refus. Le refus n’est plus présenté comme une décision légitime, mais comme une erreur, un manque d’ambition ou une occasion manquée. Ces formulations jouent directement sur la peur de manquer quelque chose, aussi appelée FOMO, pour Fear Of Missing Out. Elles donnent à l’utilisateur le sentiment qu’il pourrait perdre un avantage, une réduction, un accès prioritaire ou une opportunité limitée. Cette pression est renforcée par des messages comme “Plus que 2 places disponibles”, “Offre valable encore 10 minutes” ou “12 personnes consultent ce produit en ce moment”. Lorsque ces informations sont réelles, elles peuvent aider à décider. Lorsqu’elles sont artificielles, exagérées ou non vérifiables, elles deviennent des outils de manipulation. Les patterns de conversion agressifs s’appuient aussi sur l’urgence. Les comptes à rebours, les alertes visuelles, les messages de rareté et les relances successives créent un climat de pression. L’utilisateur n’est plus invité à réfléchir calmement, mais à agir vite. Or, plus une décision est prise dans l’urgence, moins elle est rationnelle. Le design exploite ici un mécanisme bien connu : la réduction du temps de réflexion augmente la probabilité d’un choix impulsif.

Le problème n’est pas l’existence d’un bouton principal ou d’un appel à l’action visible. Toute interface a besoin de hiérarchie. Un site e-commerce doit bien mettre en avant son bouton “Ajouter au panier”, tout comme un formulaire doit guider vers “Envoyer”. Le problème apparaît lorsque cette hiérarchie devient trompeuse, déséquilibrée ou volontairement confuse. Il y a une différence entre accompagner une action attendue et rendre les autres options pénibles, invisibles ou humiliantes. Parmi les dark patterns les plus fréquents, le “roach motel” occupe une place centrale. Le principe est simple : il est très facile d’entrer, mais difficile de sortir. L’inscription à un service se fait en quelques secondes, parfois avec un compte Google ou Apple, tandis que la résiliation exige plusieurs étapes, une recherche dans les paramètres, un échange avec le support ou un appel téléphonique. L’affordance est alors asymétrique : l’entrée est évidente, la sortie est volontairement obscurcie. Ce mécanisme est particulièrement problématique dans les abonnements numériques. L’utilisateur peut activer un essai gratuit en un clic, mais doit parcourir plusieurs écrans pour l’annuler. À chaque étape, l’interface tente de le retenir : offre spéciale, message d’avertissement, perte supposée d’avantages, bouton de confirmation ambigu. L’objectif est de créer assez de friction pour que l’utilisateur abandonne sa démarche. Ce n’est plus de la persuasion, mais une entrave à la liberté de choix.

Les coûts cachés constituent une autre forme très répandue de pattern agressif. L’utilisateur avance dans un parcours d’achat avec un prix annoncé, puis découvre au dernier moment des frais supplémentaires : frais de service, livraison obligatoire, assurance ajoutée, frais de dossier ou option pré-sélectionnée. Comme il a déjà investi du temps dans son parcours, il est plus susceptible d’accepter le coût final. Ce phénomène s’appuie sur le biais d’engagement : plus une personne avance dans une action, plus elle hésite à l’abandonner. Les options pré-cochées représentent également un cas classique de manipulation. Une case déjà cochée peut inscrire l’utilisateur à une newsletter, ajouter une assurance, autoriser un suivi publicitaire ou valider des préférences qu’il n’a jamais réellement choisies. L’interface transforme alors l’inaction en consentement. C’est particulièrement sensible dans les sujets liés aux données personnelles, car un consentement valable suppose une action claire, volontaire et éclairée. On observe aussi des boutons dont le libellé prête volontairement à confusion. Un bouton “Continuer” peut en réalité valider un achat. Un bouton “Fermer” peut accepter des conditions. Un bouton “Suivant” peut activer une option payante. Cette ambiguïté est redoutable, car elle détourne les habitudes de navigation. L’utilisateur pense poursuivre son parcours, alors qu’il vient de donner un accord ou de déclencher une action engageante.

Certains patterns jouent sur l’inversion des conventions. Habituellement, le bouton de validation est à droite et le bouton d’annulation à gauche, ou l’action principale est mise en évidence par une couleur cohérente avec le reste de l’interface. Lorsqu’un site inverse ponctuellement ces repères, l’utilisateur peut cliquer par automatisme sur la mauvaise option. Ce type de design exploite la mémoire gestuelle et les réflexes acquis, au lieu de les respecter. Les interfaces mobiles renforcent encore ce phénomène. Sur un petit écran, la place est limitée, les gestes sont rapides et les utilisateurs interagissent souvent dans des contextes d’attention réduite : transports, attente, multitâche. Un bouton trop proche d’un autre, une croix de fermeture minuscule, une zone cliquable mal délimitée ou un pop-up plein écran peuvent provoquer des clics involontaires. Lorsqu’ils sont répétés, ces choix ne relèvent plus de la maladresse, mais d’une stratégie de captation. Les pop-ups agressifs méritent aussi une attention particulière. Certains apparaissent immédiatement après l’arrivée sur une page, avant même que l’utilisateur ait pu consulter le contenu. D’autres reviennent plusieurs fois malgré un refus. Certains masquent volontairement la croix de fermeture ou la rendent peu visible. L’objectif est d’interrompre le parcours pour imposer une action : inscription, acceptation des cookies, téléchargement d’application, création de compte. L’utilisateur ne navigue plus librement ; il doit d’abord se débarrasser d’obstacles conçus pour obtenir son engagement. Les dark patterns peuvent également prendre la forme de paniers manipulés. Une option supplémentaire est ajoutée automatiquement, un abonnement remplace discrètement un achat unique, ou une réduction est conditionnée à une inscription peu visible. Le bouton de validation reste clair en apparence, mais le contenu réellement validé ne correspond pas toujours à ce que l’utilisateur pensait accepter. Ici, la tromperie ne se situe pas seulement dans le bouton, mais dans l’écosystème de décision qui l’entoure.

Ces pratiques sont souvent justifiées par la performance. Les équipes marketing peuvent constater qu’un bouton plus agressif augmente le taux de clic, qu’un refus moins visible améliore le taux d’acceptation, ou qu’un parcours de résiliation complexe réduit le churn. Mais cette lecture est incomplète. Elle mesure un gain immédiat sans toujours mesurer la frustration, les réclamations, la perte de confiance, les avis négatifs ou la dégradation de l’image de marque. Un bon taux de conversion ne signifie pas nécessairement une bonne expérience utilisateur. Il peut parfois signaler que l’utilisateur a été poussé, pressé ou trompé. C’est toute la limite d’une approche purement quantitative de l’UX. Les chiffres disent ce que les utilisateurs font, mais pas toujours ce qu’ils comprennent, ressentent ou regrettent après coup. À long terme, les boutons trompeurs abîment la relation entre la marque et son public. Un utilisateur qui se sent manipulé devient méfiant. Il lit davantage, clique moins spontanément, abandonne plus vite et partage plus volontiers une mauvaise expérience. La confiance, une fois perdue, coûte souvent plus cher à reconstruire que le gain obtenu par quelques conversions forcées. Parmi les dark patterns les plus répandus, on retrouve notamment :

• Le “roach motel” : L’inscription ou l’entrée dans un service est simple, mais la sortie, la résiliation ou la suppression du compte est volontairement complexe ;
• Le “confirmshaming” : Le refus est formulé de manière culpabilisante, humiliante ou dévalorisante ;
• Les coûts cachés : Des frais supplémentaires apparaissent tardivement dans le parcours, souvent au moment où l’utilisateur est déjà engagé ;
• Les options pré-cochées : L’utilisateur se retrouve inscrit, suivi ou facturé parce qu’il n’a pas décoché une case ;
• La rareté artificielle : L’interface prétend qu’une offre, un stock ou une place est limité afin de précipiter la décision ;
• La hiérarchie visuelle déséquilibrée : L’option favorable à l’entreprise est très visible, tandis que l’alternative est difficile à repérer ;
• Le libellé ambigu : Un bouton utilise une formulation vague comme “Continuer” ou “Valider” alors qu’il déclenche une action plus engageante ;
• La friction sélective : Certaines actions sont fluides, tandis que d’autres, comme refuser, annuler ou se désabonner, sont volontairement compliquées.

Ces techniques exploitent plusieurs biais cognitifs humains : La paresse décisionnelle, la confiance dans les signaux visuels, l’aversion à la perte, l’effet d’urgence, le biais d’engagement ou encore l’automatisme gestuel. Elles transforment l’interface en levier d’influence, parfois jusqu’à la manipulation. Là où l’UX devrait aider l’utilisateur à prendre une décision claire, les dark patterns cherchent à réduire sa capacité à choisir librement. La frontière entre persuasion et manipulation se situe donc dans l’intention et dans la transparence. Mettre en avant une offre n’est pas nécessairement problématique. Masquer le refus, rendre la sortie difficile, formuler une alternative de façon culpabilisante ou dissimuler des frais l’est beaucoup plus. Un design éthique peut chercher la conversion, mais il doit le faire sans confisquer la compréhension ni la liberté de choix de l’utilisateur.