Définitions

UI

Abréviation de User Interface ou Interface Utilisateur en français, l'UI est lié à l'environnement graphique dans lequel l'utilisateur d'un site internet, d'un logiciel ou d'une application évolue. Quand on parle d'UI design, on évoque le lien direct qui existe entre l'utilisateur, c'est-à-dire le visiteur, et la machine, qui peut être une plateforme web ou un programme. Plusieurs éléments entrent en jeu dans ce lien, comme la police, la couleur de l'écriture, la typographie, la taille, les visuels, l'intuitivité et la charte éditoriale.
Lorsqu'une interface présente un design agréable et facile à utiliser, il en découle une excellente expérience utilisateur.

UX

L'expérience utilisateur en anglais, user experience, abrégé en UX est la qualité du vécu de l'utilisateur dans des environnements numériques ou physiques. C'est une notion de plus en plus courante là où l'on utilisait, encore récemment, les notions d'ergonomie des logiciels et d'utilisabilité. C'est avant tout un état d'esprit qui consiste à se mettre à la place des humains qui vont utiliser un produit afin d'anticiper, d'éviter ou de corriger les problèmes qu'ils pourraient rencontrer. Le but est de leur offrir ainsi la meilleure expérience possible, et plus largement d'améliorer la vie des humains avec la technologie. L'UI est donc une des composantes de l'UX.

Les Dark pattern

Le terme dark pattern a été utilisé pour la 1ère fois par Harry Brignull, designer UX et docteur en neurosciences en 2010, pour désigner "des pièges sur les sites ou apps qui vous font agir sans le vouloir, comme acheter ou vous abonner à quelque chose".

En termes généraux, on peut dire qu'un dark pattern est une interface qui trompe ou manipule les utilisateurs, pour les faire agir sans qu'ils s'en rendent compte ou même de façon contraire à leurs propres intérêts.

Exemples de Dark Pattern les plus courants

Maintenant que les termes sont posés, voyons ensemble quelques exemples de Dark Pattern afin que vous puissiez les repérer et éviter de tomber dans leurs pièges.

Bait and Switch ou Appâter & attraper

Le Bait and Switch, c'est lorsque vous entreprenez une action sur un site et que cela entraîne une autre action ou contrepartie indésirée et non indiquée initialement.

Confirmshaming ou Popup de culpabilisation

Le Confirmshaming est l'utilisation de mots pour faire culpabiliser l'utilisateur s'il refuse de faire une action. On touche ici à l'émotionnel et à la culpabilité de l'utilisateur.

Disguised Ads ou Publicités déguisées

Les Disguised Ads, comme leur nom l'indique, sont des publicités déguisées en d'autres types de contenu ou de navigation. Cette technique de dark pattern est utilisée pour inciter au clic.

Forced Continuity ou Perpétuation d'abonnement

Le Force Continuity ou perpétuation d'abonnement, c'est quand votre essai gratuit prend fin et que votre carte de crédit commence à être facturée sans avertissement. Comme Amazon avec le Prime qui demandait d'enregistrer une carte bancaire et renouvelait automatiquement ce service à la fin de la période d'essai sans demander le consentement de l'utilisateur.

Friend Spam ou Spam de contacts

Le Friend Spam, c'est lorsqu'une application vous demande un accès à vos données en prétendant utiliser ces données pour une expérience plus adaptée à vos attentes, mais s'en sert par la suite contre votre volonté. Par exemple, il peut demander à avoir accès à vos contacts pour ensuite leur envoyer un message dont vous n'êtes pas l'expéditeur, sans réelle approbation de votre part (ex : validation d'une étape par inattention lors du remplissage d'un formulaire).

Hidden Costs ou Coûts cachés

On parle de Coûts cachés lorsque vous découvrez que des frais inattendus sont ajoutés à votre note à la dernière étape de commande (frais de livraison, taxes, assurances, etc…).

Autres exemples de Dark Pattern

Voyons maintenant d'autres exemples de Motifs Sombres moins communs mais tout autant piégeurs.

Misdirection ou Détournement d'attention

La Misdirection est le fait de détourner l'utilisateur de son but initial en mettant en avant un élément venant troubler son attention. Comme par exemple une pub qui apparait avant le bouton d'envoi du formulaire et cache parfois ce dernier sur les petits écrans.

Price Comparison Prevention ou Obstacle à la comparaison de prix

Certains sites vous empêche de comparer le prix d'un produit avec un autre. Vous ne pouvez donc pas prendre de décision éclairée. Dans l'exemple utilisé ici, Le prix indiqué est, pour certains produits, au kilo, et pour d'autres, à la pièce.

Privacy Zuckering ou Vie privée façon “Zuckerberg”

Avec cette technique, l'utilisateur est amené à partager plus d'informations personnelles que nécessaires, sans en être informé explicitement. Ici par exemple nous devons déployer la partie Read more about pour pouvoir désactiver le partage de ses données personnelles entre WhatsApp et Facebook.

Roach Motel oubien "Où est la sortie ?"

Le Roach Motel, c'est lorsque vous souhaitez supprimer votre compte sur un site ou vous désinscrire d'une liste et que cela devient un enfer de complexité. L'exemple de The Economist qui vous impose de de faire une demande au service support pour supprimer votre compte, ou Linkedin qui demande votre pièce d'identité pour clôturer votre compte mais ne le supprime pas complètement d'ailleurs.

Sneak into Basket ou Achats surprises

Le terme Sneak into Basket signifie littéralement "se faufiler dans le panier". L'assurance et les frais de livraison sont ajoutés au panier sans vous avoir demandé votre consentement par exemple. Ou alors on vous propose une étape qui semble obligatoire alors qu'elle est optionnelle.

Trick Questions ou Questions pièges

Les questions pièges sont par exemple des formulations complexes et des doubles négatifs qui poussent l'utilisateur à prendre l'option souhaitée. Cela peut aussi être le fait de devoir valider quelque chose pour ne pas l'accepter. Il y a donc dissonance cognitive de l'utilisateur source d'incompréhension et d'erreur.

Conclusion

Nous vennons de voir que les concepteurs et développeurs d'application rivalisent d'ingéniosité pour créer des interfaces utilisateurs faites dans le but de manipuler ou de tromper l'utilisateur. Ils utilisent même certaines vieilles pratiques commerciales de la vente par correspondance comme le Roach Motel. Mais alors, Pourquoi les entreprises utilisent-elles quand même des Dark Patterns ?

Le raisonnement des responsables est simple : ça fonctionne, c'est permis et ça RAPPORTE $$$. Donc, tant qu'on ne se fait pas contraindre par la justice, c'est possible. C'est la raison pour laquelle les Dark Patterns sont essentiellement l'apanage des sites au trafic très important.

Les bons réflèxes utilisateur

Réflexes à prendre pour ne pas se laisser piéger par les dark patterns.

• Bien regarder les valeurs par défaut des cases à cocher : Cela demande un effort mais peut vous éviter bien des soucis.
• Faire attention à l'ergonomie des site visités : Les boutons "annuler" et "valider" sont parfois inversés, de manière à ce que vous cliquiez sur le mauvais par habitude.
• Ne pas cliquer trop vite : Si la page n'a pas fini de se charger, vous risquez de cliquer sur une pub qui est en train de s'afficher mais pas totalement chargée.
• Ne pas hésiter à revenir en arrière : Quand un contenu s'affiche et qu'il vous bloque dans votre navigation, n'hésitez pas à user de vos touches "echap", "esc" ou "page précédente".
• Alerter son entourage : Surtout ceux qui sont novices de l'internet et qui sont plus susceptibles de tomber dans ces pièges bien rodés. Plus ces pratiques sont connues par les utilisateurs, moins les professionnels seront tentés de les utiliser.

Les Dark Pattern et les personnes en situation de Handicap

Les Dark Patterns peuvent avoir un impact particulièrement négatif sur les personnes en situation de handicap, car elles peuvent rendre l'expérience de navigation sur internet plus difficile, voire impossible, physiquement ou émotionnellement, à certains utilisateurs.

Les personnes en situation de handicap qui ont des problèmes de vue par exemple, peuvent éprouver des difficultés à naviguer sur un site si celui-ci utilise des Dark Patterns telles que des publicités déguisées ou des boutons d'option présélectionnés qui ne sont pas évidents d'interprétation pour les logiciels d'assistance ou les lecteurs d'écran.

De même, les personnes ayant des handicaps cognitifs peuvent être particulièrement vulnérables aux Dark Patterns qui les manipulent en modifiant la mise en page, le langage ou les couleurs de manière à induire en erreur ou à les pousser à prendre des décisions contraires à leurs intérêts.

Vidéo