<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
	<id>https://institut.design/DesignWiki/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Damien</id>
	<title>WikiDesign - Institut Design - Contributions [fr]</title>
	<link rel="self" type="application/atom+xml" href="https://institut.design/DesignWiki/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Damien"/>
	<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Sp%C3%A9cial:Contributions/Damien"/>
	<updated>2026-04-09T16:45:44Z</updated>
	<subtitle>Contributions</subtitle>
	<generator>MediaWiki 1.40.1</generator>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=388</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=388"/>
		<updated>2023-11-15T12:56:38Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur le wiki Design de l&#039;Institut D.&#039;&#039;&#039; &lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Bonnes pratiques numériques&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;DSN04&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=387</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=387"/>
		<updated>2023-11-15T12:56:05Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur le wiki Design de l&#039;Institut D.&#039;&#039;&#039; &amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Bonnes pratiques numériques&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;DSN04&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=193</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=193"/>
		<updated>2023-10-23T15:01:07Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dérivé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;hameçonner&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;, avec le suffixe &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;-age&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;. Terme proposé par l’Office québécois de la langue française en &#039;&#039;&#039;avril 2004&#039;&#039;&#039; pour traduire &#039;&#039;phishing&#039;&#039;. ( Date à préciser)&amp;lt;ref&amp;gt;https://www.lalanguefrancaise.com/dictionnaire/definition/hameconnage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Emprunt de l&#039;anglais &#039;&#039;&amp;lt;bdi&amp;gt;&#039;&#039;&#039;phishing&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;&#039;&#039; composé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;phreaking&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« piratage téléphonique ») et de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;fishing&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« pêche »).&lt;br /&gt;
&lt;br /&gt;
== Définition : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
L&#039;hameçonnage ou le phishing consiste à obtenir du destinataire d’un courriel, d’apparence légitime, qu’il transmette ses &#039;&#039;&#039;coordonnées bancaires&#039;&#039;&#039; ou ses &#039;&#039;&#039;identifiants de connexion à des services financiers&#039;&#039;&#039;, afin de lui &#039;&#039;&#039;dérober de l’argent&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Il s’agit de l’un des principaux vecteurs de la cybercriminalité.&lt;br /&gt;
&lt;br /&gt;
Ce type de pratique peut être également utilisé dans des &#039;&#039;&#039;attaques par hameçonnage ciblé&#039;&#039;&#039; visant à obtenir d’un employé ses &#039;&#039;&#039;identifiants d’accès aux réseaux professionnels&#039;&#039;&#039; auxquels il a accès.&lt;br /&gt;
&lt;br /&gt;
Pour renforcer sa crédibilité, le courriel frauduleux n’hésitera pas à utiliser &#039;&#039;&#039;logos&#039;&#039;&#039; et &#039;&#039;&#039;chartes graphiques des administrations ou entreprises&#039;&#039;&#039; les plus connues. Le contenu du message repose en général sur deux stratégies :&lt;br /&gt;
&lt;br /&gt;
* soit &#039;&#039;&#039;il vous est reproché de ne pas avoir réglé une certaine somme d’argent&#039;&#039;&#039; (factures, impôts, électricité...) et on vous enjoint à le faire sous peine de pénalités de retard voire de saisine de la justice&lt;br /&gt;
* soit &#039;&#039;&#039;on vous signale une erreur d’ordre financier en votre faveur&#039;&#039;&#039; (impôts, banque...) et on vous invite à suivre des indications pour vous faire rembourser.&lt;br /&gt;
&lt;br /&gt;
D’autres méthodes existent (colis en attente, cadeaux, offre exceptionnelle etc.).&amp;lt;ref&amp;gt;https://www.economie.gouv.fr/particuliers/phishing-hameconnage-filoutage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Évènements marquants&#039;&#039;&#039; ==&lt;br /&gt;
Les 5 cyberattaques les plus spectaculaires : &lt;br /&gt;
&lt;br /&gt;
* L’ONDE DE CHOC STUXNET&lt;br /&gt;
&lt;br /&gt;
Découvert en 2010, le ver informatique Stuxnet a fait de gros dégâts, notamment dans des installations nucléaires iraniennes, notamment ceux de la centrale de la ville de Natanz. Ce virus informatique n’était pas destiné à voler des données, mais à espionner et à saboter des systèmes industriels. Plusieurs agences spécialisées en cybersécurisé se sont penchées sur les origines et la conception de Stuxnet, avant de finir par déduire que ce malware « extrêmement bien écrit » avait été conçu par les États-Unis et Israël pour freiner le programme nucléaire iranien.&lt;br /&gt;
&lt;br /&gt;
Avec Stuxnet, une nouvelle ère est née : celle de la cyberguerre. C’est en effet avec ce virus en particulier que beaucoup d’experts, de gouvernement, d’entreprises ou même de particuliers ont pris conscience qu’un logiciel malveillant pouvait avoir le pouvoir de déclencher ou d’enrayer des conflits mondiaux. Il y a clairement eu un avant et un après Stuxnet !&lt;br /&gt;
&lt;br /&gt;
* LE PIRATAGE DE SONY ENTERTAINMENT&lt;br /&gt;
&lt;br /&gt;
En avril 2011, le PlayStation Network, service en ligne proposé par Sony au sein de sa console PlayStation 3, tombe en panne. Le service devient inaccessible pendant plusieurs semaines pour 77 millions d’utilisateurs à travers le monde, qui ne peuvent notamment plus jouer en ligne, ou accéder à leur bibliothèque de jeux dématérialisés. Pour Sony, c’est un long cauchemar qui va durer des mois : l’entreprise nippone finit par admettre qu’une intrusion a eu lieu sur ses serveurs, et que des millions de données personnelles ont été volées.&lt;br /&gt;
&lt;br /&gt;
Quelques jours avant la mise hors ligne du PSN, des hackers étaient parvenus à s’introduire sur les serveurs de Sony, qui présentaient différentes failles de sécurité. Les pirates avaient alors eu accès à une quantité impressionnante de données personnelles des utilisateurs du service, incluant des noms, des adresses, des mots de passe ou encore des historiques de paiement, stockés de manière non chiffrée. Il aura fallu plus de deux mois à Sony Entertainment pour assainir ses serveurs des milliers de backdoor cachées par les hackers, et assurer la sécurité à ses utilisateurs.&lt;br /&gt;
&lt;br /&gt;
8 ans plus tard, ce véritable désastre en matière de cybersécurité poursuit toujours Sony, qui a été pointé du doigt pour le manque de sécurisation de ses données sensibles, mais également pour sa communication chaotique autour de cette crise.&lt;br /&gt;
&lt;br /&gt;
* LE VOL DE DONNÉES PERSONNELLES D’ASHLEY MADISON&lt;br /&gt;
&lt;br /&gt;
Ashley Madison est un site de rencontre extraconjugal, particulièrement utilisé dans le cadre d’adultères : inutile de préciser que ses utilisateurs cherchent la discrétion absolue ! Pourtant, en juillet 2015, le site s’est fait pirater par un groupe de hackers se faisant appeler The Impact Team. Les pirates ont rapidement clamé avoir volé une quantité impressionnante de données personnelles : noms des utilisateurs, adresses, numéros de cartes bancaires… de quoi ruiner des milliers de mariages !&lt;br /&gt;
&lt;br /&gt;
En premier lieu, les hackers ont menacé de tout divulguer sur la Toile si le site Ashley Madison ne fermait pas ses portes immédiatement. Mais les équipes du site ont refusé cet ultimatum, et ont travaillé rapidement pour combler toutes les failles du site. Une situation qui n’a pas été du goût de l’équipe de pirates qui, en août 2015, ont publié 60 Go de données venues de leur cambriolage virtuel sur le dark web. Des données qui ont été récupérées par de nombreux cabinets d’avocats, d’enquêteurs et autres traqueurs d’infidélités. Certains membres du site ont été victimes de chantage, ont divorcé, et des suicides ont même été recensés, parfois même au sein des équipes d’Ashley Madison. Si le site est toujours ouvert aujourd’hui, il traînera toujours derrière lui cette affaire dramatique.&lt;br /&gt;
&lt;br /&gt;
* WANNACRY, LE ROI DES RANSOMWARES&lt;br /&gt;
&lt;br /&gt;
En mai 2017, le ransomware WannaCry fait une arrivée fracassante sur Internet, après son utilisation dans une cyberattaque mondiale ayant touché plus de 300 000 ordinateurs, dans plus de 150 pays. À l’époque, on commence tout juste à parler des ransomwares, ces logiciels malveillants capables de prendre des données en otage en les chiffrant, pour ensuite demander à l’utilisateur de la machine le paiement d’une « rançon » en vue de débloquer l’accès aux fichiers.&lt;br /&gt;
&lt;br /&gt;
Pour s’introduire dans les ordinateurs, les pirates à l’origine de WannaCry utilisaient la bonne vieille méthode de l’ingénierie sociale, via des envois massifs de mails chargés d’une pièce jointe piégée. Le virus passait ensuite par des failles de sécurité présentes au sein de Windows XP, Windows Vista ou encore Windows 8, et même certaines versions obsolètes de Windows 10. Autant de possibilités qui ont rendu cette attaque massive possible. De nombreuses entreprises en ont été victimes, parmi lesquelles Vodafone, FedEx, Renault, la Deutsche Bahn, mais aussi le ministère de l’intérieur russe.&lt;br /&gt;
&lt;br /&gt;
Encore aujourd’hui, WannaCry est considéré comme étant le ransomware le plus dévastateur, mais ce n’est pas pour autant que la leçon a été apprise par tous : les malwares à rançon sont légion sur le Web aujourd’hui, et des milliers de personnes se font encore piéger chaque jour.&lt;br /&gt;
&lt;br /&gt;
* L’ATTAQUE DDOS CONTRE GITHUB&lt;br /&gt;
&lt;br /&gt;
Chaque année est l’occasion pour les attaques à déni de service (DDoS) de repousser plus loin les limites de ce type de menaces. En février 2018, la plateforme GitHub a ainsi été victime de la plus grande attaque DDoS survenue jusqu’alors. Ses serveurs ont été saturés par des centaines de milliers de requêtes à la seconde, entraînant la chute de ces derniers. Au plus fort de l’attaque, un pic à 1,35 Tb/s de données avait été enregistré.&lt;br /&gt;
&lt;br /&gt;
Pour en arriver à un tel volume de requêtes, les pirates à l’origine de l’attaque ont utilisé en leur faveur un logiciel que l’on retrouve sur un grand nombre de serveurs. Nommé memcached, il est normalement destiné à accélérer l’accès à des bases de données. Mais mal configuré, il peut multiplier une requête par 51 000 : de quoi largement faciliter le « travail » des hackers.&lt;br /&gt;
&lt;br /&gt;
Heureusement pour GitHub, ses serveurs de backup ont pris le relai quelques minutes seulement après la chute de ses serveurs principaux. L’attaque a été spectaculaire, mais n’a finalement causé aucun dégât matériel, et s’est contentée d’égratigner un peu l’égo de l’entreprise ciblée. Comme souvent, GitHub a été pris pour cible sans raison particulière : les hackers à l’origine de l’attaque voulaient simplement faire la démonstration de leurs talents.&amp;lt;ref&amp;gt;https://www.avanista.fr/actualites/27-5-cyber-attaques-cybersecurite&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Plus dernièrement, avec le Coronavirus, le phishing augmente de 667% en mars. Des e-mails d&#039;hammeçonages ciblés ont été envoyés exploitant le thème du Covid-19 pour tenter d&#039;exploiter la peur des utilisateurs. &amp;lt;ref&amp;gt;https://www.lemondeinformatique.fr/actualites/lire-avec-le-coronavirus-le-phishing-augmente-de-667-en-mars-78582.html&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Cyber]]&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=192</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=192"/>
		<updated>2023-10-23T15:00:35Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse. &lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&amp;lt;ref&amp;gt;https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; ([https://www.deceptive.design/ darkpatterns.org]) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Solutions échapper aux &amp;quot;dark patterns&amp;quot;&#039;&#039;&#039; ==&lt;br /&gt;
Voici quelques conseils : &lt;br /&gt;
&lt;br /&gt;
* Demandez-vous &#039;&#039;&#039;l’intérêt que vous avez pour le site&#039;&#039;&#039; sur lequel vous surfez. Aujourd’hui, une partie des sites veulent quelque chose de vous : votre temps, votre argent, vos données.&lt;br /&gt;
* Vérifiez toujours la &#039;&#039;&#039;barre d’état&#039;&#039;&#039; de votre navigateur lorsque vous vous apprêtez à cliquer sur un lien pour voir « sur quel site vous allez atterrir ».&lt;br /&gt;
* Prêtez attention à l’ergonomie des sites. Parfois, sur une popup, le bouton &#039;&#039;&#039;valider&#039;&#039;&#039; est à droite et &#039;&#039;&#039;annuler&#039;&#039;&#039; à gauche. Des fois, cela s’inverse. Attention aux automatismes donc.&lt;br /&gt;
* Toujours sur vos habitudes et notamment sur mobile, préférez les boutons du navigateur plutôt que les boutons « retour » d’un site par exemple. Cela vous évitera le Bait and switch.&lt;br /&gt;
* N’allez pas trop vite lorsque vous cliquez. Parfois une publicité ou un bouton se charge à la place du lien sur lequel vous vous apprêtiez à cliquer. Bref, soyez lents !&lt;br /&gt;
* Avec parcimonie, utilisez des plugins de navigateurs qui retirent les publicités (Ghostery, Ublock Origin)&lt;br /&gt;
* Avec parcimonie, utilisez des plugins qui nettoient les interfaces de certains sites comme Facebook (comme « &#039;&#039;News Feed Eradicator for Facebook&#039;&#039; » sur Chrome), ou Youtube (avec &#039;&#039;YouTube Distraction Free&#039;&#039; par exemple (sur Chrome)), bref faites du ménage.&lt;br /&gt;
* Quand une popup ou une fenêtre s’ouvre et que vous ne trouvez pas la petite croix pour fermer ou pour revenir en arrière, n’hésitez pas à utiliser la touche « echap » de votre clavier, parfois ça fonctionne 😉 La même chose avec la touche « backspace » pour revenir en arrière.&lt;br /&gt;
* Allumez votre radar à dark patterns sur puissance maximale si vous êtes sur des sites e-commerce ou des sites pirates / de streaming, etc.&lt;br /&gt;
&lt;br /&gt;
Enfin, allez faire un tour sur DarkPatterns.org pour découvrir tous les grands principes des dark patterns et dès que vous détectez une filouterie du design d’interface qui s’apparente à un dark pattern, n’hésitez pas à prévenir vos proches via les réseaux sociaux. &amp;lt;ref&amp;gt;https://graphism.fr/mieux-comprendre-et-eviter-les-dark-patterns/&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=190</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=190"/>
		<updated>2023-10-23T14:54:31Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dérivé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;hameçonner&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;, avec le suffixe &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;-age&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;. Terme proposé par l’Office québécois de la langue française en &#039;&#039;&#039;avril 2004&#039;&#039;&#039; pour traduire &#039;&#039;phishing&#039;&#039;. ( Date à préciser)&amp;lt;ref&amp;gt;https://www.lalanguefrancaise.com/dictionnaire/definition/hameconnage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Emprunt de l&#039;anglais &#039;&#039;&amp;lt;bdi&amp;gt;&#039;&#039;&#039;phishing&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;&#039;&#039; composé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;phreaking&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« piratage téléphonique ») et de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;fishing&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« pêche »).&lt;br /&gt;
&lt;br /&gt;
== Définition : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
L&#039;hameçonnage ou le phishing consiste à obtenir du destinataire d’un courriel, d’apparence légitime, qu’il transmette ses &#039;&#039;&#039;coordonnées bancaires&#039;&#039;&#039; ou ses &#039;&#039;&#039;identifiants de connexion à des services financiers&#039;&#039;&#039;, afin de lui &#039;&#039;&#039;dérober de l’argent&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Il s’agit de l’un des principaux vecteurs de la cybercriminalité.&lt;br /&gt;
&lt;br /&gt;
Ce type de pratique peut être également utilisé dans des &#039;&#039;&#039;attaques par hameçonnage ciblé&#039;&#039;&#039; visant à obtenir d’un employé ses &#039;&#039;&#039;identifiants d’accès aux réseaux professionnels&#039;&#039;&#039; auxquels il a accès.&lt;br /&gt;
&lt;br /&gt;
Pour renforcer sa crédibilité, le courriel frauduleux n’hésitera pas à utiliser &#039;&#039;&#039;logos&#039;&#039;&#039; et &#039;&#039;&#039;chartes graphiques des administrations ou entreprises&#039;&#039;&#039; les plus connues. Le contenu du message repose en général sur deux stratégies :&lt;br /&gt;
&lt;br /&gt;
* soit &#039;&#039;&#039;il vous est reproché de ne pas avoir réglé une certaine somme d’argent&#039;&#039;&#039; (factures, impôts, électricité...) et on vous enjoint à le faire sous peine de pénalités de retard voire de saisine de la justice&lt;br /&gt;
* soit &#039;&#039;&#039;on vous signale une erreur d’ordre financier en votre faveur&#039;&#039;&#039; (impôts, banque...) et on vous invite à suivre des indications pour vous faire rembourser.&lt;br /&gt;
&lt;br /&gt;
D’autres méthodes existent (colis en attente, cadeaux, offre exceptionnelle etc.).&amp;lt;ref&amp;gt;https://www.economie.gouv.fr/particuliers/phishing-hameconnage-filoutage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Évènements marquants&#039;&#039;&#039; ==&lt;br /&gt;
Les 5 cyberattaques les plus spectaculaires : &lt;br /&gt;
&lt;br /&gt;
* L’ONDE DE CHOC STUXNET&lt;br /&gt;
&lt;br /&gt;
Découvert en 2010, le ver informatique Stuxnet a fait de gros dégâts, notamment dans des installations nucléaires iraniennes, notamment ceux de la centrale de la ville de Natanz. Ce virus informatique n’était pas destiné à voler des données, mais à espionner et à saboter des systèmes industriels. Plusieurs agences spécialisées en cybersécurisé se sont penchées sur les origines et la conception de Stuxnet, avant de finir par déduire que ce malware « extrêmement bien écrit » avait été conçu par les États-Unis et Israël pour freiner le programme nucléaire iranien.&lt;br /&gt;
&lt;br /&gt;
Avec Stuxnet, une nouvelle ère est née : celle de la cyberguerre. C’est en effet avec ce virus en particulier que beaucoup d’experts, de gouvernement, d’entreprises ou même de particuliers ont pris conscience qu’un logiciel malveillant pouvait avoir le pouvoir de déclencher ou d’enrayer des conflits mondiaux. Il y a clairement eu un avant et un après Stuxnet !&lt;br /&gt;
&lt;br /&gt;
* LE PIRATAGE DE SONY ENTERTAINMENT&lt;br /&gt;
&lt;br /&gt;
En avril 2011, le PlayStation Network, service en ligne proposé par Sony au sein de sa console PlayStation 3, tombe en panne. Le service devient inaccessible pendant plusieurs semaines pour 77 millions d’utilisateurs à travers le monde, qui ne peuvent notamment plus jouer en ligne, ou accéder à leur bibliothèque de jeux dématérialisés. Pour Sony, c’est un long cauchemar qui va durer des mois : l’entreprise nippone finit par admettre qu’une intrusion a eu lieu sur ses serveurs, et que des millions de données personnelles ont été volées.&lt;br /&gt;
&lt;br /&gt;
Quelques jours avant la mise hors ligne du PSN, des hackers étaient parvenus à s’introduire sur les serveurs de Sony, qui présentaient différentes failles de sécurité. Les pirates avaient alors eu accès à une quantité impressionnante de données personnelles des utilisateurs du service, incluant des noms, des adresses, des mots de passe ou encore des historiques de paiement, stockés de manière non chiffrée. Il aura fallu plus de deux mois à Sony Entertainment pour assainir ses serveurs des milliers de backdoor cachées par les hackers, et assurer la sécurité à ses utilisateurs.&lt;br /&gt;
&lt;br /&gt;
8 ans plus tard, ce véritable désastre en matière de cybersécurité poursuit toujours Sony, qui a été pointé du doigt pour le manque de sécurisation de ses données sensibles, mais également pour sa communication chaotique autour de cette crise.&lt;br /&gt;
&lt;br /&gt;
* LE VOL DE DONNÉES PERSONNELLES D’ASHLEY MADISON&lt;br /&gt;
&lt;br /&gt;
Ashley Madison est un site de rencontre extraconjugal, particulièrement utilisé dans le cadre d’adultères : inutile de préciser que ses utilisateurs cherchent la discrétion absolue ! Pourtant, en juillet 2015, le site s’est fait pirater par un groupe de hackers se faisant appeler The Impact Team. Les pirates ont rapidement clamé avoir volé une quantité impressionnante de données personnelles : noms des utilisateurs, adresses, numéros de cartes bancaires… de quoi ruiner des milliers de mariages !&lt;br /&gt;
&lt;br /&gt;
En premier lieu, les hackers ont menacé de tout divulguer sur la Toile si le site Ashley Madison ne fermait pas ses portes immédiatement. Mais les équipes du site ont refusé cet ultimatum, et ont travaillé rapidement pour combler toutes les failles du site. Une situation qui n’a pas été du goût de l’équipe de pirates qui, en août 2015, ont publié 60 Go de données venues de leur cambriolage virtuel sur le dark web. Des données qui ont été récupérées par de nombreux cabinets d’avocats, d’enquêteurs et autres traqueurs d’infidélités. Certains membres du site ont été victimes de chantage, ont divorcé, et des suicides ont même été recensés, parfois même au sein des équipes d’Ashley Madison. Si le site est toujours ouvert aujourd’hui, il traînera toujours derrière lui cette affaire dramatique.&lt;br /&gt;
&lt;br /&gt;
* WANNACRY, LE ROI DES RANSOMWARES&lt;br /&gt;
&lt;br /&gt;
En mai 2017, le ransomware WannaCry fait une arrivée fracassante sur Internet, après son utilisation dans une cyberattaque mondiale ayant touché plus de 300 000 ordinateurs, dans plus de 150 pays. À l’époque, on commence tout juste à parler des ransomwares, ces logiciels malveillants capables de prendre des données en otage en les chiffrant, pour ensuite demander à l’utilisateur de la machine le paiement d’une « rançon » en vue de débloquer l’accès aux fichiers.&lt;br /&gt;
&lt;br /&gt;
Pour s’introduire dans les ordinateurs, les pirates à l’origine de WannaCry utilisaient la bonne vieille méthode de l’ingénierie sociale, via des envois massifs de mails chargés d’une pièce jointe piégée. Le virus passait ensuite par des failles de sécurité présentes au sein de Windows XP, Windows Vista ou encore Windows 8, et même certaines versions obsolètes de Windows 10. Autant de possibilités qui ont rendu cette attaque massive possible. De nombreuses entreprises en ont été victimes, parmi lesquelles Vodafone, FedEx, Renault, la Deutsche Bahn, mais aussi le ministère de l’intérieur russe.&lt;br /&gt;
&lt;br /&gt;
Encore aujourd’hui, WannaCry est considéré comme étant le ransomware le plus dévastateur, mais ce n’est pas pour autant que la leçon a été apprise par tous : les malwares à rançon sont légion sur le Web aujourd’hui, et des milliers de personnes se font encore piéger chaque jour.&lt;br /&gt;
&lt;br /&gt;
* L’ATTAQUE DDOS CONTRE GITHUB&lt;br /&gt;
&lt;br /&gt;
Chaque année est l’occasion pour les attaques à déni de service (DDoS) de repousser plus loin les limites de ce type de menaces. En février 2018, la plateforme GitHub a ainsi été victime de la plus grande attaque DDoS survenue jusqu’alors. Ses serveurs ont été saturés par des centaines de milliers de requêtes à la seconde, entraînant la chute de ces derniers. Au plus fort de l’attaque, un pic à 1,35 Tb/s de données avait été enregistré.&lt;br /&gt;
&lt;br /&gt;
Pour en arriver à un tel volume de requêtes, les pirates à l’origine de l’attaque ont utilisé en leur faveur un logiciel que l’on retrouve sur un grand nombre de serveurs. Nommé memcached, il est normalement destiné à accélérer l’accès à des bases de données. Mais mal configuré, il peut multiplier une requête par 51 000 : de quoi largement faciliter le « travail » des hackers.&lt;br /&gt;
&lt;br /&gt;
Heureusement pour GitHub, ses serveurs de backup ont pris le relai quelques minutes seulement après la chute de ses serveurs principaux. L’attaque a été spectaculaire, mais n’a finalement causé aucun dégât matériel, et s’est contentée d’égratigner un peu l’égo de l’entreprise ciblée. Comme souvent, GitHub a été pris pour cible sans raison particulière : les hackers à l’origine de l’attaque voulaient simplement faire la démonstration de leurs talents.&amp;lt;ref&amp;gt;https://www.avanista.fr/actualites/27-5-cyber-attaques-cybersecurite&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Plus dernièrement, avec le Coronavirus, le phishing augmente de 667% en mars. Des e-mails d&#039;hammeçonages ciblés ont été envoyés exploitant le thème du Covid-19 pour tenter d&#039;exploiter la peur des utilisateurs. &amp;lt;ref&amp;gt;https://www.lemondeinformatique.fr/actualites/lire-avec-le-coronavirus-le-phishing-augmente-de-667-en-mars-78582.html&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=188</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=188"/>
		<updated>2023-10-23T14:53:07Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse. &lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&amp;lt;ref&amp;gt;https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; ([https://www.deceptive.design/ darkpatterns.org]) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Solutions échapper aux &amp;quot;dark patterns&amp;quot;&#039;&#039;&#039; ==&lt;br /&gt;
Voici quelques conseils : &lt;br /&gt;
&lt;br /&gt;
* Demandez-vous &#039;&#039;&#039;l’intérêt que vous avez pour le site&#039;&#039;&#039; sur lequel vous surfez. Aujourd’hui, une partie des sites veulent quelque chose de vous : votre temps, votre argent, vos données.&lt;br /&gt;
* Vérifiez toujours la &#039;&#039;&#039;barre d’état&#039;&#039;&#039; de votre navigateur lorsque vous vous apprêtez à cliquer sur un lien pour voir « sur quel site vous allez atterrir ».&lt;br /&gt;
* Prêtez attention à l’ergonomie des sites. Parfois, sur une popup, le bouton &#039;&#039;&#039;valider&#039;&#039;&#039; est à droite et &#039;&#039;&#039;annuler&#039;&#039;&#039; à gauche. Des fois, cela s’inverse. Attention aux automatismes donc.&lt;br /&gt;
* Toujours sur vos habitudes et notamment sur mobile, préférez les boutons du navigateur plutôt que les boutons « retour » d’un site par exemple. Cela vous évitera le Bait and switch.&lt;br /&gt;
* N’allez pas trop vite lorsque vous cliquez. Parfois une publicité ou un bouton se charge à la place du lien sur lequel vous vous apprêtiez à cliquer. Bref, soyez lents !&lt;br /&gt;
* Avec parcimonie, utilisez des plugins de navigateurs qui retirent les publicités (Ghostery, Ublock Origin)&lt;br /&gt;
* Avec parcimonie, utilisez des plugins qui nettoient les interfaces de certains sites comme Facebook (comme « &#039;&#039;News Feed Eradicator for Facebook&#039;&#039; » sur Chrome), ou Youtube (avec &#039;&#039;YouTube Distraction Free&#039;&#039; par exemple (sur Chrome)), bref faites du ménage.&lt;br /&gt;
* Quand une popup ou une fenêtre s’ouvre et que vous ne trouvez pas la petite croix pour fermer ou pour revenir en arrière, n’hésitez pas à utiliser la touche « echap » de votre clavier, parfois ça fonctionne 😉 La même chose avec la touche « backspace » pour revenir en arrière.&lt;br /&gt;
* Allumez votre radar à dark patterns sur puissance maximale si vous êtes sur des sites e-commerce ou des sites pirates / de streaming, etc.&lt;br /&gt;
&lt;br /&gt;
Enfin, allez faire un tour sur DarkPatterns.org pour découvrir tous les grands principes des dark patterns et dès que vous détectez une filouterie du design d’interface qui s’apparente à un dark pattern, n’hésitez pas à prévenir vos proches via les réseaux sociaux. &amp;lt;ref&amp;gt;https://graphism.fr/mieux-comprendre-et-eviter-les-dark-patterns/&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=170</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=170"/>
		<updated>2023-10-23T14:32:31Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;ref&amp;gt;[https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#:~:text=Ce%20dark%20pattern%20d%C3%A9clenche%20volontairement,pas%20faire%20d%27%C3%A9conomies%20%C2%BB. https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#:~:text=Ce%20dark%20pattern%20d%C3%A9clenche%20volontairement,pas%20faire%20d%27%C3%A9conomies%20%C2%BB.]&amp;lt;/ref&amp;gt;Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse. &lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; ([https://www.deceptive.design/ darkpatterns.org]) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Solutions échapper aux &amp;quot;dark patterns&amp;quot;&#039;&#039;&#039; ==&lt;br /&gt;
Voici quelques conseils : &lt;br /&gt;
&lt;br /&gt;
* Demandez-vous &#039;&#039;&#039;l’intérêt que vous avez pour le site&#039;&#039;&#039; sur lequel vous surfez. Aujourd’hui, une partie des sites veulent quelque chose de vous : votre temps, votre argent, vos données.&lt;br /&gt;
* Vérifiez toujours la &#039;&#039;&#039;barre d’état&#039;&#039;&#039; de votre navigateur lorsque vous vous apprêtez à cliquer sur un lien pour voir « sur quel site vous allez atterrir ».&lt;br /&gt;
* Prêtez attention à l’ergonomie des sites. Parfois, sur une popup, le bouton &#039;&#039;&#039;valider&#039;&#039;&#039; est à droite et &#039;&#039;&#039;annuler&#039;&#039;&#039; à gauche. Des fois, cela s’inverse. Attention aux automatismes donc.&lt;br /&gt;
* Toujours sur vos habitudes et notamment sur mobile, préférez les boutons du navigateur plutôt que les boutons « retour » d’un site par exemple. Cela vous évitera le Bait and switch.&lt;br /&gt;
* N’allez pas trop vite lorsque vous cliquez. Parfois une publicité ou un bouton se charge à la place du lien sur lequel vous vous apprêtiez à cliquer. Bref, soyez lents !&lt;br /&gt;
* Avec parcimonie, utilisez des plugins de navigateurs qui retirent les publicités (Ghostery, Ublock Origin)&lt;br /&gt;
* Avec parcimonie, utilisez des plugins qui nettoient les interfaces de certains sites comme Facebook (comme « &#039;&#039;News Feed Eradicator for Facebook&#039;&#039; » sur Chrome), ou Youtube (avec &#039;&#039;YouTube Distraction Free&#039;&#039; par exemple (sur Chrome)), bref faites du ménage.&lt;br /&gt;
* Quand une popup ou une fenêtre s’ouvre et que vous ne trouvez pas la petite croix pour fermer ou pour revenir en arrière, n’hésitez pas à utiliser la touche « echap » de votre clavier, parfois ça fonctionne 😉 La même chose avec la touche « backspace » pour revenir en arrière.&lt;br /&gt;
* Allumez votre radar à dark patterns sur puissance maximale si vous êtes sur des sites e-commerce ou des sites pirates / de streaming, etc.&lt;br /&gt;
&lt;br /&gt;
Enfin, allez faire un tour sur DarkPatterns.org pour découvrir tous les grands principes des dark patterns et dès que vous détectez une filouterie du design d’interface qui s’apparente à un dark pattern, n’hésitez pas à prévenir vos proches via les réseaux sociaux. &amp;lt;ref&amp;gt;https://graphism.fr/mieux-comprendre-et-eviter-les-dark-patterns/&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;br /&gt;
[[Catégorie:Design]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=169</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=169"/>
		<updated>2023-10-23T14:32:14Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;ref&amp;gt;[https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#:~:text=Ce%20dark%20pattern%20d%C3%A9clenche%20volontairement,pas%20faire%20d%27%C3%A9conomies%20%C2%BB. https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#:~:text=Ce%20dark%20pattern%20d%C3%A9clenche%20volontairement,pas%20faire%20d%27%C3%A9conomies%20%C2%BB.]&amp;lt;/ref&amp;gt;Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse. &lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; ([https://www.deceptive.design/ darkpatterns.org]) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Solutions échapper aux &amp;quot;dark patterns&amp;quot;&#039;&#039;&#039; ==&lt;br /&gt;
Voici quelques conseils : &lt;br /&gt;
&lt;br /&gt;
* Demandez-vous &#039;&#039;&#039;l’intérêt que vous avez pour le site&#039;&#039;&#039; sur lequel vous surfez. Aujourd’hui, une partie des sites veulent quelque chose de vous : votre temps, votre argent, vos données.&lt;br /&gt;
* Vérifiez toujours la &#039;&#039;&#039;barre d’état&#039;&#039;&#039; de votre navigateur lorsque vous vous apprêtez à cliquer sur un lien pour voir « sur quel site vous allez atterrir ».&lt;br /&gt;
* Prêtez attention à l’ergonomie des sites. Parfois, sur une popup, le bouton &#039;&#039;&#039;valider&#039;&#039;&#039; est à droite et &#039;&#039;&#039;annuler&#039;&#039;&#039; à gauche. Des fois, cela s’inverse. Attention aux automatismes donc.&lt;br /&gt;
* Toujours sur vos habitudes et notamment sur mobile, préférez les boutons du navigateur plutôt que les boutons « retour » d’un site par exemple. Cela vous évitera le Bait and switch.&lt;br /&gt;
* N’allez pas trop vite lorsque vous cliquez. Parfois une publicité ou un bouton se charge à la place du lien sur lequel vous vous apprêtiez à cliquer. Bref, soyez lents !&lt;br /&gt;
* Avec parcimonie, utilisez des plugins de navigateurs qui retirent les publicités (Ghostery, Ublock Origin)&lt;br /&gt;
* Avec parcimonie, utilisez des plugins qui nettoient les interfaces de certains sites comme Facebook (comme « &#039;&#039;News Feed Eradicator for Facebook&#039;&#039; » sur Chrome), ou Youtube (avec &#039;&#039;YouTube Distraction Free&#039;&#039; par exemple (sur Chrome)), bref faites du ménage.&lt;br /&gt;
* Quand une popup ou une fenêtre s’ouvre et que vous ne trouvez pas la petite croix pour fermer ou pour revenir en arrière, n’hésitez pas à utiliser la touche « echap » de votre clavier, parfois ça fonctionne 😉 La même chose avec la touche « backspace » pour revenir en arrière.&lt;br /&gt;
* Allumez votre radar à dark patterns sur puissance maximale si vous êtes sur des sites e-commerce ou des sites pirates / de streaming, etc.&lt;br /&gt;
&lt;br /&gt;
Enfin, allez faire un tour sur DarkPatterns.org pour découvrir tous les grands principes des dark patterns et dès que vous détectez une filouterie du design d’interface qui s’apparente à un dark pattern, n’hésitez pas à prévenir vos proches via les réseaux sociaux. &amp;lt;ref&amp;gt;https://graphism.fr/mieux-comprendre-et-eviter-les-dark-patterns/&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:%C3%89tudiant&amp;diff=168</id>
		<title>Catégorie:Étudiant</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:%C3%89tudiant&amp;diff=168"/>
		<updated>2023-10-23T14:31:16Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page vide créée&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:DSN04&amp;diff=167</id>
		<title>Catégorie:DSN04</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:DSN04&amp;diff=167"/>
		<updated>2023-10-23T14:31:09Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page vide créée&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=166</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=166"/>
		<updated>2023-10-23T14:29:45Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Bonnes pratiques numériques&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;DSN04&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Bioinspiration&amp;diff=159</id>
		<title>Catégorie:Bioinspiration</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Bioinspiration&amp;diff=159"/>
		<updated>2023-10-23T14:25:34Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page vide créée&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Stigmergie&amp;diff=158</id>
		<title>Stigmergie</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Stigmergie&amp;diff=158"/>
		<updated>2023-10-23T14:25:25Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Rote Waldameise schiebt Kiefernholz.jpg|vignette|Une fourmi]]&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
Le terme Stigmergie est composé de deux mots grecs, traces et travail. Venant de στιγμα (stigma) «marque, signe» et ἔργον (ergon) «travail, action». Il a été créé par Pierre-Paul Grassé en 1959. &lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Définition&#039;&#039;&#039; ==&lt;br /&gt;
La stigmergie est une méthode de communication indirecte dans un environnement émergent auto-organisé, où les individus communiquent entre eux en modifiant leur environnement. &lt;br /&gt;
&lt;br /&gt;
Le principe de base de la stigmergie repose sur les actions individuelles des membres d&#039;un groupe, qui laissent des traces (stigmates) dans leur environnement. Ces traces peuvent être physiques, chimiques, ou numériques, et elles sont utilisées par d&#039;autres membres du groupe pour orienter leurs propres comportements. En d&#039;autres termes, un individu effectue une action, laissant une marque ou un signal qui influence le comportement des autres individus sans qu&#039;il soit nécessaire d&#039;avoir une communication directe. &lt;br /&gt;
&lt;br /&gt;
La stigmergie est souvent utilisée pour expliquer des phénomènes de coopération et d&#039;auto-organisation au sein de groupes d&#039;individus, que ce soit dans le règne animal, le monde des insectes, ou même dans des systèmes informatiques et des réseaux de communication où des agents autonomes réagissent les uns aux actions des autres en fonction des signaux laissés dans leur environnement.&lt;br /&gt;
&lt;br /&gt;
Ce concept a également été appliqué dans des domaines tels que l&#039;informatique, la robotique et l&#039;ingénierie, pour concevoir des systèmes distribués et des algorithmes inspirés du comportement stigmergique des insectes afin d&#039;optimiser la coordination et la collaboration au sein de groupes d&#039;agents autonomes.&amp;lt;ref&amp;gt;Wikipédia &amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire&#039;&#039;&#039; ==&lt;br /&gt;
Le terme fut introduit par le biologiste français Pierre-Paul Grassé en 1959, en référence au comportement des termites. Il le définit comme la « stimulation des travailleurs par l&#039;œuvre qu&#039;ils réalisent ».&amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Stigmergie&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
La stigmergie a d&#039;abord été observée dans la nature – les fourmis communiquent en déposant des phéromones derrière elles, pour que d&#039;autres fourmis puissent suivre la piste jusqu&#039;à la nourriture ou la colonie suivant les besoins, ce qui constitue un système stigmergique.&lt;br /&gt;
&lt;br /&gt;
Les études qui portent sur la stigmergie, ou qui l&#039;exploitent pour le développement et la compréhension d&#039;autres objets – comme la cognition sociale, les communs créatifs ou les systèmes adaptatifs complexes par exemple, connaissent un essor extraordinaire depuis la fin des années 1990, essor frappé d&#039;un caractère encore très exploratoire, puisqu&#039;il n&#039;en existe pas à ce jour de théorie unifiée, cohérente et consensuelle. Elle avait pourtant un sens très précis et une valeur épistémique bien établie dans les travaux de son créateur : Pierre-Paul Grassé. Il invente le terme en 1959 dans le cadre d&#039;une étude sur l&#039;activité constructrice de certains termites pour donner une réponse au problème suivant : « Comment les tâches individuelles se coordonnent-elles donc pour aboutir à une œuvre cohérente, unitaire et approximativement constante, dans sa forme et dans son volume ? ». Il propose cette idée : « La coordination des tâches, la régulation des constructions ne dépendent plus directement des ouvriers, mais des constructions elles-mêmes. &#039;&#039;L&#039;ouvrier ne dirige pas son travail, il est guidé par lui.&#039;&#039;&amp;lt;ref&amp;gt;https://journals.openedition.org/philosophique/1185&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Chez les insectes&#039;&#039;&#039; ==&lt;br /&gt;
Des systèmes stigmergiques sont visibles parmi toutes les espèces eusociales. Les fourmis communiquent en déposant des phéromones à leur suite, pour que d&#039;autres puissent suivre la piste jusqu&#039;à la nourriture ou la colonie suivant les besoins. Les termites utilisent des phéromones pour construire de grandes et complexes structures de terre à l&#039;aide d&#039;une simple règle décentralisée. Chacun ramasse un peu de boue autour de lui, y incorporant des phéromones, et la dépose par terre. Comme ils sont attirés par l&#039;odeur, ils déposent plus souvent leur paquet là où d&#039;autres l&#039;ont déjà déposé, ce qui forme des piliers, des arches, des tunnels et des chambres.&amp;lt;ref name=&amp;quot;:0&amp;quot;&amp;gt;https://fr.wikipedia.org/wiki/Stigmergie&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Chez les humains&#039;&#039;&#039; ==&lt;br /&gt;
Aujourd&#039;hui, ce terme est également utilisé pour désigner le mécanisme d&#039;intelligence collective, qui aboutit à des réalisations issues d&#039;un réseau social&amp;lt;ref name=&amp;quot;:0&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
La théoricienne Heather Marsh a écrit un article remarquable sur l’application de principes issus de la stigmergie à la collaboration dans des grands groupes et comme une méthode de gouvernance alternative à mi-chemin entre les organisations fonctionnant sur un modèle de compétition celles fonctionnant sur un modèle de coopération.&amp;lt;ref&amp;gt;http://www.lilianricaud.com/travail-en-reseau/la-stigmergie-un-nouvelle-modele-de-gouvernance-collaborative/&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Bioinspiration]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=155</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=155"/>
		<updated>2023-10-23T14:24:39Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;ref&amp;gt;[https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#:~:text=Ce%20dark%20pattern%20d%C3%A9clenche%20volontairement,pas%20faire%20d%27%C3%A9conomies%20%C2%BB. https://www.atipik.ch/fr/blog/definition-dark-patterns-design-ux#:~:text=Ce%20dark%20pattern%20d%C3%A9clenche%20volontairement,pas%20faire%20d%27%C3%A9conomies%20%C2%BB.]&amp;lt;/ref&amp;gt;Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse.&lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; ([https://www.deceptive.design/ darkpatterns.org]) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Solutions échapper aux &amp;quot;dark patterns&amp;quot;&#039;&#039;&#039; ==&lt;br /&gt;
Voici quelques conseils : &lt;br /&gt;
&lt;br /&gt;
* Demandez-vous &#039;&#039;&#039;l’intérêt que vous avez pour le site&#039;&#039;&#039; sur lequel vous surfez. Aujourd’hui, une partie des sites veulent quelque chose de vous : votre temps, votre argent, vos données.&lt;br /&gt;
* Vérifiez toujours la &#039;&#039;&#039;barre d’état&#039;&#039;&#039; de votre navigateur lorsque vous vous apprêtez à cliquer sur un lien pour voir « sur quel site vous allez atterrir ».&lt;br /&gt;
* Prêtez attention à l’ergonomie des sites. Parfois, sur une popup, le bouton &#039;&#039;&#039;valider&#039;&#039;&#039; est à droite et &#039;&#039;&#039;annuler&#039;&#039;&#039; à gauche. Des fois, cela s’inverse. Attention aux automatismes donc.&lt;br /&gt;
* Toujours sur vos habitudes et notamment sur mobile, préférez les boutons du navigateur plutôt que les boutons « retour » d’un site par exemple. Cela vous évitera le Bait and switch.&lt;br /&gt;
* N’allez pas trop vite lorsque vous cliquez. Parfois une publicité ou un bouton se charge à la place du lien sur lequel vous vous apprêtiez à cliquer. Bref, soyez lents !&lt;br /&gt;
* Avec parcimonie, utilisez des plugins de navigateurs qui retirent les publicités (Ghostery, Ublock Origin)&lt;br /&gt;
* Avec parcimonie, utilisez des plugins qui nettoient les interfaces de certains sites comme Facebook (comme « &#039;&#039;News Feed Eradicator for Facebook&#039;&#039; » sur Chrome), ou Youtube (avec &#039;&#039;YouTube Distraction Free&#039;&#039; par exemple (sur Chrome)), bref faites du ménage.&lt;br /&gt;
* Quand une popup ou une fenêtre s’ouvre et que vous ne trouvez pas la petite croix pour fermer ou pour revenir en arrière, n’hésitez pas à utiliser la touche « echap » de votre clavier, parfois ça fonctionne 😉 La même chose avec la touche « backspace » pour revenir en arrière.&lt;br /&gt;
* Allumez votre radar à dark patterns sur puissance maximale si vous êtes sur des sites e-commerce ou des sites pirates / de streaming, etc.&lt;br /&gt;
&lt;br /&gt;
Enfin, allez faire un tour sur DarkPatterns.org pour découvrir tous les grands principes des dark patterns et dès que vous détectez une filouterie du design d’interface qui s’apparente à un dark pattern, n’hésitez pas à prévenir vos proches via les réseaux sociaux. &amp;lt;ref&amp;gt;https://graphism.fr/mieux-comprendre-et-eviter-les-dark-patterns/&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Num%C3%A9rique&amp;diff=154</id>
		<title>Catégorie:Numérique</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Num%C3%A9rique&amp;diff=154"/>
		<updated>2023-10-23T14:24:02Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page blanchie&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=153</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=153"/>
		<updated>2023-10-23T14:23:25Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dérivé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;hameçonner&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;, avec le suffixe &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;-age&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;. Terme proposé par l’Office québécois de la langue française en &#039;&#039;&#039;avril 2004&#039;&#039;&#039; pour traduire &#039;&#039;phishing&#039;&#039;. ( Date à préciser)&amp;lt;ref&amp;gt;https://www.lalanguefrancaise.com/dictionnaire/definition/hameconnage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Emprunt de l&#039;anglais &#039;&#039;&amp;lt;bdi&amp;gt;&#039;&#039;&#039;phishing&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;&#039;&#039; composé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;phreaking&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« piratage téléphonique ») et de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;fishing&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« pêche »).&lt;br /&gt;
&lt;br /&gt;
== Définition : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
L&#039;hameçonnage ou le phishing consiste à obtenir du destinataire d’un courriel, d’apparence légitime, qu’il transmette ses &#039;&#039;&#039;coordonnées bancaires&#039;&#039;&#039; ou ses &#039;&#039;&#039;identifiants de connexion à des services financiers&#039;&#039;&#039;, afin de lui &#039;&#039;&#039;dérober de l’argent&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Il s’agit de l’un des principaux vecteurs de la cybercriminalité.&lt;br /&gt;
&lt;br /&gt;
Ce type de pratique peut être également utilisé dans des &#039;&#039;&#039;attaques par hameçonnage ciblé&#039;&#039;&#039; visant à obtenir d’un employé ses &#039;&#039;&#039;identifiants d’accès aux réseaux professionnels&#039;&#039;&#039; auxquels il a accès.&lt;br /&gt;
&lt;br /&gt;
Pour renforcer sa crédibilité, le courriel frauduleux n’hésitera pas à utiliser &#039;&#039;&#039;logos&#039;&#039;&#039; et &#039;&#039;&#039;chartes graphiques des administrations ou entreprises&#039;&#039;&#039; les plus connues. Le contenu du message repose en général sur deux stratégies :&lt;br /&gt;
&lt;br /&gt;
* soit &#039;&#039;&#039;il vous est reproché de ne pas avoir réglé une certaine somme d’argent&#039;&#039;&#039; (factures, impôts, électricité...) et on vous enjoint à le faire sous peine de pénalités de retard voire de saisine de la justice&lt;br /&gt;
* soit &#039;&#039;&#039;on vous signale une erreur d’ordre financier en votre faveur&#039;&#039;&#039; (impôts, banque...) et on vous invite à suivre des indications pour vous faire rembourser.&lt;br /&gt;
&lt;br /&gt;
D’autres méthodes existent (colis en attente, cadeaux, offre exceptionnelle etc.).&amp;lt;ref&amp;gt;https://www.economie.gouv.fr/particuliers/phishing-hameconnage-filoutage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Cyber]]&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=150</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=150"/>
		<updated>2023-10-23T14:20:26Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Design&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Bonnes pratiques numériques&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Cyber&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=143</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=143"/>
		<updated>2023-10-23T14:15:34Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dérivé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;hameçonner&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;, avec le suffixe &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;-age&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;. Terme proposé par l’Office québécois de la langue française en &#039;&#039;&#039;avril 2004&#039;&#039;&#039; pour traduire &#039;&#039;phishing&#039;&#039;. ( Date à préciser)&amp;lt;ref&amp;gt;https://www.lalanguefrancaise.com/dictionnaire/definition/hameconnage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Emprunt de l&#039;anglais &#039;&#039;&amp;lt;bdi&amp;gt;&#039;&#039;&#039;phishing&#039;&#039;&#039;&amp;lt;/bdi&amp;gt;&#039;&#039; composé de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;phreaking&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« piratage téléphonique ») et de &amp;lt;bdi&amp;gt;&#039;&#039;&#039;&#039;&#039;fishing&#039;&#039;&#039;&#039;&#039;&amp;lt;/bdi&amp;gt; (« pêche »).&lt;br /&gt;
&lt;br /&gt;
== Définition : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
L&#039;hameçonnage ou le phishing consiste à obtenir du destinataire d’un courriel, d’apparence légitime, qu’il transmette ses &#039;&#039;&#039;coordonnées bancaires&#039;&#039;&#039; ou ses &#039;&#039;&#039;identifiants de connexion à des services financiers&#039;&#039;&#039;, afin de lui &#039;&#039;&#039;dérober de l’argent&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Il s’agit de l’un des principaux vecteurs de la cybercriminalité.&lt;br /&gt;
&lt;br /&gt;
Ce type de pratique peut être également utilisé dans des &#039;&#039;&#039;attaques par hameçonnage ciblé&#039;&#039;&#039; visant à obtenir d’un employé ses &#039;&#039;&#039;identifiants d’accès aux réseaux professionnels&#039;&#039;&#039; auxquels il a accès.&lt;br /&gt;
&lt;br /&gt;
Pour renforcer sa crédibilité, le courriel frauduleux n’hésitera pas à utiliser &#039;&#039;&#039;logos&#039;&#039;&#039; et &#039;&#039;&#039;chartes graphiques des administrations ou entreprises&#039;&#039;&#039; les plus connues. Le contenu du message repose en général sur deux stratégies :&lt;br /&gt;
&lt;br /&gt;
* soit &#039;&#039;&#039;il vous est reproché de ne pas avoir réglé une certaine somme d’argent&#039;&#039;&#039; (factures, impôts, électricité...) et on vous enjoint à le faire sous peine de pénalités de retard voire de saisine de la justice&lt;br /&gt;
* soit &#039;&#039;&#039;on vous signale une erreur d’ordre financier en votre faveur&#039;&#039;&#039; (impôts, banque...) et on vous invite à suivre des indications pour vous faire rembourser.&lt;br /&gt;
&lt;br /&gt;
D’autres méthodes existent (colis en attente, cadeaux, offre exceptionnelle etc.).&amp;lt;ref&amp;gt;https://www.economie.gouv.fr/particuliers/phishing-hameconnage-filoutage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=142</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=142"/>
		<updated>2023-10-23T14:15:04Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse.&lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; (darkpatterns.org) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Num%C3%A9rique&amp;diff=138</id>
		<title>Catégorie:Numérique</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Num%C3%A9rique&amp;diff=138"/>
		<updated>2023-10-23T14:11:56Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Catégorie:Catégorie]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=137</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=137"/>
		<updated>2023-10-23T14:11:29Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Catégorie&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=135</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=135"/>
		<updated>2023-10-23T14:05:02Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
&amp;lt;categorytree mode=&amp;quot;pages&amp;quot;&amp;gt;Les articles :&amp;lt;/categorytree&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Num%C3%A9rique&amp;diff=130</id>
		<title>Catégorie:Numérique</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Cat%C3%A9gorie:Num%C3%A9rique&amp;diff=130"/>
		<updated>2023-10-23T13:46:20Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page vide créée&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=129</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=129"/>
		<updated>2023-10-23T13:45:20Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;br /&gt;
&lt;br /&gt;
== Définition : ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
L&#039;hameçonnage ou le phishing consiste à obtenir du destinataire d’un courriel, d’apparence légitime, qu’il transmette ses &#039;&#039;&#039;coordonnées bancaires&#039;&#039;&#039; ou ses &#039;&#039;&#039;identifiants de connexion à des services financiers&#039;&#039;&#039;, afin de lui &#039;&#039;&#039;dérober de l’argent&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Il s’agit de l’un des principaux vecteurs de la cybercriminalité.&lt;br /&gt;
&lt;br /&gt;
Ce type de pratique peut être également utilisé dans des &#039;&#039;&#039;attaques par hameçonnage ciblé&#039;&#039;&#039; visant à obtenir d’un employé ses &#039;&#039;&#039;identifiants d’accès aux réseaux professionnels&#039;&#039;&#039; auxquels il a accès.&lt;br /&gt;
&lt;br /&gt;
Pour renforcer sa crédibilité, le courriel frauduleux n’hésitera pas à utiliser &#039;&#039;&#039;logos&#039;&#039;&#039; et &#039;&#039;&#039;chartes graphiques des administrations ou entreprises&#039;&#039;&#039; les plus connues. Le contenu du message repose en général sur deux stratégies :&lt;br /&gt;
&lt;br /&gt;
* soit &#039;&#039;&#039;il vous est reproché de ne pas avoir réglé une certaine somme d’argent&#039;&#039;&#039; (factures, impôts, électricité...) et on vous enjoint à le faire sous peine de pénalités de retard voire de saisine de la justice&lt;br /&gt;
* soit &#039;&#039;&#039;on vous signale une erreur d’ordre financier en votre faveur&#039;&#039;&#039; (impôts, banque...) et on vous invite à suivre des indications pour vous faire rembourser.&lt;br /&gt;
&lt;br /&gt;
D’autres méthodes existent (colis en attente, cadeaux, offre exceptionnelle etc.).&amp;lt;ref&amp;gt;https://www.economie.gouv.fr/particuliers/phishing-hameconnage-filoutage&amp;lt;/ref&amp;gt;&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Cyber]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=128</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=128"/>
		<updated>2023-10-23T13:44:21Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse.&lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;ChatGPT&amp;lt;/ref&amp;gt;&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; (darkpatterns.org) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Bonnes pratiques numériques]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=127</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=127"/>
		<updated>2023-10-23T13:41:34Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Institut-design-image-Banniere-vignette.png|vignette|alt=Bannière de l&#039;Institut Supérieur de Design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|Institut Supérieur de Design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Fichier:Institut-design-image-Banniere-vignette.png&amp;diff=126</id>
		<title>Fichier:Institut-design-image-Banniere-vignette.png</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Fichier:Institut-design-image-Banniere-vignette.png&amp;diff=126"/>
		<updated>2023-10-23T13:40:19Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Bannière de l&#039;institut Supérieur de Design de Saint-Malo&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=125</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=125"/>
		<updated>2023-10-23T13:39:31Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Climbing Rose Bush - DPLA - 4931eca381d838b427da9cb3ffdb17d0.jpg|vignette|l&#039;institut supérieur de design]]&lt;br /&gt;
[[Fichier:Institut-design-image-Banniere.jpg|vignette]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=121</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=121"/>
		<updated>2023-10-23T13:30:36Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Climbing Rose Bush - DPLA - 4931eca381d838b427da9cb3ffdb17d0.jpg|vignette|l&#039;institut supérieur de design]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=120</id>
		<title>Accueil</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Accueil&amp;diff=120"/>
		<updated>2023-10-23T13:28:03Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Fichier:Climbing Rose Bush - DPLA - 4931eca381d838b427da9cb3ffdb17d0.jpg|vignette|l&#039;institut supérieur de design]]&lt;br /&gt;
[[Fichier:Institut-design-image-Banniere.jpg|alt=Bannière de l&#039;Institut supérieur de design de Saint-Malo - Monochrome rose du logo de l&#039;Institut D. sur fond de plage du Sillon.|vignette|Bannière de l&#039;Institut supérieur de design de Saint-Malo]]&lt;br /&gt;
&#039;&#039;&#039;Bienvenue sur la wiki des DSN4. Une classe remplie de belles personnes, pour en témoigner voici une discussion type entre les élèves&#039;&#039;&#039; &amp;lt;blockquote&amp;gt;Moi c&#039;est Antoine et je suis le deuxième gars de la classe cette information est elle vrai ou fausse ? &lt;br /&gt;
&lt;br /&gt;
Salut Antoine, moi c&#039;est Anna enchantier  &lt;br /&gt;
&lt;br /&gt;
Moi je m&#039;appelle teuse  &lt;br /&gt;
&lt;br /&gt;
Salut la team  &lt;br /&gt;
&lt;br /&gt;
Et moi Soneuse  &lt;br /&gt;
Et toi ture&lt;br /&gt;
&lt;br /&gt;
c&#039;est une intox   &lt;br /&gt;
&lt;br /&gt;
Antoine t&#039;es un collaborateur de qualité supérieure    &lt;br /&gt;
&lt;br /&gt;
Et lui ldolive    &lt;br /&gt;
&lt;br /&gt;
Coucou les romains     &lt;br /&gt;
&lt;br /&gt;
hello     &lt;br /&gt;
&lt;br /&gt;
Et y&#039;a vibro, ma soeur    &lt;br /&gt;
&lt;br /&gt;
Holà     &lt;br /&gt;
&lt;br /&gt;
bonne digestion          &lt;br /&gt;
&lt;br /&gt;
Louise t&#039;es trop belle avec ton tee-shirt Harley Davidson &amp;lt;/blockquote&amp;gt;      &lt;br /&gt;
&lt;br /&gt;
== Pour démarrer ==&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ Questions courantes sur MediaWiki]&lt;br /&gt;
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ Liste de discussion sur les distributions de MediaWiki]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]&lt;br /&gt;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Apprendre comment combattre le pourriel dans votre wiki]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Phishing&amp;diff=112</id>
		<title>Phishing</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Phishing&amp;diff=112"/>
		<updated>2023-10-23T12:56:58Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page redirigée vers Hameçonnage&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#REDIRECT [[Hameçonnage]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=110</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=110"/>
		<updated>2023-10-23T12:56:46Z</updated>

		<summary type="html">&lt;p&gt;Damien : Redirection supprimée vers Phishing&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=108</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=108"/>
		<updated>2023-10-23T12:55:57Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page redirigée vers Phishing&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#REDIRECT [[Phishing]]&lt;br /&gt;
== Étymologie : ==&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Phishing&amp;diff=105</id>
		<title>Phishing</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Phishing&amp;diff=105"/>
		<updated>2023-10-23T12:49:41Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page vide créée&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=103</id>
		<title>Hameçonnage</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Hame%C3%A7onnage&amp;diff=103"/>
		<updated>2023-10-23T12:48:46Z</updated>

		<summary type="html">&lt;p&gt;Damien : Page créée avec « == Étymologie : == »&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Étymologie : ==&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=99</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=99"/>
		<updated>2023-10-23T12:46:41Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse.&lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;ChatGPT&amp;lt;/ref&amp;gt;&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; (darkpatterns.org) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
	<entry>
		<id>https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=96</id>
		<title>Dark pattern</title>
		<link rel="alternate" type="text/html" href="https://institut.design/DesignWiki/wiki/index.php?title=Dark_pattern&amp;diff=96"/>
		<updated>2023-10-23T12:40:54Z</updated>

		<summary type="html">&lt;p&gt;Damien : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== &#039;&#039;&#039;Étymologie&#039;&#039;&#039; ==&lt;br /&gt;
De l&#039;anglais &#039;&#039;&#039;Dark&#039;&#039;&#039; &amp;quot;sombre&amp;quot; et de l&#039;anglais &#039;&#039;&#039;Pattern&#039;&#039;&#039; &amp;quot;modèle, patron de conception&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
==  &#039;&#039;&#039;Définition :&#039;&#039;&#039; ==&lt;br /&gt;
Les &amp;quot;dark patterns&amp;quot; sont des techniques de conception d&#039;interfaces utilisateur numériques qui manipulent ou trompent les utilisateurs pour les inciter à effectuer des actions qu&#039;ils ne souhaitent pas nécessairement entreprendre. Ces pratiques sont souvent utilisées de manière délibérée pour augmenter les ventes, collecter des données personnelles ou obtenir le consentement de l&#039;utilisateur de manière trompeuse.&lt;br /&gt;
&lt;br /&gt;
Les dark patterns peuvent prendre diverses formes, notamment :&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Misdirection :&#039;&#039;&#039; Rediriger l&#039;attention de l&#039;utilisateur vers une option ou un bouton spécifique pour l&#039;inciter à cliquer involontairement.&lt;br /&gt;
* &#039;&#039;&#039;Obstruction :&#039;&#039;&#039; Rendre délibérément difficile la réalisation d&#039;une action souhaitée, comme désabonner d&#039;une newsletter.&lt;br /&gt;
* &#039;&#039;&#039;Découragement :&#039;&#039;&#039; Créer une expérience utilisateur désagréable pour pousser les utilisateurs à choisir une option préjudiciable, par exemple en rendant une annulation d&#039;abonnement frustrante.&lt;br /&gt;
* &#039;&#039;&#039;Forçage :&#039;&#039;&#039; Forcer les utilisateurs à prendre des mesures non souhaitées en utilisant des tactiques telles que des cases pré-cochées pour les abonnements.&lt;br /&gt;
* &#039;&#039;&#039;Manipulation sociale :&#039;&#039;&#039; Utiliser des preuves sociales ou des informations trompeuses pour influencer le comportement de l&#039;utilisateur.&lt;br /&gt;
* &#039;&#039;&#039;Disguised app :&#039;&#039;&#039; application cachée&lt;br /&gt;
* &#039;&#039;&#039;Confirmshaming :&#039;&#039;&#039; le fait de pousser le lecteur de votre site à faire un choix en utilisant sa culpabilité ou sa honte.&lt;br /&gt;
&amp;lt;ref&amp;gt;ChatGPT&amp;lt;/ref&amp;gt;&amp;lt;ref&amp;gt;https://blog.didomi.io/en/what-are-dark-patterns&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Histoire :&#039;&#039;&#039; ==&lt;br /&gt;
Lors de l&#039;essor du numérique et plus particulièrement du e-commerce, un bon UX design amène les utilisateurs où ils ne veulent pas forcément aller. Les marques ont rencontrés une augmentation de leurs ventes et de la récupération des données. &lt;br /&gt;
&lt;br /&gt;
Il a été conceptualisé par Harry Brignull, spécialiste du design d&#039;interfaces utilisateur, en août 2010.&lt;br /&gt;
&lt;br /&gt;
Le terme &amp;quot;dark pattern&amp;quot; a été popularisé par Harry Brignull, un chercheur en expérience utilisateur, en 2010. Il a créé un site web appelé &amp;quot;Dark Patterns&amp;quot; (darkpatterns.org) pour sensibiliser le public aux pratiques trompeuses en matière de conception. Depuis lors, le terme est devenu couramment utilisé dans l&#039;industrie de la conception et de l&#039;expérience utilisateur pour dénoncer ces méthodes contraires à l&#039;éthique.&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Juridique :&#039;&#039;&#039; ==&lt;br /&gt;
L’utilisation de dark patterns peut entraîner des &#039;&#039;&#039;risques juridiques&#039;&#039;&#039;, des violations des lois sur la protection de la vie privée, des accusations de fraude, des violations des conditions d&#039;utilisation, et des utilisateurs mécontents. Les différents états mettent tout en oeuvre pour ralentir ce type d&#039;agissement comme contraindre les entreprises à cesser de facturer leurs clients en cachant les vrais raisons de leurs dépenses. Mais certaines techniques restent difficiles à évaluer. Plus les entreprises se demandent si leurs design compromet le choix des utilisateurs, plus les risques d&#039;actions en justices augmentent.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;Dans l&#039;Union Européenne&#039;&#039;&#039; ===&lt;br /&gt;
Le 21 mars 2022, le Comité européen de la protection des données (CEPD), rassemblement des 27 autorités de protection des données de l&#039;Union, a publié un projet de lignes directrices relatives aux &#039;&#039;dark patterns&#039;&#039; sur les réseaux sociaux. Ce projet fait l&#039;objet d&#039;une procédure de consultation publique avant publication de sa version adoptée par le CEPD.&lt;br /&gt;
&lt;br /&gt;
=== &#039;&#039;&#039;En France&#039;&#039;&#039; ===&lt;br /&gt;
Le laboratoire d&#039;innovation numérique de la CNIL a publié en janvier 2019 une étude sur les &#039;&#039;dark pattern&#039;&#039; dans son Cahier IP n°6 : &#039;&#039;La Forme des Choix&#039;&#039;12. Il y est notamment affirmé que « ces pratiques peuvent pour certaines rester conformes du point de vue du RGPD, mais selon le moment, la manière et les données concernées, elles peuvent soit poser des questions éthiques, soit devenir non conformes&lt;br /&gt;
&lt;br /&gt;
À la suite de cette publication, la CNIL a entrepris plusieurs actions visant à encadrer et réguler l&#039;utilisation de &#039;&#039;dark pattern&#039;&#039; à des fins de captation de données ou de recueil du consentement.&lt;br /&gt;
&lt;br /&gt;
En septembre 2020, la CNIL a publié des lignes directrices14 et une recommandation15 portant sur les cookies et autres traceurs dans lesquelles elle pousse à l&#039;adoption de mécanismes et de design garantissant la transparence des informations et la liberté de choix des utilisateurs de service en ligne.&lt;br /&gt;
&lt;br /&gt;
Elle y mentionne plusieurs pratiques de &#039;&#039;dark pattern&#039;&#039; comme étant contraires au RGPD (règlement général sur la protection des données) et à la Loi Informatique et Libertés, notamment :&lt;br /&gt;
&lt;br /&gt;
* L&#039;activation ou le pré-cochage de cases de recueil de consentement&lt;br /&gt;
* La poursuite de l&#039;activité sur un site internet ou une application comme le signe d&#039;un consentement au dépôt de cookies ou à l&#039;utilisation de traceurs&lt;br /&gt;
* L&#039;absence de possibilité de refuser en une seule action l&#039;ensemble des traitements de données effectuées par le service sur la base du consentement (bouton &amp;quot;Tout refuser&amp;quot;)&lt;br /&gt;
* Une action plus complexe pour refuser le dépôt de cookies ou l&#039;utilisation de traceurs que pour l&#039;accepter&lt;br /&gt;
&lt;br /&gt;
Outre ces actions répressives, la CNIL souhaite accompagner les acteurs du numérique dans leur mise en place de design respectueux des choix des utilisateurs. Elle a mis en ligne un site16 proposant des ressources et des études de cas, ainsi qu&#039;une communauté &amp;quot;Données et Design&amp;quot; accessible via la plateforme Slack. &amp;lt;ref&amp;gt;https://fr.wikipedia.org/wiki/Dark_pattern&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== &#039;&#039;&#039;Références&#039;&#039;&#039; ==&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
[[Catégorie:Design]]&lt;br /&gt;
[[Catégorie:Bonnes Pratiques]]&lt;/div&gt;</summary>
		<author><name>Damien</name></author>
	</entry>
</feed>