Dark Patterns : la contre-attaque du pire (ParisWeb 2014)

Preview:

DESCRIPTION

Dans une galaxie lointaine, d’obscures forces sont à l’œuvre pour créer des stratégies perverses piégeant les internautes. Nous explorerons en détail et à travers de nombreux exemples ces techniques qui ont pris le nom de « Dark patterns ». Que ce soit dans l’e-commerce, dans les sites web, dans la publicité, une multitude de méthodes -toutes moins recommandables les unes que les autres- sont élaborées afin d’induire l’utilisateur final en erreur afin de maximiser les profits ou de biaiser les statistiques. Quelles sont les motivations qui poussent les entreprises à duper leurs utilisateurs ? Quelles sont les conséquences que cela induit ? Que peut faire l’utilisateur pour éviter les pièges et se rebeller contre ces pratiques ?

Citation preview

DARK PATTERNS

Clément Hardoüin

17 octobre 2014

La contre-attaque du pire

Dans le web depuis + de 10 ans,

à différents postes :

chef de projet,

responsable de production,

et maintenant lead dev front* chez

Suivez-moi sur Twitter @fastclemmy

Dark pattern :n.m. procédé visant à

tromper l’utilisateur ou

le client afin de

maximiser son profit.

Synonymes : ‘duperie’, ‘escroquerie’, ‘arnaque’

‘ Don’t be evil ’

#lol

Des dark patterns partout

traduction du schéma de darkpatterns.org

#lol

e-commercePour rentabiliser son site

Exemples

rueducommerce.com

Bonus #lol

rueducommerce.com

imposeBonus #lol

ryanair.com

« Choisissez votre pays de résidence » qui entraîne des frais d’assurance

supplémentaires.

Bonus #lol

jetstar.com

Des options payantes

sélectionnées par défaut :

via @designspoke

Bonus #lol

hotwire.com

La réduction indiquée n’est pas

celle de l’hôtel mais un différentiel

moyen par rapport à des « hôtels

environnants » de même catégorie

sur des sites concurrents (non

publiés).

via @laurieskelly

via @goetter

voyages-sncf.com

Le prix le plus bas n’est pas celui que vous croyez…

via @arstechnicaashleymadison.com

Le retour de la ligne

de flottaison…

publicitéPour faire cliquer sur sa

Exemples

les « habillages »

Tout l’espace

blanc à gauche et

à droite de la zone

de contenu est

cliquable

l’auto-rechargement

Même site, il se

recharge

automatiquement,

permettant

étonnamment

d’augmenter le

nombre de pages

vues ?

Bonus #lol

les boutons de téléchargement

Grand jeu :

devinez quel est le

bouton

« Téléchargement »

qui correspond à

l’action que vous

en attendez.

les boutons « fermer »

Malin !

via @angelcreative

les boutons « fermer »

A chaque démarrage de

l’application Programme TV, le

bouton fermer apparaît

aléatoirement dans un des coins

de l’écran et non toujours en

haut à droite…

le « panier garni » Bonus #lol

d’informationPour rentabiliser son site

Exemples

lemonde.fr

En fait,

je voulais juste

lire un article.

slate.com

La faute à qui ?

bostonglobe.com

Note pour plus

tard, utiliser une

fenêtre de

navigation privée.

applicationPour rentabiliser son

Exemples

Dungeon Keeper iOS/Android

Le ‘free-to-play’ jusqu’à la nausée

Dungeon Keeper iOS/Android

Comment obtenir des évaluations 5* en 2 écrans.

iPod

Back, back, back, STORE !

via @YS

Bornes métro new-yorkais (MTA)

Charger 9$ et avoir

0,45$ « bonus »

=

3 x 2,5$

+

1,95$ restants sur la

carte, soit pas assez

pour le dernier trajet…

< Optimisation du solde

via @IQuantNY

donnéePour collecter de la

Exemples

Royal Mail

via @jakecausby

Bonus #lol

Optin et optout sur la

même page

matmut.fr

La Matmut, elle s’assure

que tu sois bien opt-in…

via @geoffrey_crofte

linkedin.com

Étape 2, un ascenseur caché personnalisé !

via @mark_nugent

Bonus #lol >

Étape 1 : un ascenseur personnalisé

windows 8

apple.com

via @simevidas

L’opt-in, mais version premium

Apple iOS 5-

Nom de code : « La faille de

sécurité de San Andreas »

#lol

marketingLe dévoiement du

Analyse

du permission marketing au dark pattern

Théorisé par Seth Godin

(à l’époque chez Yahoo!).

« Un dark pattern,

c’est obtenir la

permission de

l’utilisateur, mais

avec un pistolet

sur la tempe. »

mesureLa dictature de la

Analyse

NHS (agence de santé anglaise)

(ou comment augmenter artificiellement le taux de « prise en charge »)

La « Hello Nurse »,

chargée simplement

de dire bonjour.

régulationUn problème de

Analyse

des règles variées

Difficiles à gérer à l’échelon

international

Propices à l’utilisation des plus

permissives.

pas vu, pas pris !

#lol

comment s’en prémunir ?

Vigilance

Évangélisation

Contre-attaque

Information

Mentions légales, offres « recommandées », options sélectionnées

Services clients, réseaux sociaux

#lol

HopeA new

Perspective

Éducation, habitudes

Name & shame

sdq

« Toujours en mouvement est l'avenir. »

le « fangating » sur Facebook

Clap de fin le

5 novembre !

Des évolutions dans la législation

Directive européenne sur le commerce électronique transposée en Francedans la loi Hamon.

A nous !

Méchants du côté obscur

Nous

A nous !

Méchants du côté obscur

Nous

#merci

…des questions ?

https://www.flickr.com/photos/hobby_blog/2985797658https://www.flickr.com/photos/kalexanderson/6699989495https://www.flickr.com/photos/jdhancock/6151250051https://www.flickr.com/photos/jdhancock/6206667510https://www.flickr.com/photos/blackzack00/10726150653https://www.flickr.com/photos/kalexanderson/7171589318https://www.flickr.com/photos/st3f4n/3752994778https://www.flickr.com/photos/kalexanderson/6874356751https://www.flickr.com/photos/jdhancock/3803857187https://www.flickr.com/photos/kalexanderson/6709759539https://www.flickr.com/photos/kalexanderson/7130927313https://www.flickr.com/photos/st3f4n/4286044406https://www.flickr.com/photos/chrisandholley/14139468943https://www.flickr.com/photos/st3f4n/3681491833https://www.flickr.com/photos/estherase/148699240https://www.flickr.com/photos/arthur-caranta/2634189202

Remerciements

Harry Brignull

Christelle Mozzati

Auteurs des photos en

Creative Commons :