annotating the internet

archivebay

Latest

Text

HARRY BRIGNULL'S

90 PERCENT OF EVERYTHING

Previous: THE THING THAT MAKES USER RESEARCH UNIQUE__

DARK PATTERNS, ACADEMIC RESEARCH & INCLUSIVE PANDAS.

May 2, 2018

I don’t really write about Dark Patterns much anymore, partly

because other people seem to be doing such a good job of it.

This video by The Nerdwriter is

probably the best intro to Dark Patterns made to date. Very flattering

to be name-checked too.

This slide deck by Gray, Kou, Battles, Hoggatt & Toombs is a good one.

They’re a group of academic researchers with funding from the NSF to

look at connecting the area of nefarious design into academic

literature on ethics and values (Full paper here

).

What’s more their website is awesome

and seems to be updated a lot more regularly than Darkpatterns.org.

The topic of ethics in design is really hot right now, somehow linking

to pretty much everything currently in the news. It’s almost as if

the design industry has played some sort of role in it all. This talk

by Per Axbom

looks like it’ll be particularly good.

Love the Inclusive Panda Venn diagram:

Image credit: @sookio

All posts »

ABOUT ME

Hi, I'm Harry Brignull. I'm a UX consultant working in Brighton &

London. In the past I've consulted for The Guardian, Dennis

Publishing, Haymarket, O2 and many others. More »

3,367 SUBSCRIBERS

* Subscribe with RSS

* Subscribe with email

Search for:

Source

<!DOCTYPE html><html lang="en"><head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>90 Percent Of Everything | User Experience Design, Research &amp; Good Old Fashioned Usability</title>
		<link rel="stylesheet" href="wp-content/themes/90percent2012/css/reset.css">
		<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:700%7CRoboto:300" rel="stylesheet">
		<link rel="stylesheet" href="wp-content/themes/90percent2012/style.css">
		<link rel="pingback" href="https://www.90percentofeverything.com/xmlrpc.php">

<meta name="description" content="I don't really write about Dark Patterns much anymore, partly because other people seem to be doing such a good job of it. This video by The Nerdwriter is probably the best intro to Dark Patterns made to date. Very flattering to be name-checked too. This slide deck by Gray, Kou, Battles, Hoggatt &amp; Toombs is a good one. They're a group of academic researchers with funding from the NSF to look at connecting the area of nefarious design into academic literature on ethics and values (Full paper here). What's more their website is awesome and seems to be updated a lot more regularly than Darkpatterns.org. The topic of ethics in design is really hot right now, somehow linking to pretty much everything currently in the news. It's almost as if the design industry has played some sort of role in it all. This talk by Per Axbom looks like it'll be particularly good. Love the Inclusive Panda Venn diagram: Image credit: @sookio">
<link rel="next" href="page/2/index.html">

<div class="fit-vids-style"><style>               .fluid-width-video-wrapper {                 width: 100%;                              position: relative;                       padding: 0;                            }                                                                                   .fluid-width-video-wrapper iframe,        .fluid-width-video-wrapper object,        .fluid-width-video-wrapper embed {           position: absolute;                       top: 0;                                   left: 0;                                  width: 100%;                              height: 100%;                          }                                       </style></div><div class="fit-vids-style"><style>               .fluid-width-video-wrapper {                 width: 100%;                              position: relative;                       padding: 0;                            }                                                                                   .fluid-width-video-wrapper iframe,        .fluid-width-video-wrapper object,        .fluid-width-video-wrapper embed {           position: absolute;                       top: 0;                                   left: 0;                                  width: 100%;                              height: 100%;                          }                                       </style></div><script type="application/ld+json" class="aioseop-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.90percentofeverything.com/#organization","url":"https://www.90percentofeverything.com/","name":"90 Percent Of Everything","sameAs":[]},{"@type":"WebSite","@id":"https://www.90percentofeverything.com/#website","url":"https://www.90percentofeverything.com/","name":"90 Percent Of Everything","publisher":{"@id":"https://www.90percentofeverything.com/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://www.90percentofeverything.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://www.90percentofeverything.com/#webpage","url":"https://www.90percentofeverything.com/","inLanguage":"en-US","name":"90 Percent Of Everything","isPartOf":{"@id":"https://www.90percentofeverything.com/#website"},"about":{"@id":"https://www.90percentofeverything.com/#organization"},"description":"User Experience Design, Research &amp; Good Old Fashioned Usability"}]}</script>
<link rel="canonical" href="index.html">
<meta property="og:type" content="website">
<meta property="og:title" content="90 Percent Of Everything">
<meta property="og:description" content="User Experience Design, Research &amp; Good Old Fashioned Usability">
<meta property="og:url" content="https://www.90percentofeverything.com/">
<meta property="og:site_name" content="90 Percent Of Everything">
<meta property="og:image" content="wp-content/uploads/2018/05/DcMVTpgXUAAFrKX.jpg">
<meta property="og:image:secure_url" content="wp-content/uploads/2018/05/DcMVTpgXUAAFrKX.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@harrybr">
<meta name="twitter:domain" content="90percentofeverything.com">
<meta name="twitter:title" content="90 Percent Of Everything">
<meta name="twitter:description" content="User Experience Design, Research &amp; Good Old Fashioned Usability">
<meta name="twitter:image" content="wp-content/uploads/2018/05/DcMVTpgXUAAFrKX.jpg">

<link rel="dns-prefetch" href="https://s.w.org">
<link rel="alternate" type="application/rss+xml" title="90 Percent Of Everything » Feed" href="https://www.90percentofeverything.com/feed/">
<link rel="alternate" type="application/rss+xml" title="90 Percent Of Everything » Comments Feed" href="comments/feed/index.html">
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.90percentofeverything.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.3.2"}};
			!function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);
		</script><script src="https://www.90percentofeverything.com/wp-includes/js/wp-emoji-release.min.js?ver=5.3.2" type="text/javascript" defer=""></script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	
<link rel="stylesheet" id="wp-block-library-css" href="wp-includes/css/dist/block-library/style.min-ver=5.3.2.css" type="text/css" media="all">
<link rel="https://api.w.org/" href="wp-json/index.html">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php-rsd.xml">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml">

<link rel="icon" type="image/png" href="wp-content/uploads/2012/08/favicon.png">
	</head>
	<body class="home blog">

<hgroup>
			<h2><a href="about/index.html">Harry Brignull's</a></h2>
			<h1 style="font-size: 126.214px;"><a href="index.html" title="90 Percent of Everything" rel="home">90 <span class="kern-minus-8">P</span>ercent <span class="line-2">of Everything</span></a></h1>
			</hgroup>

</header>

<section id="content" role="main" class="group">   <nav id="nav-above" class="navigation nav-above">
					<div class="nav-previous">
						<span>
							<a href="2016/07/12/the-thing-that-makes-user-research-unique/index.html" rel="prev"><span class="meta-nav">Previous: <strong>The thing that makes user research unique</strong><em class="tip"></em></span></a>						</span>
					</div>
					<div class="nav-next">
						<div class="nav-next disabled">
						<span>
							<a rel="next"></a>
						</span>
					</div>
					</div>
				</nav>
				<article id="post-6851" class="post-6851 post type-post status-publish format-standard hentry category-keep category-user-experience">
					<h1><a href="2018/05/02/dark-patterns-academic-research-inclusive-pandas/index.html">Dark Patterns, Academic Research &amp; Inclusive Pandas.</a></h1>
					<div class="entry-meta">
						May 2, 2018					</div>
					<div class="entry-content">
						<p>I don’t really write about Dark Patterns much anymore, partly because other people seem to be doing such a good job of it.</p>
<p>This video by <a href="http://thenerdwriter.tumblr.com/">The Nerdwriter</a> is probably the best intro to Dark Patterns made to date. Very flattering to be name-checked too.<br>
&nbsp;</p>
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class="embed-container"><div class="fluid-width-video-wrapper" style="padding-top: 56.3077%;"><iframe src="https://www.youtube.com/embed/kxkrdLI6e6M" frameborder="0" allowfullscreen="" id="fitvid910116"></iframe></div></div>
<p>&nbsp;<br>
&nbsp;</p>
<p>This slide deck by Gray, Kou, Battles, Hoggatt &amp; Toombs is a good one. They’re a group of academic researchers with funding from the NSF to look at connecting the area of nefarious design into academic literature on ethics and values (<a href="http://colingray.me/wp-content/uploads/2018_Grayetal_CHI_DarkPatternsUXDesign.pdf">Full paper here</a>). What’s more their <a href="http://darkpatterns.uxp2.com/">website is awesome</a> and seems to be updated a lot more regularly than Darkpatterns.org.<br>
&nbsp;</p>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%; padding-top: 38px;"><iframe src="https://www.slideshare.net/slideshow/embed_code/key/CtUP7a10TBPFvB" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen="" scrolling="no"></iframe></div>
<p>&nbsp;<br>
&nbsp;</p>
<p>The topic of ethics in design is really hot right now, somehow linking to pretty much everything currently in the news. It’s almost as if the design industry has played some sort of role in it all. <a href="https://twitter.com/sookio/status/991659892451762176">This talk</a> by <a href="https://twitter.com/axbom">Per Axbom</a> looks like it’ll be particularly good. Love the Inclusive Panda Venn diagram:</p>
<p>&nbsp;</p>
<p><img src="wp-content/uploads/2018/05/DcMVTpgXUAAFrKX.jpg"><br>
<small>Image credit: <a href="https://twitter.com/sookio/status/991659892451762176">@sookio</a></small></p>
											</div>

</article>

</ul></section>
		<footer role="contentinfo" class="footer">
		<div class="group">

<h3 class="widget-title">Popular posts</h3>
							<ul>
								<li>
									<a href="2013/05/13/the-drunkards-search/index.html">The drunkard’s search</a>
								</li>
								<li>
									<a href="2013/05/26/are-you-in-a-teflon-coated-ux-role/index.html">Are you in a teflon-coated UX role?</a>
								</li>
								<li>
									<a href="2013/05/22/sneaking-responsive-in-under-the-radar-using-an-mdot-site/index.html">Sneaking responsive under the radar</a>
								</li>
								<li>
									<a href="2012/09/03/user-experience-euphemisms/index.html">User Experience Euphemisms</a>
								</li>
								<li>
									<a href="2008/11/20/user-laziness-user-smartness-and-why-this-is-really-important/index.html">User Laziness = User Smartness</a>
								</li>
								<li>
									<a href="2009/04/16/five-ux-antipatterns-to-avoid-when-designing-log-in-registration-areas/index.html">Sign up area UX Antipatterns</a>
								</li>
							</ul>
							<a href="all-posts/index.html">All posts »</a>

</div>

<h3 class="widget-title">About me</h3>
							<p>Hi, I'm Harry Brignull. I'm a <abbr title="User Experience">UX</abbr> consultant working in Brighton &amp; London. In the past I've
							consulted for The Guardian, Dennis Publishing, Haymarket, O2 and many others. <a href="about/index.html">More »</a></p>

</div>

<div class="subscribe">
					<h3><span>3,367</span> Subscribers</h3>
					<ul>
						<li class="rss"><a href="http://feeds.feedburner.com/90percentofeverything/feed?format=xml">Subscribe with RSS</a> </li>

<li class="mail"><a href="http://feedburner.google.com/fb/a/mailverify?uri=90percentofeverything/feed">Subscribe with email</a> </li>

</ul>
				</div>

<form role="search" method="get" id="searchform" action="https://www.90percentofeverything.com/">
		<div><label class="screen-reader-text" for="s">Search for:</label>
		<input type="search" placeholder="Search for..." value="" name="s" id="s">
		<input type="submit" id="searchsubmit" value="Search">
		</div>
		</form>

</div>
		</div></footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="https://www.90percentofeverything.com/wp-content/themes/90percent2012/js/jquery.js"%3E%3C/script%3E'))</script>
<script src="wp-content/themes/90percent2012/js/plugins.js"></script>
<script src="wp-content/themes/90percent2012/js/script.js"></script>
<script type="text/javascript" src="wp-includes/js/wp-embed.min-ver=5.3.2.js"></script>

<div class="top-bar">
		<div class="colours group">
			<span class="purple"></span>
			<span class="pink"></span>
			<span class="orange"></span>
			<span class="blue"></span>
			<span class="green"></span>
		</div>
	</div>

</body></html>