Modèles sombres dans la conception d'interface utilisateur et de site Web

Apprendre à identifier ce que sont les motifs sombres (et pourquoi ils sont utilisés) vous équipera d'arguments logiques si un client vous demande de le mettre en œuvre. Voyons quelques exemples et moyens de lutter contre l'utilisation de modèles sombres!


Illustration miniature: Pure Evil sur Dribbble de Gyula Nemeth.

Pour plus d'élaboration sur tous les points abordés dans cet article, rendez-vous sur darkpatterns.org de Harry Brignull ou sur son article Dark Patterns: Deception vs Honesty dans le design d'interface utilisateur sur une liste à part. Sans ses efforts, ce poste n'aurait pas été possible!

Imaginez que vous traversiez une épicerie en poussant votre chariot et que le gérant du magasin s’approche de vous. Elle dit: «Je sais que vous ne les avez pas spécifiquement demandées, mais voici certains articles qui, je pense, iraient bien avec ce que vous achetez déjà!» Pire encore, au lieu de vous laisser le choix, elle se charge de il suffit de mettre les articles dans votre panier.

Même si vous avez le choix de ne pas acheter ces articles, la plupart des gens seraient (à juste titre) outrés et quitteraient le magasin immédiatement. Bien que ce scénario ne convienne pas dans un contexte commercial normal, il s'agit d'une pratique courante pour les sites Web cherchant à vendre des produits en ligne..


Quels sont les motifs sombres?

Les pratiques de conception trompeuses sont connues sous le nom de modèles sombres. Ils apparaissent le plus souvent dans la conception d'interfaces utilisateur sur les sites Web de commerce électronique ou nécessitant un enregistrement, bien qu'ils puissent certainement être vus ailleurs..

Souvent, les clients voient dans l'utilisation de schémas sombres un moyen d'obtenir un avantage et de fidéliser plus de clients, ou de gagner plus, tout en ne comprenant pas que ces pratiques leur feront du mal à long terme. Apprendre à identifier ces schémas sombres et leur utilisation vous aidera à être mieux informé - lorsqu'un client vous demande de le mettre en œuvre, vous pouvez vous opposer à des raisons logiques vous invitant à ne pas le faire..


En haut: comment vos utilisateurs réagiront si vous utilisez des motifs sombres sur vos sites Web (via PhotoDune).

Exemple 1: appât et échange

C'est en fait une vue commune sur les sites de commerce électronique.

Notre premier exemple sombre est la tactique frauduleuse classique d’appât et de substitution. Sur un site Web, vous êtes invité à créer un bouton brillant qui promet quelque chose (généralement quelque chose de gratuit) et tout ce que l'utilisateur a à faire est de cliquer sur le bouton! Ceci fait, il est demandé à l’utilisateur de remplir un formulaire avec des informations personnelles, de donner les détails de sa carte de crédit, d’être présenté avec des produits alternatifs ou de répondre à toute autre demande néfaste de la société.

Bien que cela puisse sembler être quelque chose que seule une société en ligne miteuse essaierait, il s'agit en fait d'un phénomène courant sur les sites de commerce électronique. Les grandes entreprises de vente en ligne utilisent souvent cette technique en promettant une offre énorme sur un article stocké en petites quantités. Dès qu'il s'avère que le produit n'est plus disponible, après avoir exprimé un intérêt pour ce type de produit, vous serez exposé à des articles similaires, dont le prix de vente est généralement plus élevé..


Exemple de Bait and Switch avec la permission de: darkpatterns.org.

Ci-dessus, ladders.co.uk: une fois que l'utilisateur a cliqué sur le bouton "trouver des emplois", une liste d'emplois lui a été attribuée. S'ils veulent réellement postuler à ces emplois, ils sont informés qu'ils doivent payer, mais seulement une fois qu'ils ont soumis des informations personnelles précieuses.


Exemple 2: divulgation forcée

Un deuxième type de motif sombre, et avec lequel la plupart d'entre nous ont une certaine expérience, est appelé motif de divulgation forcée. En contrepartie d'une action gratuite ou peu coûteuse, le site nécessite que l'utilisateur divulgue de nombreuses informations personnelles non nécessaires à la transaction en cours..

Un exemple de ce modèle utilisé est celui du site Web Hot Jobs de Yahoo, où les utilisateurs peuvent télécharger un CV et une lettre de motivation à envoyer à plusieurs tâches à la fois. Le problème survient lorsque le formulaire du site Web Hotjobs commence à demander beaucoup plus d’informations qu’il serait normalement nécessaire d’envoyer à un employeur potentiel..


Exemple de divulgation forcée avec la permission de: darkpatterns.org.

Yahoo affirme utiliser ces informations uniquement pour améliorer l'expérience en ligne d'un utilisateur, mais de nombreuses entreprises emploieront de telles tactiques pour collecter puis vendre de grandes quantités d'informations à des agences de publicité. Les annonceurs sont alors en mesure de compiler des données de marché et des statistiques de vente. En outre, dès que vous cliquez sur "Terminer", vos informations sont publiées en ligne sans vous avertir au préalable. Cela permet à toutes sortes de sociétés de rassembler des informations non filtrées sur vous aussi longtemps que vous les laissez inconsciemment. Si vous réalisez que vos informations ont été publiées sans votre permission, il vous faudra généralement beaucoup d'efforts pour revenir en arrière et rectifier la situation..


Exemple 3: Roach Motel

Permettre de se mettre facilement dans une situation, mais extrêmement difficile de s'en sortir, évoque mon troisième exemple connu sous le nom de modèle de motel Roach. Ce type de motif sombre n'est pas nécessairement une nouvelle invention; la pratique d'obliger les clients à opter-en dehors de quelque chose va augmenter les chances que le client décide de payer, car il est tout simplement plus facile.

Cette tactique est généralement utilisée par le biais des abonnements à des bulletins électroniques. Il est généralement extrêmement facile pour vous de vous inscrire pour recevoir des courriels, mais dès que vous ne souhaitez plus les recevoir, il vous faudra déployer beaucoup d'efforts pour vous désabonner. En fait, le site Web de LA Fitness obligeait les utilisateurs à imprimer un formulaire, à le remplir et à le poster par l'intermédiaire du bureau de poste habituel, simplement pour annuler leurs comptes personnels.!


Vous pouvez voir dans le texte rouge en bas, il explique que l'utilisateur doit imprimer et envoyer leur demande de désinscription. Exemple de roach motel avec la permission de: darkpatterns.org.

Certains sites Web de commerce électronique vous permettent d'ajouter un article à votre panier, mais rendent pratiquement impossible leur suppression, ce qui vous oblige à tout recommencer si vous souhaitez modifier les articles que vous souhaitez acheter. Encore une fois, si vous pensez à cela en termes d'expérience de magasinage physique, cette tactique ne serait tout simplement jamais autorisée. Imaginez combien de plaintes (sans parler des menaces pour la vie du directeur) se présenteraient si un magasin ne vous permettait pas de retirer des articles de votre panier d'épicerie. Lorsqu'elle est utilisée en ligne, cette tactique peut être particulièrement sinistre, car le site Web joue souvent de l'incertitude et du manque d'expérience auquel de nombreuses personnes font face lors de l'achat d'un article ou d'un service en ligne..


Que pouvez-vous faire?

Tout en montrant une augmentation des ventes à court terme, les conséquences négatives de l'utilisation de tactiques de modèle sombre rejoignent souvent les entreprises en ligne plus tard. Dans son article sur A List Apart, Harry Brignull écrit:

Les modèles sombres ont tendance à très bien fonctionner dans les tests A / B et les tests à plusieurs variables tout simplement parce qu'une conception qui incite les utilisateurs à effectuer certaines tâches est susceptible de générer davantage de conversions que celle qui permet aux utilisateurs de prendre une décision en connaissance de cause.

La conséquence principale d’une entreprise qui utilise trop de schémas sombres est que les consommateurs vont tout simplement cesser de leur faire confiance et prendre leurs affaires ailleurs. En réponse au nombre croissant de plaintes relatives à la supercherie en ligne, des groupes similaires au Bureau d'éthique commerciale ont vu le jour pour attirer l'attention sur ces pratiques commerciales contraires à l'éthique. Darkpatterns.org est l’un des principaux sites Web sur les motifs sombres. Ils ont même une section spécifique du site Web où les utilisateurs peuvent soumettre des exemples de motifs sombres actuellement utilisés, à la vue du monde entier. Cette humiliation publique est souvent un cauchemar pour les services de relations publiques qui doivent travailler rapidement pour minimiser les dommages..

Une autre conséquence négative de l'utilisation de schémas sombres est le risque qu'un consommateur intente un procès contre l'entreprise, pour ce qu'il perçoit comme employant des pratiques commerciales tordues. Bien que les accusés gagnent généralement de tels procès (ce qu’ils font est techniquement légal), la perte de confiance de leur clientèle et l’attention des médias peuvent certainement être préjudiciables..

Lorsqu'un client ou un supérieur hiérarchique vous demande (ou exige) d'utiliser ces techniques, soulignez certains inconvénients. Si le client est un professionnel, il réalisera qu'en utilisant des motifs sombres, il ne fait que déstabiliser la marque et est convaincu qu'il a travaillé dur pour le construire. Une autre chose que vous pouvez mentionner est que cela va à l’encontre du code de déontologie que vous défendez en tant que concepteur. Essayez de les diriger vers darkpatterns.org et de leur montrer ce qui pourrait arriver à leur entreprise s’ils choisissaient d’utiliser ces techniques. En outre, considérez qu'en concevant une interface simple et facile à utiliser, les schémas sombres sont souvent rendus inutiles car il est plus probable que l'utilisateur soit libre de prendre la décision qui sera la plus bénéfique pour votre entreprise ou votre client..

Bien que cela ne semble pas être une chose importante à faire au début, apprendre à identifier et à mettre fin aux comportements contraires à l'éthique sur le Web va aider Internet à se développer de nombreuses façons. En plus de vous permettre d'économiser du temps et de l'argent, en vous aidant à vous défendre contre les comportements contraires à l'éthique, vous pouvez empêcher la même chose de se produire à de nombreux autres clients innocents. En outre, il est toujours agréable de voir une société corrompue obtenir son avantage.


Ressources supplémentaires

  • Wiki Modèles Sombres
  • Modèles sombres: déception contre honnêteté dans la conception d'interface utilisateur sur une liste à part
  • 5 astuces de conception Facebook utilise pour affecter vos décisions de confidentialité sur TechCrunch