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

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

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 19

Dark Patterns

Slide 20

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

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

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

Slide 34

User Experience

Slide 35

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

Slide 36

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

Slide 37

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

Slide 38

I want some peace of mind!

Slide 39

Slide 40

Note Sou

Slide 41

Note Sou

Slide 42

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

Slide 43

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 44

Security Rule #1 The data you don’t have stored, can’t be leaked, lost or stolen. @foobartel

Slide 45

Web Performance

Slide 46

Slide 47

Slide 48

Slide 49

Slide 50

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

Slide 51

Respecting Users

Slide 52

Slide 53

Slide 54

Slide 55

Slide 56

Slide 57

Slide 58

Slide 59

Slide 60

Slide 61

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

Slide 62

Rethinking the Approach

Slide 63

The Internet is still young and we are experimenting.

Slide 64

Slide 65

Slide 66

1885

Slide 67

1910

Slide 68

1885 1910

Slide 69

1885 1910 1950

Slide 70

1885 1910 1950

Slide 71

1885 1910 1950 1970

Slide 72

1885 1910 1950 1970 2015

Slide 73

1885 1910 1950 1970 2015 2018

Slide 74

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

Slide 75

We have learned how to build stuff. Now it’s time to get people focused essentials built in.

Slide 76

Essentials for a Future Web

Slide 77

JavaScript HTML CSS Web Standards Web Essentials Privacy Security Responsibility

Slide 78

JavaScript HTML CSS Web Standards Web Essentials Privacy Security Responsibility

Slide 79

JavaScript HTML CSS Web Essentials Privacy Security Responsibility

Slide 80

Too much work!

Slide 81

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

Slide 82

“People are starting to really care about companies having heart. The mentality of maximizing growth at any cost will in fact no longer maximize growth. […] They want companies that do good in the world and do right by their team. –Joel Gascoigne, Buffer

Slide 83

Slide 84

How would you like to be treated? What are you willing to do for it?

Slide 85

Accessibility Inclusivity Responsibility

Slide 86

Data Tracking Privacy Web Performance

Slide 87

Security

Slide 88

Slide 89

Great! But…

Slide 90

Great! But…

Slide 91

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

We need to get our values right. @foobartel

Slide 93

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 94

A moral compass.

Slide 95

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

Slide 96

Design with the intent to do good.

Slide 97

Design with the intent to do good better. @foobartel

Slide 98

Do better every day. @foobartel

Slide 99

Thank you. Find me on Twitter: @foobartel