The Untold Benefits of Ethical Design

Slide 1

Slide 2

Slide 3

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

Slide 4

Slide 5

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

Slide 6

Ethical Design

Slide 7

1 2 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 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

Slide 8

A Guiding Philosophy

Slide 9

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

Slide 10

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

Slide 11

Design with good intent can still go wrong.

Slide 12

Slide 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

Slide 14

“Make the world a better place”

Slide 15

Slide 16

Surveillance Capitalism Note

Slide 17

Slide 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

Slide 19

Dark Patterns

Slide 20

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

Slide 21

Dark Patterns pressure users into making a decision.

Slide 22

Dark Patterns suck.

Slide 23

Slide 24

Stress Loss Aversion Anxiety

Slide 25

Slide 26

Slide 27

Slide 28

Slide 29

Slide 30

Slide 31

Slide 32

Stressed, anyone?

Slide 33

User Experience

Slide 34

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

Slide 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

Slide 36

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

Slide 37

Slide 38

Note Sou

Slide 39

Note Sou

Slide 40

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

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? @foobartel

Slide 42

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

Slide 43

The best request is no request at all @foobartel

Slide 44

Slide 45

Slide 46

Slide 47

Slide 48

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

Slide 49

Slide 50

Slide 51

Slide 52

Slide 53

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

Slide 54

Rethinking the Approach

Slide 55

The Internet is still young and we are experimenting.

Slide 56

Slide 57

Slide 58

1885

Slide 59

1910

Slide 60

1885 1910

Slide 61

1885 1910 1950

Slide 62

1885 1910 1950 1970

Slide 63

1885 1910 1950 1970 2015

Slide 64

1885 1910 1950 1970 2015 2018

Slide 65

1885 1910 1950 1970 2015 2018

Slide 66

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

Slide 67

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

Slide 68

Fundamentals for a Future Web

Slide 69

JavaScript HTML CSS Web Standards “Moral Standards”

Slide 70

JavaScript HTML CSS Web Standards “Moral Standards” Privacy Security Responsibility

Slide 71

JavaScript HTML CSS Web Fundamentals Privacy Security Responsibility

Slide 72

Too much work!

Slide 73

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

Slide 74

Slide 75

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

Slide 76

Accessibility Inclusivity Responsibility

Slide 77

Data Tracking Privacy

Slide 78

Data Tracking Privacy Web Performance

Slide 79

Slide 80

Great! But…

Slide 81

Great! But…

Slide 82

“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 83

We need to get our values right. @foobartel

Slide 84

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

Slide 85

A moral compass.

Slide 86

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

Slide 87

Design with the intent to do good.

Slide 88

Design with the intent to do good better. @foobartel

Slide 89

Do better every day. @foobartel