The Untold Benefits of Ethical Design

A presentation at EmpireJS in September 2018 in New York, NY, USA by Holger Bartel

Slide 1

Slide 1

The Untold Benefits of Ethical Design EmpireJS 2018, NYC

Slide 2

Slide 2

Hello EmpireJS!

Slide 3

Slide 3

Slide 4

Slide 4

Slide 5

Slide 5

Holger Bartel uforepublic Ltd. Hong Kong Twitter: @foobartel

Slide 6

Slide 6

Slide 7

Slide 7

Build a “Better” Product Put User Interests First Challenge Status Quo Ethics at the Core

Slide 8

Slide 8

Ethical Design

Slide 9

Slide 9

Definition: 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 presentday 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

Slide 10

Slide 10

A Guiding Philosophy

Slide 11

Slide 11

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

Slide 12

Slide 12

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

Slide 13

Slide 13

Design with good intent can still go wrong.

Slide 14

Slide 14

Slide 15

Slide 15

We spend a lot of time thinking about tools, technologies and frameworks.

Slide 16

Slide 16

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?

Slide 17

Slide 17

Slide 18

Slide 18

Surveillance Capitalism

Slide 19

Slide 19

Slide 20

Slide 20

Data against People “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

Slide 21

Slide 21

Dark Patterns

Slide 22

Slide 22

Dark Patterns are tricks [used in websites and apps] that make users do things that you didn't mean to.

Slide 23

Slide 23

Dark Patterns pressure users into making a decision.

Slide 24

Slide 24

Cancellation Page of an online subscription

Slide 25

Slide 25

Stress Loss Aversion Anxiety

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

Slide 33

Slide 33

Stressed, anyone?

Slide 34

Slide 34

Human Centered Design What’s really good for our users?

Slide 35

Slide 35

User Experience

Slide 36

Slide 36

User Experience: Accessibility Inclusivity Internationalisation Copy Writing User Flows Legibility Performance Respect Impact Security Privacy Responsibility

Slide 37

Slide 37

Peace of Mind

Slide 38

Slide 38

Slide 39

Slide 39

Slide 40

Slide 40

We’re spending a lot of time thinking about how to collect more and more data.

Slide 41

Slide 41

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?

Slide 42

Slide 42

The data you don’t have stored, can’t be leaked, lost or stolen.

Slide 43

Slide 43

Web Performance

Slide 44

Slide 44

Slide 45

Slide 45

Bandwidth speeds in Hong Kong

Slide 46

Slide 46

Bandwidth speeds in Phnom Penh, Cambodia

Slide 47

Slide 47

Slide 48

Slide 48

Respecting Users

Slide 49

Slide 49

Slide 50

Slide 50

Slide 51

Slide 51

Slide 52

Slide 52

Slide 53

Slide 53

Slide 54

Slide 54

Slide 55

Slide 55

Respect your users’ time. Happy users will be much more likely to forgive.

Slide 56

Slide 56

Rethinking the Approach

Slide 57

Slide 57

4 Pillars for a Better Web

Slide 58

Slide 58

Responsibility Performance Privacy Security

Slide 59

Slide 59

Slide 60

Slide 60

Everybody wants to create better experiences. How would you like to be treated? What are you willing to do for it?

Slide 61

Slide 61

Accessibility Inclusivity Responsibility

Slide 62

Slide 62

Privacy

Slide 63

Slide 63

Web Performance

Slide 64

Slide 64

Security

Slide 65

Slide 65

Great! But…

Slide 66

Slide 66

“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.” —Mike Monteiro

Slide 67

Slide 67

We need to get our values and ethics right. Today.

Slide 68

Slide 68

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.

Slide 69

Slide 69

Design with the intent to do good.

Slide 70

Slide 70

Design with the intent to do ~~good~~ better.

Slide 71

Slide 71

Do better every day.

Slide 72

Slide 72

Thank you.

Slide 73

Slide 73

Links & Credits New York Skyline: https://unsplash.com/photos/_QdFx92MO2U Hong Kong City View: https://unsplash.com/photos/g5-5pRzVPZw Data Breach Visualisation: www.informationisbeautiful.net/visualizations/worlds-biggestdata-breaches-hacks/ Dark Patterns: https://darkpatterns.org/ Data against People: http://crackedlabs.org/en/data-against-people Colloq can be found at: https://colloq.io These slides can also be found on https://foobartel.com/speaking