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 ?

1. DARK PATTERNS
Clément Hardoüin17 octobre 2014
La contre-attaque du pire

2. Dans le web depuis + de 10 ans,
à différents postes :
chef de projet,
responsable de production,
et maintenant lead devfront* chez
Suivez-moi sur Twitter @fastclemmy

4. Darkpattern:
n.m.procédévisantàtromperl’utilisateurouleclientafindemaximisersonprofit.
Synonymes : ‘duperie’, ‘escroquerie’, ‘arnaque’

5. ‘ Don’tbeevil’

6. #lol

7. Des darkpatterns partout
traduction du schéma de darkpatterns.org

8. #lol

9. e-commerce
Pour rentabiliser son site
Exemples

10. rueducommerce.com
Bonus #lol

11. rueducommerce.com
impose
Bonus #lol

12. ryanair.com
«Choisissez votre pays de résidence» qui entraîne des frais d’assurance supplémentaires.
Bonus #lol

13. jetstar.com
Des options payantes sélectionnées par défaut :
via @designspoke
Bonus #lol

14. 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

15. via @goetter
voyages-sncf.com
Le prix le plus bas n’est pas celui que vous croyez…

16. via @arstechnica
ashleymadison.com
Le retour de la lignede flottaison…

17. publicité
Pour faire cliquer sur sa
Exemples

18. les «habillages»
Tout l’espace blanc à gauche et à droite de la zone de contenu est cliquable

19. l’auto-rechargement
Même site, il se recharge automatiquement, permettant étonnamment d’augmenter le nombre de pages vues ?
Bonus #lol

20. les boutons de téléchargement
Grand jeu : devinez quel est le bouton «Téléchargement» qui correspond à l’action que vous en attendez.

21. les boutons «fermer»
Malin !
via @angelcreative

22. 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…

23. le «panier garni»
Bonus #lol

24. d’information
Pour rentabiliser son site
Exemples

25. lemonde.fr
En fait, je voulais juste lire un article.

26. slate.com
La faute à qui ?

27. bostonglobe.com
Note pour plus tard, utiliser une fenêtre de navigation privée.

28. application
Pour rentabiliser son
Exemples

29. Dungeon KeeperiOS/Android
Le ‘free-to-play’ jusqu’à la nausée

30. Dungeon KeeperiOS/Android
Comment obtenir des évaluations 5* en 2 écrans.

31. iPod
Back, back, back, STORE !
via @YS

32. 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

33. donnée
Pour collecter de la
Exemples

34. Royal Mail
via @jakecausby
Bonus #lol
Optinet optoutsur la même page

35. matmut.fr
La Matmut, elle s’assure que tu sois bien opt-in…
via @geoffrey_crofte

36. linkedin.com
Étape 2, un ascenseur cachépersonnalisé !
via @mark_nugent
Bonus #lol>
Étape 1 : un ascenseur personnalisé

37. windows8

38. apple.com
via @simevidas
L’opt-in, mais version premium

39. Apple iOS 5-
Nom de code : «La faille de sécurité de San Andreas»

40. #lol

41. marketing
Le dévoiement du
Analyse

42. du permission marketing au darkpattern
Théorisé par Seth Godin(à l’époque chez Yahoo!).
«Un darkpattern, c’est obtenir la permission de l’utilisateur, mais avec un pistolet sur la tempe.»

43. mesure
La dictature de la
Analyse

44. NHS(agence de santé anglaise)
(ou comment augmenter artificiellement le taux de «prise en charge»)
La«HelloNurse», chargéesimplementdedirebonjour.

45. régulation
Un problème de
Analyse

46. des règles variées
Difficiles à gérer à l’échelon international
Propices à l’utilisation des plus permissives.

47. pas vu, pas pris !

48. #lol

49. 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

50. #lol

51. Hope
A new
Perspective

52. Éducation, habitudes

53. Name & shame
sdq

54. «Toujours en mouvement est l'avenir.»

55. le «fangating» sur Facebook
Clap de fin le 5 novembre !

56. Des évolutions dans la législation
Directive européenne sur le commerce électronique transposée en Francedans la loi Hamon.

57. A nous !
Méchants du côté obscur
Nous

58. A nous !
Méchants du côté obscur
Nous
#merci
…des questions?

59. https://www.flickr.com/photos/hobby_blog/2985797658
https://www.flickr.com/photos/kalexanderson/6699989495
https://www.flickr.com/photos/jdhancock/6151250051
https://www.flickr.com/photos/jdhancock/6206667510
https://www.flickr.com/photos/blackzack00/10726150653
https://www.flickr.com/photos/kalexanderson/7171589318
https://www.flickr.com/photos/st3f4n/3752994778
https://www.flickr.com/photos/kalexanderson/6874356751
https://www.flickr.com/photos/jdhancock/3803857187
https://www.flickr.com/photos/kalexanderson/6709759539
https://www.flickr.com/photos/kalexanderson/7130927313
https://www.flickr.com/photos/st3f4n/4286044406
https://www.flickr.com/photos/chrisandholley/14139468943
https://www.flickr.com/photos/st3f4n/3681491833
https://www.flickr.com/photos/estherase/148699240
https://www.flickr.com/photos/arthur-caranta/2634189202
Remerciements
Harry Brignull
Christelle Mozzati
Auteurs des photos en CreativeCommons :