Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Art of Deception

14,214 views

Published on

My talk at FOWD 2015 in London, on deception in web design.

Published in: Design
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

The Art of Deception

  1. Deception Stephen Hay, FOWD 2015, London The Art of THOUGHTS ON D EC EPTI ON IN WEB DE SI GN
  2. –DARW IN ORTIZ “People tend to see what they expect to see.”
  3. CancelOK
  4. Cancel OK
  5. Cancel OK
  6. Cancel OK
  7. Cancel OK
  8. 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.
  9. People who stand to gain something from you have motive to deceive.
  10. I ♥ Deception
  11. Principles, Techniques, and Ethics of Stage Magic and Their Application to Human Interface Design Bruce “Tog” Tognazzini (1993)
  12. –BRU CE “ TOG” TOGNAZZI NI “A trash can instead of a dialog requesting track and sector identification for zero-overwrite is simulation.”
  13. Benevolent Deception in Human Computer Interaction Eytan Adar (University of Michigan), 
 Disney S. Tan (Microsoft Research), Jaime Teevan (Microsoft Research), 2013
  14. Deception can be found in UIs all around us.
  15. https://www.flickr.com/photos/roboppy/7364621250/
  16. Good vs Evil
  17. Dark Patterns
  18. darkpatterns.org
  19. “Roach Motel”
  20. http://darkpatterns.org/at-twitch-tv-more-colors-means-give-us-money/ “Bait & Switch”
  21. Why people use dark patterns
  22. Rather than deceiving users, enable them to do what you’d like them to do.
  23. –BJ FOGG “By focusing on simplicity of the target behavior, 
 you increase Ability.”
  24. A behavior model for persuasive design: behaviormodel.org
  25. –DARW IN ORTIZ “The audience must never be made to work.”
  26. Clarifying techniques
  27. Use fewer props Add only the necessary to your UI
  28. todoist.com
  29. Use a memory hook Be consistent
  30. Visually clarify the props Make it clear what everything does
  31. Visually clarify the layout (That says it all)
  32. Make the hidden visible If it needs to be there, put it there.
  33. Eliminate time lags Design for performance
  34. Eliminate interruptions Avoid distractions from the task at hand
  35. Procedural directness Design fluid procedures
  36. Delight vs Frustration :-) :-(
  37. –HENNING N EL MS, M AGIC AND SH OWM AN SH IP “…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.”
  38. Thank you! @stephenhay the-haystack.com responsivedesignworkflow.com

×