Dark Patterns Library Dark Patterns Library / tutorial / free

http://darkpatterns.org

A Dark Pattern is a type of user interface that appears to have been carefully crafted to trick users into doing things, such as buying insurance with their purchase or signing up for recurring bills. This site attempts to catalog and characterize all known dark patterns.
2 favorites
submitted about 3 years ago, by kurtosis
Dark Patterns Library popular tutorial

4 Comments

tof

really bad.

tof, about 3 years ago

pineapple

I very much agree, although when I first looked I thought it was going to be blackhat. It looks more to me like it's just really sleazy (but still legal) marketing...

pineapple, about 3 years ago

kurtosis

I posted it more as a resource of things to either not do, or to look out for so as avoid having them done to you. The topic comes up from time to time in Hacker News and other tech sites' discussions when particularly egregious dark patterns hit the front page. It's a good idea to catalog all the ways that unscrupulous websites trick people, since it makes it much easier to educate and alert people as to how they're being tricked. I even sent this link to my non-techie parents, for example. The more "white hat" developers and general users who recognize these on sight, the more resistance and pushback they'll get.

kurtosis, about 3 years ago

tof

The subject is a good one; the slides are bad, IMHO. But don't take it personally ;-)

tof, about 3 years ago


Login or to comment.

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.