the art of deception

65
Deception Stephen Hay, FOWD 2015, London The Art of THOUGHTS ON DECEPTION IN WEB DESIGN

Upload: stephen-hay

Post on 15-Jul-2015

6.431 views

Category:

Design


3 download

TRANSCRIPT

Page 1: The Art of Deception

Deception Stephen Hay, FOWD 2015, London

The Art of

T H O U G H T S O N D E C E P T I O N I N W E B D E S I G N

Page 2: The Art of Deception

– DA R W I N O R T I Z

“People tend to see what they expect to see.”

Page 3: The Art of Deception
Page 4: The Art of Deception
Page 5: The Art of Deception
Page 6: The Art of Deception
Page 7: The Art of Deception
Page 8: The Art of Deception
Page 9: The Art of Deception
Page 10: The Art of Deception
Page 11: The Art of Deception
Page 12: The Art of Deception

CancelOK

Page 13: The Art of Deception

Cancel OK

Page 14: The Art of Deception

Cancel OK

Page 15: The Art of Deception

Cancel OK

Page 16: The Art of Deception

Cancel OK

Page 17: The Art of Deception

Cancel OK

Purchase yearly subscription to our newsletter

By pressing Cancel, you are purchasing a yearly subscription. By pressing OK, you are purchasing a monthly subscription. If you do not wish to purchase anything, close your browser and get the hell off the internet.

Page 18: The Art of Deception
Page 19: The Art of Deception
Page 20: The Art of Deception

People who stand to gain something from you have motive to deceive.

Page 21: The Art of Deception

I ♥ Deception

Page 22: The Art of Deception
Page 23: The Art of Deception
Page 24: The Art of Deception

Principles, Techniques, and Ethics of Stage Magic and Their Application to Human Interface DesignBruce “Tog” Tognazzini (1993)

Page 25: The Art of Deception

– B R U C E “ TO G ” TO G N A Z Z I N I

“A trash can instead of a dialog requesting track and sector identification for zero-overwrite is simulation.”

Page 26: The Art of Deception

Benevolent Deception in Human Computer InteractionEytan Adar (University of Michigan), Disney S. Tan (Microsoft Research), Jaime Teevan (Microsoft Research), 2013

Page 27: The Art of Deception

Deception can be found in UIs all around us.

Page 28: The Art of Deception

https://www.flickr.com/photos/roboppy/7364621250/

Page 29: The Art of Deception
Page 30: The Art of Deception
Page 31: The Art of Deception

Good vs Evil

Page 32: The Art of Deception

Dark Patterns

Page 33: The Art of Deception

darkpatterns.org

Page 34: The Art of Deception

“Roach Motel”

Page 35: The Art of Deception

http://darkpatterns.org/at-twitch-tv-more-colors-means-give-us-money/

“Bait & Switch”

Page 36: The Art of Deception
Page 37: The Art of Deception
Page 38: The Art of Deception
Page 39: The Art of Deception
Page 40: The Art of Deception

Page 41: The Art of Deception

Why people use dark patterns

Page 42: The Art of Deception

Rather than deceiving users, enable them to do what you’d like them to do.

Page 43: The Art of Deception

– B J F O G G

“By focusing on simplicity of the target behavior, you increase Ability.”

Page 44: The Art of Deception

A behavior model for persuasive design: behaviormodel.org

Page 45: The Art of Deception

– DA R W I N O R T I Z

“The audience must never be made to work.”

Page 46: The Art of Deception

Clarifying techniques

Page 47: The Art of Deception

Use fewer propsAdd only the necessary to your UI

Page 48: The Art of Deception

todoist.com

Page 49: The Art of Deception

Use a memory hookBe consistent

Page 50: The Art of Deception
Page 51: The Art of Deception

Visually clarify the propsMake it clear what everything does

Page 52: The Art of Deception
Page 53: The Art of Deception

Visually clarify the layout(That says it all)

Page 54: The Art of Deception
Page 55: The Art of Deception

Make the hidden visibleIf it needs to be there, put it there.

Page 56: The Art of Deception
Page 57: The Art of Deception

Eliminate time lagsDesign for performance

Page 58: The Art of Deception

Eliminate interruptionsAvoid distractions from the task at hand

Page 59: The Art of Deception
Page 60: The Art of Deception
Page 61: The Art of Deception

Procedural directnessDesign fluid procedures

Page 62: The Art of Deception
Page 63: The Art of Deception

Delight vs Frustration

:-) :-(

Page 64: The Art of Deception

– H E N N I N G N E L M S , M AG I C A N D S H O W M A N S H I P

“…some deceptions are permissable, others are unforgivable. No one expects a poker player to tell the truth about the cards he

holds. However, if you try to deceive by dealing from the bottom of the deck, you may got shot and will certainly be shunned.”

Page 65: The Art of Deception

Thank you!@stephenhay the-haystack.com responsivedesignworkflow.com