52
THE POWER OF THE DARK SIDE Dark patterns and Mobile UX Design

The power of the dark side - Dark patterns and Mobile UX Design

Embed Size (px)

Citation preview

Page 1: The power of the dark side - Dark patterns and Mobile UX Design

THE POWER OF THE DARK SIDE Dark patterns and Mobile UX Design

Page 2: The power of the dark side - Dark patterns and Mobile UX Design

Hi, I’m Emilia

@2014 Sparkling Labs! 2!

Emilia Ciardi [email protected]

Page 3: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 3!

A Dark Pattern is a type of user interface that appears to have been carefully crafted to trick users into doing things which are not in their interest and is usually at their expense.

Harry Brignull

Page 4: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 4!

A Dark Pattern is a type of user interface that appears to have been carefully crafted to trick users into doing things which are not in their interest and is usually at their expense.

Harry Brignull

Page 5: The power of the dark side - Dark patterns and Mobile UX Design

VS

Anti-Pattern Doesn’t work

Counter-productive

Plain bad design

Poorly executed

Easily identified with metrics

Never intentional

Works…. In its own way

Productive for one party

Exploits human weaknesses

Carefully crafted

Difficult to identify

Not always intentional

The 10 Golden Rules of Mobile UX! 5!

Dark Pattern

Page 6: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 6!

From a business perspective, as designers, our job is to compel people to do what we want them to do.

Robert Hoekman Jr. - Designing the obvious

Page 7: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 7!We have become accustomed to grey persuasive tricks

Page 8: The power of the dark side - Dark patterns and Mobile UX Design

Science says… Manipulation and trickery are in our nature ²  by age 4, 90% of children know how to lie ²  60% of people can't go 10 minutes without lying ²  90% of people looking for a date online lie in their profile ²  humans are lied to as many as 200 times a day

8!

Page 9: The power of the dark side - Dark patterns and Mobile UX Design

Apple used to make privacy related information hidden and tricky…

The 10 Golden Rules of Mobile UX! 9!

Page 10: The power of the dark side - Dark patterns and Mobile UX Design

…currently it’s just tricky

The 10 Golden Rules of Mobile UX! 10!

Page 11: The power of the dark side - Dark patterns and Mobile UX Design

Forced Continuity: free trial silently rolls-over into a monthly paid service unless the consumer intervenes

The 10 Golden Rules of Mobile UX! 11!

Page 12: The power of the dark side - Dark patterns and Mobile UX Design

Forced Continuity: free trial silently rolls-over into a monthly paid service unless the consumer intervenes

The 10 Golden Rules of Mobile UX! 12!

Definitely DARK!

Page 13: The power of the dark side - Dark patterns and Mobile UX Design

Sneak into cart

The 10 Golden Rules of Mobile UX! 13!

Page 14: The power of the dark side - Dark patterns and Mobile UX Design

Sneak into cart

The 10 Golden Rules of Mobile UX! 14!

Definitely DARK!

Page 15: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 15!

…in the real world

Page 16: The power of the dark side - Dark patterns and Mobile UX Design

Smart default or Forced Continuity?

The 10 Golden Rules of Mobile UX! 16!

Page 17: The power of the dark side - Dark patterns and Mobile UX Design

Smart default or Forced Continuity?

The 10 Golden Rules of Mobile UX! 17!

GREYISH

Page 18: The power of the dark side - Dark patterns and Mobile UX Design

Organ Donation

Johnson & Goldstein (2003) 18!

Page 19: The power of the dark side - Dark patterns and Mobile UX Design

So… should we embrace the dark side of the force?

19!

Page 20: The power of the dark side - Dark patterns and Mobile UX Design

#1 Busy call center

20!

Page 21: The power of the dark side - Dark patterns and Mobile UX Design

#2 Public shaming

21!

Page 22: The power of the dark side - Dark patterns and Mobile UX Design

#3 Short term profit, long term damage

22!

Page 23: The power of the dark side - Dark patterns and Mobile UX Design

What happened to CreditExpert?

The 10 Golden Rules of Mobile UX! 23!

Page 24: The power of the dark side - Dark patterns and Mobile UX Design

Established brands have a lot to lose So why do they bother? ²  high pressure work environment ²  huge emphasis on metrics ²  social proof ²  not automatically detectable

24!

Page 25: The power of the dark side - Dark patterns and Mobile UX Design

Why do we bother talking about them? Dark patterns are an astonishing — but nonetheless surprising — way to learn more about good design.

25!

Page 26: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 26!

Page 27: The power of the dark side - Dark patterns and Mobile UX Design

Notification Nightmare Using notifications against the user’s interests

27!

Page 28: The power of the dark side - Dark patterns and Mobile UX Design

Notification Nightmare Using notifications against the user’s interests ²  Put the user in control ²  Granular level settings ²  Smart default ²  Make notification personal 28!

Page 29: The power of the dark side - Dark patterns and Mobile UX Design

Permission Machine Gun Firing away permission requests

29!

Page 30: The power of the dark side - Dark patterns and Mobile UX Design

Permission Machine Gun Firing away permission requests

30!

²  Lazy permission requests ²  Permission priming

Page 31: The power of the dark side - Dark patterns and Mobile UX Design

Permission priming

The 10 Golden Rules of Mobile UX! 31!

Page 32: The power of the dark side - Dark patterns and Mobile UX Design

Bait and Switch The oldest trick in the book

32!

Page 33: The power of the dark side - Dark patterns and Mobile UX Design

Hotels.com - Web

The 10 Golden Rules of Mobile UX! 33!

Page 34: The power of the dark side - Dark patterns and Mobile UX Design

Hot

els.

com

Mob

ile A

pp

The 10 Golden Rules of Mobile UX! 34!

Page 35: The power of the dark side - Dark patterns and Mobile UX Design

Friend Spam aka Growth Hacking

35!

Page 36: The power of the dark side - Dark patterns and Mobile UX Design
Page 37: The power of the dark side - Dark patterns and Mobile UX Design

Misdirection Confusing the user for profit

37!

Page 38: The power of the dark side - Dark patterns and Mobile UX Design

38!

Why do the Yankees always win? The other team can’t stop looking at the pinstripes.

Frank W. Abagnale Sr.

Page 39: The power of the dark side - Dark patterns and Mobile UX Design

Day

s.am

app

The 10 Golden Rules of Mobile UX! 39!

Page 40: The power of the dark side - Dark patterns and Mobile UX Design

Day

s.am

app

Page 41: The power of the dark side - Dark patterns and Mobile UX Design

Price Comparison Prevention

41!

Page 42: The power of the dark side - Dark patterns and Mobile UX Design

Papa

Joh

n’s

Pizz

a Ap

p

The 10 Golden Rules of Mobile UX! 42!

Page 43: The power of the dark side - Dark patterns and Mobile UX Design

Papa

Joh

n’s

Pizz

a Ap

p

The 10 Golden Rules of Mobile UX! 43!

Page 44: The power of the dark side - Dark patterns and Mobile UX Design

Road Block Restrict or stop the completion of a user’s task with something else

44!

Page 45: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 45!

Page 46: The power of the dark side - Dark patterns and Mobile UX Design

Reviews Manipulation Funnel bad reviews away from the store

46!

Page 47: The power of the dark side - Dark patterns and Mobile UX Design

Rev

iew

s

The 10 Golden Rules of Mobile UX! 47!Apple’s review-on-delete dialog

(2008) Appirater

(2009)

Page 48: The power of the dark side - Dark patterns and Mobile UX Design

Apps

fire

Page 49: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 49!

Embe

r

Page 50: The power of the dark side - Dark patterns and Mobile UX Design

The 10 Golden Rules of Mobile UX! 50!

Circ

a

Page 51: The power of the dark side - Dark patterns and Mobile UX Design

Manipulation/Coercion

Deceptive

Disregard user interest

Shoving

Persuasion

Transparent

Upfront about intent

Nudging

Page 52: The power of the dark side - Dark patterns and Mobile UX Design

Thanks, and may the Force be with you.

@sparklinglabs [email protected] www.sparklinglabs.com