From Deception to Clarity

My talk for dsgnday 2015, Amsterdam

Transcript

1. Deception
   From
   to
   Clarity
   Stephen Hay, dsgnday Amsterdam
   THOUGH TS ON DE CE PTIO N I N WE B DESIGN
   

   View Slide

2. View Slide

3. –DARW IN ORTIZ
   “People tend to see what they expect to see.”
   

   View Slide

4. Design decisions.
   

   View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. Cancel
    OK
    

    View Slide

15. Cancel OK
    

    View Slide

16. Cancel OK
    

    View Slide

17. Cancel OK
    

    View Slide

18. Cancel OK
    

    View Slide

19. 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.
    

    View Slide

20. View Slide

21. View Slide

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

    View Slide

23. I ♥ Deception
    

    View Slide

24. View Slide

25. View Slide

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

    View Slide

27. –BRU CE “ TOG” TOGNAZZI NI
    “A trash can instead of a dialog requesting track and sector
    identification for zero-overwrite is simulation.”
    

    View Slide

28. Benevolent Deception in Human
    Computer Interaction
    Eytan Adar (University of Michigan), 

    Desney S. Tan (Microsoft Research), Jaime Teevan (Microsoft Research), 2013
    

    View Slide

29. Deception can be found in UIs
    all around us.
    

    View Slide

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

    View Slide

31. View Slide

32. View Slide

33. Good vs Evil
    

    View Slide

34. Stupid Patterns
    

    View Slide

35. View Slide

36. Dark Patterns
    

    View Slide

37. darkpatterns.org
    

    View Slide

38. View Slide

39. “Roach Motel”
    

    View Slide

40. http://darkpatterns.org/at-twitch-tv-more-colors-means-give-us-money/
    “Bait & Switch”
    

    View Slide

41. View Slide

42. View Slide

43. View Slide

44. View Slide

45. €
    

    View Slide

46. Why people use dark patterns
    

    View Slide

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

    View Slide

48. Deceit is the low-hanging fruit
    of persuasion
    

    View Slide

49. –BJ FOGG
    “By focusing on simplicity of the target behavior, 

    you increase Ability.”
    

    View Slide

50. A behavior model for persuasive design:
    behaviormodel.org
    Motivation Ability
    

    View Slide

51. –DARW IN ORTIZ
    “The audience must never be made to work.”
    

    View Slide

52. Clarifying techniques
    

    View Slide

53. 1. Use fewer props
    Add only the necessary to your UI
    

    View Slide

54. rijksmuseum.nl
    

    View Slide

55. rijksmuseum.nl
    

    View Slide

56. 2. Use a memory hook
    Be consistent
    

    View Slide

57. View Slide

58. 3. Visually clarify the props
    Make it clear what everything does
    

    View Slide

59. “Don't stand in the elevator 

    when sheets of paper are flying around 

    to the side of the elevator.”
    

    View Slide

60. View Slide

61. 4. Visually clarify the layout
    (That says it all)
    

    View Slide

62. View Slide

63. 5. Make the hidden visible
    If it needs to be there, put it there.
    

    View Slide

64. View Slide

65. We make cars.
    SCROLL DOWN PAST THIS MODERN VARIATION OF A FLASH INTRO TO FIND SOME ACTUAL CONTENT.
    

    View Slide

66. 6. Eliminate time lags
    Design for performance
    

    View Slide

67. View Slide

68. View Slide

69. 7. Eliminate interruptions
    Avoid distractions from the task at hand
    

    View Slide

70. View Slide

71. View Slide

72. 8. Procedural directness
    Design fluid procedures
    

    View Slide

73. View Slide

74. View Slide

75. Delight vs Frustration
    :-) :-(
    

    View Slide

76. –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.”
    

    View Slide

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

    View Slide