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.

Transcript

1. Humane Design Patterns — JON YABLONSKI | @JONYABLONSKI
3. SOURCE: GM
4. SOURCE: AAA FOUNDATION FOR TRAFFIC SAFETY
5. SOURCE: THE ZEBRA
6. We don’t take tech distraction serious enough
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
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
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
30. LOAD MORE
32. SKIP AUTOPLAY
34. Respectful
35. Respectful design prioritizes people’s time, attention and overall digital well-being.
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
41. ADAPT TO USER CONTEXT
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
48. DATA TRANSPARENCY
50. IOS 13
51. ANDROID 10
52. ACCESS TO DATA
54. THE RIGHT TO BE FORGOTTEN
56. AVOID THE DARK SIDE No thanks, I like full price Yes! I’d like the discount
57. WEBTRANSPARENCY.CS.PRINCETON.EDU/DARK-PATTERNS/
59. Thoughtful
60. Thoughtful design uses friction to prevent abuse, protect privacy, and steer people towards healthier digital habits.
62. MANUAL SPEED BUMPS
65. ALGORITHMIC SPEED BUMPS
68. EMBRACE POSITIVE FRICTION
70. ENCOURAGE MODERATION View Settings Dismiss Whoa you really like us.
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
77. PRIVACY AND ANONYMITY Message Settings Disable pixel tracking
78. LOCATION TRACKING READ RECEIPTS
79. INVISIBLE UNTIL NEEDED
81. PROMOTE AWARENESS 2hr45min 42min above average Mon Tues Wed Thurs Fri Sat Sun
84. Resilient
85. Resilient design focuses on the well-being of the most vulnerable and anticipates the potential for abuse.
87. Share Settings Posts are only visible to friends ENABLE CONTENT CONTROL
89. ENABLE COMMUNITY MODERATION Mute Block Report
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
100. DESIGN FOR DISABILITIES FIRST
102. GIVE CONTROL
104. FINITE EMPOWERING INCLUSIVE RESPECTFUL THOUGHTFUL TRANSPARENT RESILIENT
105. SOURCE: JESSE WEAVER
106. SOURCE: JESSE WEAVER Slow down and be intentional
107. HUMANEBYDESIGN.COM