dark patterns in ux

52
Dark Patterns in UX A short guide to being evil

Upload: nomensa

Post on 06-May-2015

2.216 views

Category:

Technology


2 download

DESCRIPTION

Dylan Thomas' presentation from World Usability Day on 14th November 2013. Dark patterns are anti-patterns with a nefarious purpose - intentionally flawed designs. Carefully-crafted ‘bad’ designs; built with a pinch of psychology and a healthy dose of trickery. This is an introduction to this interesting, and often fun, side of web design and some of the methods used by companies to swindle and snare their users. This is not user-centred design!

TRANSCRIPT

Page 1: Dark Patterns in UX

Dark Patterns in UXA short guide to being evil

Page 2: Dark Patterns in UX

Who am I?

Dylan Thomas - @DylanLT (I’ve heard them all before)

User Experience Consultant for Box UK www.boxuk.com

Page 3: Dark Patterns in UX

What are Dark Patterns? An introduction to the dark side

Page 4: Dark Patterns in UX

Way back in 2010...Harry Brignull www.90percentofeverything.com

Dark Patterns: dirty tricks designers use to make

people do stuff

www.darkpatterns.org

Page 5: Dark Patterns in UX

Dark Patterns are...• Intentional anti-patterns • Designed with a good knowledge of human

psychology • Designed to manipulate or deceive the user • Tricks, traps and pitfalls

Page 6: Dark Patterns in UX

Psychology of Dark PatternsTools of the trade

Page 7: Dark Patterns in UX

Dark Triad

Narcissistic Psychopathic

Machiavellian

Page 8: Dark Patterns in UX

Machiavellianism

• Personal gain • Manipulation • Exploitation • Deception

Page 9: Dark Patterns in UX

Cognitive BiasesPeople’s tendencies to think a certain way, sometimes influencing them to make irrational decisions. !

• Heuristics - hard wiring in the brain • Motivations • Beliefs • Emotions

Page 10: Dark Patterns in UX

Cognitive Biases• Confirmation Bias • Ingroup Bias • Gambler’s Fallacy • Post-Purchase Rationalisation • Neglecting Probability • Projection Bias • Anchoring Effect

Page 11: Dark Patterns in UX

Why Dark Patterns are Used Why good designers go bad

Page 12: Dark Patterns in UX

Why Dark Patterns are Used• Aggressive environments and targets • Focus on simple KPIs

• More clicks • More sign-ups • More sales

• Blinkered view on success • Profit • Greed

Page 13: Dark Patterns in UX

Why am I telling you all this?Why it’s good to know the tricks

Page 14: Dark Patterns in UX

Why am I telling you all this?• If people know the tricks, they can avoid

falling for them • Companies can be shamed into changing

their practices • The psychology is interesting • It’s fun!

Page 15: Dark Patterns in UX

Roach MotelEasy to get in. Hard to get out.

Page 16: Dark Patterns in UX

Roach Motel An interface that makes it easy, and often enticing, for the user to get into a situation, but difficult for them to get out.

Page 17: Dark Patterns in UX

Roach MotelExample - Email newsletters • Make it very easy for a user to subscribe to

an email newsletter • Make the unsubscribe option difficult to find

• Bad navigation • Confusing forms • Multiple newsletters • Not have the option online at all

Page 18: Dark Patterns in UX

Forced ContinuityCancel at any time during the free period

Page 19: Dark Patterns in UX

Forced ContinuityA user signs up for a free trial of a service, but is asked for their credit card details. Once the free trial is over, the user is automatically billed. The user is not warned beforehand, and the site will often make it difficult to cancel (Roach Motel)

Page 20: Dark Patterns in UX

Forced Continuity

Page 21: Dark Patterns in UX

Hidden CostsWTF is a ‘convenience charge’?

Page 22: Dark Patterns in UX

Hidden CostsThe practice of adding on costs and charges at the end of a checkout process, that were not previously detailed.

Page 23: Dark Patterns in UX

Hidden Costs

• Facility charge • Convenience charge • Order processing fee • £2.50 to print out my own bloody tickets!

Page 24: Dark Patterns in UX

Trick QuestionTick this box to opt-out of not opting-in

Page 25: Dark Patterns in UX

Trick QuestionA question, when glanced upon briefly, appears to ask something one thing, but on closer inspection, is asking something else.

“We don’t read pages. We scan them” - Steve Krug

Page 26: Dark Patterns in UX

Trick Question

Page 27: Dark Patterns in UX

Trick Question

Page 28: Dark Patterns in UX

Trick Question

Page 29: Dark Patterns in UX

Trick Question

Page 30: Dark Patterns in UX

Disguised AdsDownload buttons, download buttons

everywhere.

Page 31: Dark Patterns in UX

Disguised AdsAdverts disguised as UI elements in order to trick users into clicking on them

Page 32: Dark Patterns in UX

Disguised Ads

Page 33: Dark Patterns in UX

Other Examples• Gambling

• Fruit machine design • “Snake oil” • Advertising • Retail • Inkjet printers • Banks and Credit Cards

Page 34: Dark Patterns in UX

Free to Play GamesAnd how cookies affect our resolve

Page 35: Dark Patterns in UX

Free to Play GamesVideo games that are free to acquire and play, but offer virtual items, currency, gameplay enhancements, and shortcuts for a price.

Page 36: Dark Patterns in UX

Free to Play GamesEgo Depletion Dr Roy Baumeister - Cape Western University

Page 37: Dark Patterns in UX

Free to Play Games

Page 38: Dark Patterns in UX

Free to Play Games

Page 39: Dark Patterns in UX

Free to Play Games

Page 40: Dark Patterns in UX

Free to Play Games

Page 41: Dark Patterns in UX

Free to Play Games

Page 42: Dark Patterns in UX

Free to Play Games

Page 43: Dark Patterns in UX

Free to Play Games

Page 44: Dark Patterns in UX

The Big Question

Page 45: Dark Patterns in UX

Should we use these techniques?• Yes • No • Maybe • It depends

Page 46: Dark Patterns in UX

Should we use these techniques?

User Experience should put the user first (In an ideal world)

Page 47: Dark Patterns in UX

Should we use these techniques?

Influencing the user isn’t always evil

and it’s rarely black or white

Page 48: Dark Patterns in UX

Should we use these techniques?

Pissed-off users are less likely to return

Page 49: Dark Patterns in UX

Should we use these techniques?

Business needs should be in line with the user’s needs

(In an ideal world)

Page 50: Dark Patterns in UX

To SummariseWhat I think about all this

Page 51: Dark Patterns in UX

To Summarise• Do be aware what you’re influencing the user

to do • Do have empathy • Do promote the benefits of user-centred design • Do have a holistic view of success • Don’t game the system • Don’t deceive the user • Don’t be evil

Page 52: Dark Patterns in UX

Thank you!Dylan Thomas - @DylanLT

South Wales Usability Discussion Group - @SW_UK