<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>design trompeur Archives - Chickadee Blue - Studio graphique</title>
	<atom:link href="https://chickadeeblue.com/tag/design-trompeur/feed/" rel="self" type="application/rss+xml" />
	<link>https://chickadeeblue.com/tag/design-trompeur/</link>
	<description>Création d&#039;identité visuelle pour projet exceptionnel.</description>
	<lastBuildDate>Thu, 10 Apr 2025 04:39:14 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://chickadeeblue.com/wp-content/uploads/2020/02/favicon.svg</url>
	<title>design trompeur Archives - Chickadee Blue - Studio graphique</title>
	<link>https://chickadeeblue.com/tag/design-trompeur/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dark Pattern, design trompeurs : comment le web nous manipule</title>
		<link>https://chickadeeblue.com/dark-patterns-ils-font-fuir-vos-utilisateurs-web/</link>
		
		<dc:creator><![CDATA[Margaux AVERTY]]></dc:creator>
		<pubDate>Wed, 22 Jan 2020 01:10:57 +0000</pubDate>
				<category><![CDATA[Communication éco-responsable]]></category>
		<category><![CDATA[communication raisonnée]]></category>
		<category><![CDATA[dark patterns]]></category>
		<category><![CDATA[design trompeur]]></category>
		<category><![CDATA[Site web]]></category>
		<guid isPermaLink="false">https://chickadeeblue.com/?p=1729</guid>

					<description><![CDATA[<p>Les Dark Patterns ou designs trompeurs servent à manipuler le comportement d'un utilisateur sur un site web ou une application. Des techniques de marketing digital abusives, tout sauf éthiques, qui font fuir les utilisateurs. </p>
<p>L’article <a href="https://chickadeeblue.com/dark-patterns-ils-font-fuir-vos-utilisateurs-web/">Dark Pattern, design trompeurs : comment le web nous manipule</a> est apparu en premier sur <a href="https://chickadeeblue.com">Chickadee Blue - Studio graphique</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1729" class="elementor elementor-1729">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-2d8b4b74 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2d8b4b74" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51673da8" data-id="51673da8" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-41c90fc8 elementor-widget elementor-widget-heading" data-id="41c90fc8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Dark Patterns, design trompeurs : quand le web nous manipule</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-5f4bc8bd elementor-widget elementor-widget-text-editor" data-id="5f4bc8bd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: left;"><span style="color: #000000;">Vous avez déjà été confronté.e à des <strong>Dark Patterns </strong>sans le savoir. Aujourd&rsquo;hui renommés<strong>« deceptive designs », ou designs trompeurs, </strong>ces procédés <b>manipulent le comportement d&rsquo;un utilisateur</b> sur un site web ou une application mobile.  <br /></span></p><p style="text-align: left;"><span style="color: #000000;">Je me suis moi-même fait avoir à plusieurs reprises, car certains dark patterns sont très bien <b>dissimulés</b>. </span></p><p style="text-align: left;"><span style="color: #000000;">Vous savez, cette newsletter qui arrive dans votre boîte mails dans savoir quand vous vous y êtes abonné.e ? Ou cette offre d&rsquo;essai gratuite qui se transforme en abonnement payant sans que vous en soyez informé.e ? Quand ce  n&rsquo;est pas ce pop-up qui débarque sur une page et que vous n&rsquo;arrivez pas à fermer ? </span></p><p style="text-align: left;"><span style="color: #000000;">Il ne s&rsquo;agit pas d&rsquo;erreurs, mais bien de design trompeur. Il est donc important de <strong>les repérer pour mieux les éviter. </strong><br /></span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-e4adbbd elementor-widget elementor-widget-html" data-id="e4adbbd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<script data-eId="211706" data-format="light" data-pId="3487" src="https://players.podcastics.com/podcastics/player.js"></script>				</div>
				</div>
				<div class="elementor-element elementor-element-0a621fe elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="0a621fe" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-defd86c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="defd86c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a4e3ece" data-id="a4e3ece" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c8ada45 elementor-widget elementor-widget-heading" data-id="c8ada45" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Dark Patterns : l'art de créer la confusion chez les utilisateurs web</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3763268 elementor-widget elementor-widget-heading" data-id="3763268" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">De quoi parle-t-on exactement ?  </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-4d4bf41 elementor-widget elementor-widget-text-editor" data-id="4d4bf41" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>On peut rapprocher les Dark Patterns de techniques marketing plus traditionnelles bien connues, qui s&rsquo;appuient sur les biais cognitifs du consommateur. Les techniques du « prix psychologique » à X,99 euros en font partie, tout comme les packs économiques pas forcément plus avantageux quand on fait le calcul.</p><p><strong>Dans les faits, ces designs trompeurs vont utiliser ces méthodes marketing en les adaptant aux supports web</strong>. Ainsi, ces astuces douteuses vont orienter les comportements utilisateurs afin de :</p><ul><li><strong>Récupérer des données personnelles</strong> <strong>(type e-mail, adresse, numéro de téléphone, etc.)</strong></li><li><strong>Augmenter le trafic de visiteurs sur un site ou le taux de clic sur une publicité</strong></li><li><strong>Faire grossir le panier moyen d&rsquo;une commande</strong></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-936734b elementor-widget elementor-widget-heading" data-id="936734b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les Dark Patterns, nouveau fléau du web ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-19873a8 elementor-widget elementor-widget-text-editor" data-id="19873a8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Il ne s&rsquo;agit pas d&rsquo;un phénomène récent, puisque dès 2010, <b>Harry Brignull</b>, un expert en <a href="https://www.deceptive.design/types" target="_blank" rel="noopener">design d&rsquo;interfaces numériques</a>, va répertorier ces procédés et les décrypter.  Aujourd&rsquo;hui, de nombreux sites web les utilisent, notamment des sites très populaires.  Selon une <a href="https://arxiv.org/pdf/1907.07032.pdf" target="_blank" rel="noopener">étude de 2019</a> réalisée par l&rsquo;Université de Princeton, 11,1% des sites d&rsquo;achat en ligne utilisaient des Dark Patterns (résultats obtenus à partir de l&rsquo;analyse de 11 000 sites web).</p><p>Le Dark Pattern, ou Deceptive Design, est donc <b>l&rsquo;utilisation de l&rsquo;UX design dans un but purement commercial, même s&rsquo;il est au détriment de l&rsquo;expérience utilisateur, et frôle l&rsquo;illégalité.</b> Une pratique à bannir si vous souhaitez créer une relation de confiance avec vos futurs partenaires, clients ou collaborateurs.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-10f2d7e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="10f2d7e" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInRight&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-73739d3" data-id="73739d3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3eed057 elementor-widget elementor-widget-heading" data-id="3eed057" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Créer une <b>expérience utilisateur fluide et simplifiée</b> peut être un véritable atout pour votre activité, à condition de respecter une <b>éthique </b>et une <b>transparence </b>dans vos choix de design et de communication. Un<b> discours clair et bienveillant </b>renforcera votre image et le rapport qu'entretiendront les utilisateurs avec votre produit ou vos services. </p>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d1147ae elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d1147ae" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a15e76c" data-id="a15e76c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5bd11ae elementor-widget elementor-widget-heading" data-id="5bd11ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Repérer les Dark Patterns pour mieux les éviter </h2>				</div>
				</div>
				<div class="elementor-element elementor-element-82cd3b5 elementor-widget elementor-widget-text-editor" data-id="82cd3b5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: left;"><strong><em>Harry Brignull a identifié 12 types de designs trompeurs. en voici quelques uns, que vous avez très probablement déjà rencontrés. <br /></em></strong></p>								</div>
				</div>
				<div class="elementor-element elementor-element-c29808d elementor-widget elementor-widget-heading" data-id="c29808d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">🙈 Les frais cachés - Hidden Costs</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-cadd962 elementor-widget elementor-widget-heading" data-id="cadd962" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Oups, on a oublié de mentionner les frais de livraison, de dossier, et d'inscription !</p>				</div>
				</div>
				<div class="elementor-element elementor-element-8a1be84 elementor-widget elementor-widget-text-editor" data-id="8a1be84" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Un dark pattern chouchou des sites e-commerce ! L&rsquo;utilisateur va sélectionner un produit ou un service à acheter en ligne. Seulement, ce n&rsquo;est qu&rsquo;à la finalisation de la commande que d&rsquo;autres coûts viennent s&rsquo;ajouter, comme des frais d&rsquo;expédition ou de réservation, et qui rallongent la note très rapidement !</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7dca0eb elementor-widget elementor-widget-heading" data-id="7dca0eb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">🚀 Les publicités déguisées - Disguised Ads </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8ab4bd4 elementor-widget elementor-widget-heading" data-id="8ab4bd4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Le bouton surprise qui vous emmène vers l'infini et au de là</p>				</div>
				</div>
				<div class="elementor-element elementor-element-cd74d9c elementor-widget elementor-widget-text-editor" data-id="cd74d9c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Il arrive que des boutons ou des liens cliquables s&rsquo;ouvrent sur un contenu bien différent de ce à quoi l&rsquo;utilisateur s&rsquo;attendait. À moins de tomber sur une page d&rsquo;erreur 404, il s&rsquo;agit bien d&rsquo;une publicité cachée !</p>
<p>Ce procédé est particulièrement utilisé par les sites de streaming ou on va trouver de nombreux boutons&nbsp; pour lire une vidéo. Les sites de téléchargement ne sont pas en reste, avec une multitude de liens dont la plupart vont conduire à l&rsquo;ouverture d&rsquo;une publicité invasive. <br></p>								</div>
				</div>
				<div class="elementor-element elementor-element-267a0d4 elementor-widget elementor-widget-image" data-id="267a0d4" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1024" height="571" src="https://chickadeeblue.com/wp-content/uploads/2020/01/dark-pattern-publicite-cachee-1024x571.png" class="attachment-large size-large wp-image-5247" alt="" srcset="https://chickadeeblue.com/wp-content/uploads/2020/01/dark-pattern-publicite-cachee-1024x571.png 1024w, https://chickadeeblue.com/wp-content/uploads/2020/01/dark-pattern-publicite-cachee-300x167.png 300w, https://chickadeeblue.com/wp-content/uploads/2020/01/dark-pattern-publicite-cachee-768x428.png 768w, https://chickadeeblue.com/wp-content/uploads/2020/01/dark-pattern-publicite-cachee-1536x857.png 1536w, https://chickadeeblue.com/wp-content/uploads/2020/01/dark-pattern-publicite-cachee-2048x1142.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2b8c35b elementor-widget elementor-widget-heading" data-id="2b8c35b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">🕑 Le sentiment d'urgence - Fake Emergency</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-e907cb7 elementor-widget elementor-widget-heading" data-id="e907cb7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Machin et Truc Muche consultent la même offre que vous, réservez vite ! </p>				</div>
				</div>
				<div class="elementor-element elementor-element-c351229 elementor-widget elementor-widget-text-editor" data-id="c351229" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Une technique dont raffolent les sites de réservation en ligne, comme les logements touristiques ou les billets d&rsquo;avion. Une petite notification va <i>subtilement </i>signaler qu&rsquo;il ne reste plus qu&rsquo;une chambre à ce prix, et que 10 internautes sont en train de consulter la même que vous. Un compte à rebours peut aussi se déclencher sur une page pour <b>vous presser de finaliser l&rsquo;action</b>. Le but ? Jouer sur la <b>peur de rater une bonne affaire</b>, et la fausse satisfaction de l&rsquo;avoir obtenue juste à temps !</p><p> </p><p>Sur le screenshot que j&rsquo;ai réalisé ci-dessous, sur un site bien connu de réservation en ligne, on trouve pas moins de 4 messages destinés à <b>presser le visiteur</b> pour réserver.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-34fe82a elementor-widget elementor-widget-image" data-id="34fe82a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="739" height="586" src="https://chickadeeblue.com/wp-content/uploads/2020/01/urgence-dark-pattern-reservation.png" class="attachment-medium_large size-medium_large wp-image-1733" alt="Impression écran d&apos;un site de réservation de logements en ligne qui comporte des messages destinés à presser l&apos;acheteur. Par exemple : offre limitée, plus qu&apos;une chambre à ce prix." srcset="https://chickadeeblue.com/wp-content/uploads/2020/01/urgence-dark-pattern-reservation.png 739w, https://chickadeeblue.com/wp-content/uploads/2020/01/urgence-dark-pattern-reservation-300x238.png 300w" sizes="(max-width: 739px) 100vw, 739px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-77935e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="77935e6" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a396c9d" data-id="a396c9d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f8da5d6 elementor-widget elementor-widget-heading" data-id="f8da5d6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">🙄 L'abonnement perpétuel - Forced Continuity </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-26c8dc8 elementor-widget elementor-widget-heading" data-id="26c8dc8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Zut, on aurait oublié de vous rappeler la fin de votre période d'essai gratuite ? </p>				</div>
				</div>
				<div class="elementor-element elementor-element-649ad91 elementor-widget elementor-widget-text-editor" data-id="649ad91" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>On vous a proposé de tester un service durant un mois, gratuitement et -à priori- sans contrepartie, c&rsquo;est chouette non ? Ça l&rsquo;est beaucoup moins quand à la fin du mois, votre compte est <b>débité automatiquement</b> sans aucune notification préalable. Quand bien même vous souhaitez y remédier dès que vous vous en apercevez, vous devrez batailler pour être remboursé.e. ou pour vous désabonner. <i><br /></i></p>								</div>
				</div>
				<div class="elementor-element elementor-element-cfa3a59 elementor-widget elementor-widget-heading" data-id="cfa3a59" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">🧲 L'hôtel à cafards - Roach Motel</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-694e9d0 elementor-widget elementor-widget-heading" data-id="694e9d0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Vous souhaitez fermer votre compte ? D'accord, mais il vous faudra un tutoriel !</p>				</div>
				</div>
				<div class="elementor-element elementor-element-3d2e20c elementor-widget elementor-widget-text-editor" data-id="3d2e20c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Rien que le nom n&rsquo;annonce rien de bon ! Concrètement, on parle d&rsquo;un service pour lequel il est <b>très rapide de s&rsquo;inscrire mais qu&rsquo;il va être très difficile de quitter</b> : informations bien dissimulées dans une sous-page de sous-page du site, formulaire à imprimer et à renvoyer par la poste  (Si, si !), page de service client non traduite,&#8230; <b>Tous les moyens sont bons pour vous décourager ou remettre au lendemain cette démarche compliquée et chronophage.</b></p><p>Heureusement, il y aura toujours des internautes bienfaisant.es qui prendront le temps d&rsquo;apporter de l&rsquo;aide sur des forums. Ou carrément, en créant des <b>tutoriels pour résilier un compte</b> ! Mais c&rsquo;est un non-sens total pour des entreprises qui se targuent de faire de l&rsquo;utilisateur une priorité.</p><p> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b5f0d9 elementor-widget elementor-widget-image" data-id="2b5f0d9" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="629" height="679" src="https://chickadeeblue.com/wp-content/uploads/2020/01/Annuler-son-compte-amazon-dark-pattern.png" class="attachment-large size-large wp-image-1734" alt="Impression écran des recherches Google pour savoir comment résilier un compte Amazon Prime qui montre de nombreux liens vers des tutoriels tant la procédure ne semble pas évidente." srcset="https://chickadeeblue.com/wp-content/uploads/2020/01/Annuler-son-compte-amazon-dark-pattern.png 629w, https://chickadeeblue.com/wp-content/uploads/2020/01/Annuler-son-compte-amazon-dark-pattern-278x300.png 278w" sizes="(max-width: 629px) 100vw, 629px" />															</div>
				</div>
				<div class="elementor-element elementor-element-6545835 elementor-widget elementor-widget-heading" data-id="6545835" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">😳 Le message culpabilisant - Confirmshaming </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-bc5970c elementor-widget elementor-widget-heading" data-id="bc5970c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Vous êtes libres de refuser, mais on vous jugera un peu quand même... </p>				</div>
				</div>
				<div class="elementor-element elementor-element-46dda19 elementor-widget elementor-widget-text-editor" data-id="46dda19" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Il s&rsquo;agit ici d&rsquo;un message formulé précisément pour <strong>culpabiliser l&rsquo;utilisateur et le faire douter de son choix. </strong>Ils apparaissent généralement au moment de décliner une option ou de refuser d&rsquo;adhérer à un service. Plaisanterie, pathos, sarcasme&#8230; <b>le « confirmshaming »</b> peut prendre de nombreuses formes, du moment qu&rsquo;il provoque une réaction chez l&rsquo;utilisateur.</p><p>En voici un exemple parfait déniché sur le compte Twitter @DarkPatterns (qui a été supprimé depuis), destiné à culpabiliser les propriétaires de chats qui ne souhaitent pas s&rsquo;abonner à une newsletter.</p><p style="padding-left: 40px;">Traduction :</p><p style="padding-left: 40px;"><em>« Vous ne savez pas quoi donner à manger à votre chat ?  » L&rsquo;option 1 (bien, bien, bien en évidence) : souscrire à la newsletter. L&rsquo;option 2 (quasiment illisible) : « Non merci, je me fiche de ce que mon chat mange ».</em></p>								</div>
				</div>
				<div class="elementor-element elementor-element-e772da8 elementor-widget elementor-widget-image" data-id="e772da8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img loading="lazy" decoding="async" width="588" height="570" src="https://chickadeeblue.com/wp-content/uploads/2020/01/blog-article-dark-pattern-confirmshaming.png" class="attachment-medium_large size-medium_large wp-image-1735" alt="Une image de pop-up pour s&apos;inscrire à une newsletter de produits pour chat qui inclut un message culpabilisant pour les personnes souhaitant refuser l&apos;inscription." srcset="https://chickadeeblue.com/wp-content/uploads/2020/01/blog-article-dark-pattern-confirmshaming.png 588w, https://chickadeeblue.com/wp-content/uploads/2020/01/blog-article-dark-pattern-confirmshaming-300x291.png 300w" sizes="(max-width: 588px) 100vw, 588px" />											<figcaption class="widget-image-caption wp-caption-text"></figcaption>
										</figure>
									</div>
				</div>
				<div class="elementor-element elementor-element-063e797 elementor-widget elementor-widget-heading" data-id="063e797" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">🧐 La vie privé à l'ère Zuckerberg - Privacy Zuckering</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-025f68c elementor-widget elementor-widget-heading" data-id="025f68c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Soyez les bienvenu.es et ramenez vos ami.es (et leurs données personnelles aussi)</p>				</div>
				</div>
				<div class="elementor-element elementor-element-b7d295e elementor-widget elementor-widget-text-editor" data-id="b7d295e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Cette astuce tire son nom de Marc Zuckerberg, le patron de Facebook, vous l&rsquo;aurez deviné. Son secret repose dans le fait d&#8217;emmener l&rsquo;utilisateur à <b>partager beaucoup plus de données personnelles</b> qu&rsquo;il ou elle souhaite. Par exemple, quand une application vous propose de vous connecter avec votre compte Facebook pour aller plus vite, ce n&rsquo;est pas uniquement pour vous simplifier la vie. Cela permet de <b>récupérer de très nombreuses infos</b> <b>personnelles </b>dont le réseau social dispose grâce à votre compte.</p><p>Sauf si vous prenez le temps de dérouler  les détails de l&rsquo;inscription ou aller dans les paramétrages de votre application pour décocher manuellement une <b>multitude d&rsquo;options</b> aux noms pas forcément déchiffrables (sinon c&rsquo;est pas drôle&#8230;).</p><p>Pour exemple, la journaliste <strong><a href="https://www.slate.fr/story/151796/tinder-800-pages-secrets-profonds" target="_blank" rel="noopener">Judith Duportail avait demandé, par curiosité, de consulter l&rsquo;ensemble de ses données personnelles liées à son compte Tinder.</a> </strong>Elle a donc reçu un dossier de 800 pages&#8230; !!! Car si l&rsquo;application de rencontre collecte d&rsquo;elle même de nombreuses données sur ses utilisateurs, elle en récupère aussi grâce aux connections établies avec vos autres comptes comme Instagram, ou Spotify. Effrayant. </p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1fce895 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1fce895" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9e82bb" data-id="e9e82bb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-50e48fa elementor-widget elementor-widget-heading" data-id="50e48fa" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">Cette liste de pratiques n'est pas exhaustive, je pourrais en énumérer bien d'autres. Qu'il s'agisse de manipuler par les <b>messages douteux, les conditions ambigües</b>, ou tout simplement le <b>détournement de l'attention</b>, <b>les Dark Patterns sont partout sur le web</b>. Cet article a surtout pour but de vous éclairer sur ces pratiques, afin d'être plus attentif pour vous même, et dans la façon dont vous pourriez construire votre site internet et son contenu. </p>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d56a4b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d56a4b4" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ffb71a" data-id="0ffb71a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b9addc0 elementor-widget elementor-widget-heading" data-id="b9addc0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Les Dark Patterns sont le contraire d'une communication éthique et responsable</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7a2a03f elementor-widget elementor-widget-heading" data-id="7a2a03f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Renforcez la confiance des utilisateurs dans les solutions numériques</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-910a181 elementor-widget elementor-widget-text-editor" data-id="910a181" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les premières cibles de pratiques abusives sont souvent les personnes qui n&rsquo;ont pas l&rsquo;expérience nécessaire sur le web pour appréhender ces pièges et s&rsquo;en dépêtrer seules. On peut aussi mentionner les utilisateurs ne parlant pas anglais qui se retrouvent parfois vite perdus face à des foires à questions ou des services clients qui ne sont pas traduits.</p><p>Au delà de nuire à l&rsquo;expérience utilisateur, le recours massif aux design trompeur <b>génère de la déception et de la défiance envers le numérique</b>. Vous aurez beau tenter d&rsquo;être irréprochables, tant que les grandes entreprises continueront ces pratiques sans être sanctionnées, d&rsquo;autres suivront. <strong><br /></strong></p><p style="text-align: center;"><i>Changeons la donne ! </i><strong><br /></strong></p><blockquote><p style="text-align: left;"><strong><span style="color: #000000;">Nous, auto-entrepreneurs, TPME, associations, pouvons à notre niveau contribuer à améliorer le web. Prenons nos responsabilités vis à vis des utilisateurs en général (nous en faisons partie après tout), mais aussi évidemment pour nos clients, nos prestataires, nos collaborateurs, nos partenaires&#8230; </span><br /></strong></p></blockquote><p>Si cet article a permis de sensibiliser certain.e.s d&rsquo;entre vous sur les Dark Patterns afin de les repérer et <b>éviter de tomber dans leurs pièges</b>, c&rsquo;est déjà une excellente chose. Mais allons plus loin !</p>								</div>
				</div>
				<div class="elementor-element elementor-element-c03171b elementor-widget elementor-widget-heading" data-id="c03171b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-medium">Favorisez la communication respectueuse et éthique</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-0aee0d6 elementor-widget elementor-widget-text-editor" data-id="0aee0d6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div><span style="color: #000000;">Je parle ici de la communication au sens large. Car les Dark Patterns ont leurs équivalents ailleurs que sur le web. Chaque média, chaque supports, disposent de techniques pour recréer le même effet de confusion chez une audience.</span></div>
<div>&nbsp;</div>
<div><span style="color: #000000;">Dans le cas des Dark Patterns, l&rsquo;UX Design trinque au détriment de nombreux concepteurs web créatifs et engagés. Ceux qui mettent leurs compétences au profit de l&rsquo;utilisateur <b>en améliorant la convivialité, la fluidité, l&rsquo;originalité, mais aussi l&rsquo;accessibilité du web. </b>Rien n’oblige à tromper le&nbsp; consommateur pour qu&rsquo;il s&rsquo;inscrive à une newsletter ou un abonnement quelconque.</span></div>								</div>
				</div>
				<div class="elementor-element elementor-element-6702c5b elementor-widget elementor-widget-heading" data-id="6702c5b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-medium">Le rôle des acteurs économiques</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ebba8a5 elementor-widget elementor-widget-text-editor" data-id="ebba8a5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div><span style="color: #000000;">Heureusement, de plus en plus d&rsquo;acteurs de l&rsquo;économie numérique ont bien compris ces enjeux et contribuent à rendre la</span><strong><span style="text-decoration: underline;"><a href="https://chickadeeblue.com/graphisme-eco-responsable/" target="_blank" rel="noopener"> communication plus vertueuse, et même plus respectueuse de l&rsquo;environnement</a>.</span> </strong><span style="color: #000000;">Personnellement, ma conviction est faite concernant ce genre de pratiques, qui ne reflètent pas</span> <a href="https://chickadeeblue.com/graphiste-illustratrice">la <span style="text-decoration: underline;"><strong>vision que j&rsquo;ai de la communication en général, et de mon métier</strong></span></a><span style="text-decoration: underline;"><strong>.</strong></span></div><div> </div><div><span style="color: #000000;"><b>Adopter une démarche transparente et éthique, qui remet les VRAIS échanges au cœur de la communication, est possible. Et je suis certaine de ses bienfaits, même si cela demande plus de patience, de persévérance et d&rsquo;humilité.</b> <b><br /></b></span></div><div><span style="color: #000000;"><b> </b></span></div><div><p style="text-align: left;"><span style="color: #000000;"><strong><em>Vous êtes de cet avis ?</em></strong></span></p></div>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://chickadeeblue.com/dark-patterns-ils-font-fuir-vos-utilisateurs-web/">Dark Pattern, design trompeurs : comment le web nous manipule</a> est apparu en premier sur <a href="https://chickadeeblue.com">Chickadee Blue - Studio graphique</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
