The document discusses the importance of ethical design. It argues that designers should focus on creating products that benefit users and society, consider how designs may negatively impact people, and prioritize data privacy and security. The document also stresses that designers have a responsibility to treat users well and should reconsider approaches that do not respect people or could enable harm. Overall, it promotes designing with good intent and continual improvement to help build a better future internet.

1. The Untold Benefits of
Ethical Design

3. Holger Bartel
Designer/Developer
Hong Kong
h@foobartel.com
Twitter: @foobartel

5. Build a “Better” Product
User Interests & Benefits
Challenge Status Quo
Ethics at the Core

6. Ethical DesignEthical Design

7. 1
ethics plural in form but singular or plural in construction : the discipline dealing with
what is good and bad and with moral duty and obligation
2
a : a set of moral principles : a theory or system of moral values the present-day
materialistic ethic an old-fashioned work ethic —often used in plural but singular or
plural in construction an elaborate ethicsChristian ethics
b ethics plural in form but singular or plural in construction : the principles of
conduct governing an individual or a group professional ethics
c : a guiding philosophy
d : a consciousness of moral importance forge a conservation ethic
3
ethics plural : a set of moral issues or aspects (such as rightness) debated
the ethics of human cloning

8. A Guiding Philosophy

9. The discipline of dealing with
what is good and bad and with
moral duty and obligation

10. Ethical Design:
Design created with the
intent to do good.

11. Design with good intent
can still go wrong.

13. We spend a lot of time thinking about tools,
technologies and frameworks.
How much time do you spend thinking
about the impact of what you’re building?
@foobartel

14. “Make the world a better place”

16. Note
Surveillance
Capitalism

18. “Systems that make decisions about people
based on their data produce substantial adverse
effects that can massively limit their choices,
opportunities, and life-chances”.
http://crackedlabs.org/en/data-against-people

19. Dark Patterns

20. Dark Patterns are tricks that
make users do things that
they didn't mean to do.

21. Dark Patterns pressure users into
making a decision.

22. Dark Patterns suck.

24. Stress
Loss Aversion
Anxiety

32.
Stressed, anyone?

33. User Experience

34. User Experience
Accessibility Inclusivity
User Flows
Security Privacy
Respect
Impact
Responsibility
Performance
Copy Writing
Legibility

35. If you don’t consider these essentials
for your “great” user experience, that
experience will only be “so great!” for
some of us.
@foobartel

36. When designing, we have a responsibility
that will eventually define the relationship
of our users to our product.
@foobartel

38. Note Sou

39. Note Sou

41. –Troy Hunt
“Another day, another breach.
It still blows my mind how frequently
this happens.”

42. We’re spending a lot of time thinking
about how to collect more and more data.
How much time do you spend thinking
about how to secure that data?
@foobartel

43. A Simple Rule
The data you don’t have stored,
can’t be leaked, lost or stolen.
@foobartel

44. The best request is
no request at all
@foobartel

49. 9MB?
8 Hero Images?
$^#&*$?
OMG!

54. Respect your users.
Happy users will be much more likely to forgive.
@foobartel

55. Rethinking the
Approach
Rethinking the
Approach

56. The Internet is still young and we are
experimenting.

59. 1885

60. 1910

61. 1885 1910

62. 1885 1910 1950

63. 1885 1910 1950 1970

64. 1885 1910 1950 20151970

65. 1885 1910 1950 20151970 2018

66. 1885 1910 1950 20151970 2018

67. The Internet is still young and we are
experimenting.
For a sustainable future we might have
to reconsider and adjust the direction.

68. We have learned how to build stuff.
It’s time to shift focus on people.

69. Fundamentals
for a Future Web

70. CSSHTML
JavaScript
Web Standards
“Moral Standards”

71. Responsibility
CSSHTML
JavaScript
SecurityPrivacy
Web Standards
“Moral Standards”

72. Responsibility
CSSHTML
JavaScript
SecurityPrivacy
Web Fundamentals

73. Too much work!

74. “We don’t have a budget
for that CSS thing!”
–Nobody, ever

76. How would you like to be treated?
What are you willing to give?

77. Accessibility
Inclusivity
Responsibility

79. Data
Tracking
Privacy

80. Data
Tracking
Privacy
Web Performance

82.
Great! But…

83.
Great! But…

84. —Mike Monteiro
“Don’t ask how you’re going to pay
your rent working ethically.
Ask why you’re open to behaving
unethically in the first place.”

85. We need to get our values right.
@foobartel

86. By thinking about the user, how to treat
and what to serve them, it’s possible to
achieve better performance, offer
improved privacy and security and
become better at our craft.
@foobartel

87. A moral compass.

88. We can start with the small things and
make the web and our experiences more
pleasant. And then go from there

89. Design with the intent to
do good.

90. Design with the intent to
do good better.
@foobartel

91. Do better every day.
@foobartel

92. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

93. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

94. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

95. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

96. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

97. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

98. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

99. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel

100. Thank you.
Email me at h@foobartel.com or find me on Twitter: @foobartel