Dark patterns

Le design persuasif utilise donc souvent des dark patterns : ce sont des éléments d’une interface qui ont pour but de te faire faire quelque chose que tu ne comptais pas forcément faire à la base. On les appelle dark patterns car ils ont une visée obscure, malintentionnée ; en français, on traduirait plutôt cela par "pièges à utilisateurs".

Quelques exemples pour mieux comprendre :

Roach Motel

Un dark pattern assez courant s'appelle le Roach Motel (en français "hôtel des cafards" : tu vas comprendre pourquoi !) : cela consiste à faciliter le plus possible l'inscription à un site, et de rendre au contraire le plus compliqué possible le processus pour se désinscrire. Le but est de te décourager de mener ta désinscription à bout. Tu as sûrement déjà dû expérimenter ça sur certains sites ou dans ta boîte mail, quand tu reçois des tonnes de mail et tu ne sais pas comment arrêter de les recevoir ! C'est donc un peu comme un hôtel miteux où tu y entres facilement mais une fois dedans, tu ne trouves plus la sortie. Un exemple flagrant ici avec Amazon :

Source de la vidéo

Scarcity

Là, cela concerne principalement les sites de e-commerce et de réservation, mais pas que. Le but est de faire croire au client que l'article qui l'intéresse est rare, en quantités limitées (scarcity signifie rareté en anglais), et qu'il y a une promotion de très courte durée et donc qu'il faut qu'il en profite vite avant qu'elle ne disparaisse ! Ce dark pattern vise à jouer sur l'émotionnel, en tant qu'utilisateur, on se fait avoir par ces petits pièges car on ne veut pas laisser passer cette occasion, supposée être super rare et exceptionnelle.

Ici, on a un bel exemple sur Booking.com qui utilise plein de ces petits éléments d'interface pour te pousser à l'achat. Clique sur les petits + :

Source de l'image

Bait and switch

Si tu es un utilisateur d'Instagram, alors tu as dû remarquer qu'il y a eu une mise à jour qui a changé l'interface et la disposition des boutons. Avant, il y avait sur la barre de navigation en bas un bouton pour accéder à tes notifications (likes et commentaires reçus,..) ; il était placé là car facile d'accès, les designers savent que c'est un endroit auquel on se rend souvent lorsqu'on utilise l'application. Depuis la mise à jour, ils ont remplacé ce bouton par l'onglet Shopping ; un nouvel onglet d'Instagram qui était peu utilisé. Ils ont donc voulu le mettre en avant en le mettant à la place où se trouvait avant l'onglet notifications. Du coup, sans t'en rendre compte, tu cliques par réflexe sur cet emplacement sauf qu'au lieu d'arriver dans les notifications tu arrives dans l'onglet Shopping, tu fais donc une action avec une intention mais l'interface te donne un résultat qui n'était pas celui escompté. C'est exactement pareil avec le bouton pour créer un nouveau post : avant il était sur la barre de navigation au milieu, bien en évidence car c'est un bouton très utilisé, maintenant il a été remplacé par le bouton des Reels car Instagram veut mettre cette nouvelle fonction en avant. Cette technique s'appelle le Bait and switch (appâter et échanger) : appâter l'utilisateur pour le pousser à faire quelque chose, mais quand il clique à l'endroit voulu, le résultat n'était pas celui annoncé.

Misdirection

Le misdirection, à traduire par “détournement de l’attention” ou “mauvaise direction”, est lorsque l’interface est conçue de manière à attirer ton attention vers un élément pour la détourner d’un autre élément, pour ne pas que tu fasses attention à ce dernier. Concrètement, cela se traduit par avoir un gros bouton, en couleur vive, mis en évidence, pour que tu cliques naturellement dessus sans réfléchir, à côté d’un petit bouton en gris dans un coin de la page, que le concepteur d’interface ne veut pas que tu voies. Un exemple très courant de cette technique est la gestion des cookies : c’est dans l’intérêt de l’entreprise que tu acceptes tous les cookies, donc le bouton pour les accepter est mis en évidence. Par contre, le bouton pour refuser ou gérer des cookies est beaucoup moins visible.

1*Yq4fdgMyjDl2eGjycMa_Gw@2x.png

Source de l'image

Partie 4 : Le design persuasif Cette page appartient à la collection « Le design persuasif et ses mécanismes ».

Ajouter votre commentaire

Répondre à :

Confirmer la copie