Humane Design Patterns

A16eb159db895e3b01d3dc95767ad595?s=47 Jon Yablonski
August 23, 2019

Humane Design Patterns

The rapid growth of mobile technology has ushered in an age where time and attention is an increasingly scarce resource. Instead of technology enhancing our abilities as humans, we’ve seen it become a vehicle for extracting our attention, monetizing our personal information, and exploiting our psychological vulnerabilities. Designers and developers play a key role in the creation of such technology, and it’s time we take responsibility for the impact that these products and services we build are having on people it should serve.

In this session we’ll explore some common extractive design patterns in addition to alternatives that focus on user well-being instead. These patterns will be framed through the lens of guiding principles to follow when designing ethically humane products and services.

A16eb159db895e3b01d3dc95767ad595?s=128

Jon Yablonski

August 23, 2019
Tweet

Transcript

  1. Humane Design Patterns — JON YABLONSKI | @JONYABLONSKI

  2. None
  3. SOURCE: GM

  4. SOURCE: AAA FOUNDATION FOR TRAFFIC SAFETY

  5. SOURCE: THE ZEBRA

  6. We don’t take tech distraction serious enough

  7. None
  8. NIR EYAL’S HOOK MODEL

  9. SOURCE: THE GUARDIAN

  10. SOURCE: BUSINESS INSIDER

  11. SOURCE: JESSE WEAVER

  12. The scarce resource of the 21st century will not be

    technology; — MARK WEISER | 1996 it will be attention
  13. None
  14. Tech addiction has led to a lot of problems •

    Shortened attention spans • Increased anxiety and depression • Sleep deprivation • Distracted driving • Social Shallowness • Constipation • Skin Irritation
  15. None
  16. SOURCE: QUARTZ

  17. Design teams don’t set out to create addictive technology

  18. SOURCE: JESSE WEAVER CREDIT: JESSE WEAVER

  19. Aligning tech goals with human goals 1. Redefine what success

    looks like 2. Regulation and certification 3. Principle-guided design
  20. Aligning tech goals with human goals 1. Redefine what success

    looks like 2. Regulation and certification 3. Principle-guided design
  21. Design Principles are awesome

  22. Design Principles are awesome 1. Aligns team on shared values

    2. Guides design decisions 3. Results in more consistency
  23. What would design principles that align tech goals with human

    goals look like?
  24. FINITE EMPOWERING INCLUSIVE RESPECTFUL THOUGHTFUL TRANSPARENT RESILIENT

  25. Finite

  26. Finite design maximizes the overall quality of time spent by

    bounding the experience and prioritizing meaningful and relevant content.
  27. SOURCE: STEVE CUTTS

  28. CURB PASSIVE SCROLLING

  29. None
  30. LOAD MORE

  31. None
  32. SKIP AUTOPLAY

  33. None
  34. Respectful

  35. Respectful design prioritizes people’s time, attention and overall digital well-being.

  36. None
  37. ALIGN DELIVERY WITH URGENCY

  38. This is probably a completely unnecessary notification that will interupt

    you at the worst time. Attention! now SOME APP
  39. ALLOW FOR PERSONALIZATION

  40. None
  41. ADAPT TO USER CONTEXT

  42. None
  43. Transparent

  44. Transparent design is clear about intentions, honest in actions and

    free of dark patterns.
  45. IMAGE: SHERYL CABABA

  46. RIGHT TO KNOW

  47. None
  48. DATA TRANSPARENCY

  49. None
  50. IOS 13

  51. ANDROID 10

  52. ACCESS TO DATA

  53. None
  54. THE RIGHT TO BE FORGOTTEN

  55. None
  56. AVOID THE DARK SIDE No thanks, I like full price

    Yes! I’d like the discount
  57. WEBTRANSPARENCY.CS.PRINCETON.EDU/DARK-PATTERNS/

  58. None
  59. Thoughtful

  60. Thoughtful design uses friction to prevent abuse, protect privacy, and

    steer people towards healthier digital habits.
  61. None
  62. MANUAL SPEED BUMPS

  63. None
  64. None
  65. ALGORITHMIC SPEED BUMPS

  66. None
  67. None
  68. EMBRACE POSITIVE FRICTION

  69. None
  70. ENCOURAGE MODERATION View Settings Dismiss Whoa you really like us.

  71. None
  72. Empowering

  73. Empowering design ensures products center on the value they provide

    to people over the revenue it can generate.
  74. KPI User MBR MVP DAU WAU

  75. IN CONTROL Noti ication Settings Only see posts from friends

  76. None
  77. PRIVACY AND ANONYMITY Message Settings Disable pixel tracking

  78. LOCATION TRACKING READ RECEIPTS

  79. INVISIBLE UNTIL NEEDED

  80. None
  81. PROMOTE AWARENESS 2hr45min 42min above average Mon Tues Wed Thurs

    Fri Sat Sun
  82. None
  83. None
  84. Resilient

  85. Resilient design focuses on the well-being of the most vulnerable

    and anticipates the potential for abuse.
  86. None
  87. Share Settings Posts are only visible to friends ENABLE CONTENT

    CONTROL
  88. None
  89. ENABLE COMMUNITY MODERATION Mute Block Report

  90. None
  91. FOCUS ON THE EDGE CASES Yes No No Yes

  92. FACEBOOK SUICIDE PREVENTION

  93. BALANCE DATA WITH RESEARCH

  94. FACEBOOK PROFILE PICTURE GUARD

  95. Inclusive

  96. Inclusive design is a methodology that enables and draws on

    the full range of human diversity.
  97. INDUSTRIAL AGE INFORMATION AGE DIGITAL AGE LOADING

  98. BUILD DIVERSE TEAMS

  99. None
  100. DESIGN FOR DISABILITIES FIRST

  101. None
  102. GIVE CONTROL

  103. None
  104. FINITE EMPOWERING INCLUSIVE RESPECTFUL THOUGHTFUL TRANSPARENT RESILIENT

  105. SOURCE: JESSE WEAVER

  106. SOURCE: JESSE WEAVER Slow down and be intentional

  107. HUMANEBYDESIGN.COM