The Art of Being Wrong

A presentation at CSS Dev Conf in October 2015 in Long Beach, CA, USA by Dave Rupert

Slide 1

Slide 1

THE ART OF BEING WRONG Dave Rupert @davatron5000

Slide 2

Slide 2

Slide 3

Slide 3

http://shoptalkshow.com

Slide 4

Slide 4

http://godaytrip.com

Slide 5

Slide 5

THE EXTRAORDINARY PRESSURE OF BEING RIGHT

Slide 6

Slide 6

HTML CSS JavaScript

Slide 7

Slide 7

HTML CSS JS Accessibility SVG Web Animation API CSS Animations SVG Animations Typography React Radium Pattern Libraries Web Components Container Queries RWD Fractals WebPerf Data Visualization Regression Testing CSS Architecture Level 4 Selectors Bower Open Source SMACSS Sass Grunt GSAP Continuous Integration TDD Flexbox

Slide 8

Slide 8

…AND THAT’S JUST STUFF FROM THIS CONFERENCE

Slide 9

Slide 9

“I JUST WANT TO ADD TWO NUMBERS BUT I HAVE TO DEAL WITH ALL THESE TAPE REELS.”

Slide 10

Slide 10

BORG UX

Slide 11

Slide 11

What if we’re all connected to a giant shared source of knowledge and what if everything in that machine isn’t always correct?

Slide 12

Slide 12

“FACTS” & “MUST DOs”

Slide 13

Slide 13

THIS IDEA MUST DIE

Slide 14

Slide 14

“The idea that things are either true or false should possibly take a rest …. I wonder, and this is just a modest proposal, if scientific truth should be identified in a way that acknowledges that it’s something we know and understand for now – and in a certain way.”

  • Alan Alda

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

THIS IDEA MUST DIE

Slide 23

Slide 23

Sometimes wrong is wrong

Slide 24

Slide 24

BULLSHIT

Slide 25

Slide 25

ahem

Slide 26

Slide 26

HUMANS ARE GOOD AT DETECTING BULLSHIT. 93% ACCURACY.

Slide 27

Slide 27

THAT WAS A LIE. IT’S MORE LIKE 53% SAME AS A COIN TOSS.

Slide 28

Slide 28

The Donald Trump Effect

Slide 29

Slide 29

BALONEY DETECTION KIT

Slide 30

Slide 30

Baloney Detection Kit • Wherever possible there must be independent confirmation of the facts. • Encourage substantive debate on the evidence by knowledgeable proponents of all points of view. • Arguments from authority carry little weight. • Spin more than one hypothesis • Try not to get overly attached to a hypothesis just because it’s yours. • Quantify, wherever possible. • If there is a chain of argument every link in the chain must work. • Occam’s razor - if there are two hypotheses that explain the data equally well choose the simpler. • Ask whether the hypothesis can, at least in principle, be falsified. In other words, it is testable? Can others duplicate the experiment and get the same result?

Slide 31

Slide 31

Logical Fallacies • • • • • • • • • Ad hominem Argument from “authority” Argument from adverse consequences Appeal to ignorance Special pleading Begging the question. Observational selection. Statistics of small numbers. Misunderstanding the nature of statistics • Inconsistency • • • • • • • • Non sequitur Post hoc, ergo propter hoc Meaningless question Excluded middle Short-term v. long-term Slippery slope Confusion of correlation and causation Caricaturing (or stereotyping) a position to make it easier to attack. • Suppressed evidence or half-truths. • Weasel words

Slide 32

Slide 32

WARNING: Playing in the role of In-Person Baloney Detection Kit at a party or online doesn’t make you a popular nor does it make you a person that people want to actually listen to or be around. Use judgement and “social tact” at all times.

Slide 33

Slide 33

“Try not to get overly attached to a hypothesis just because it’s yours. It’s only a way station in the pursuit of knowledge. Ask yourself why you like the idea. Compare it fairly with the alternatives. See if you can find reasons for rejecting it. If you don’t, others will.” - Carl Sagan’s Baloney Detection Kit from “The Demon Haunted World”

Slide 34

Slide 34

How we become wrong

Slide 35

Slide 35

The #HOTDRAMA Trap

Slide 36

Slide 36

The #HOTDRAMA Trap

Slide 37

Slide 37

Have a really strong opinion about a really niche topic

Slide 38

Slide 38

Sass Sass Icon Fonts Cascading Style Sheets Hamburger Menus Progressive Enhancement vs vs vs vs vs vs PostCSS SASS SVG Sprites React Inline Styles ??? Any modern web development practice basically?

Slide 39

Slide 39

Strong opinions are great, but they can create a blind spot

Slide 40

Slide 40

“Discussions are always worth having. Weighing options is always interesting. Demonstrating what has worked (and what hasn’t) for you is always useful. There are ways to communicate that don’t resort to dogmatism.” - Chris Coyier “The Gray Gray Ghost That I Call Home”

Slide 41

Slide 41

“The Gray”

Slide 42

Slide 42

What does the data say?

Slide 43

Slide 43

Slide 44

Slide 44

  1. Empathize with your enemy 2. Rationality will not save us 3. There’s something beyond one’s self 4. Maximize efficiency 5. Proportionality should be a guideline in war 6. Get the data 7. Belief and seeing are often both wrong 8. Be prepared to re-examine your reasoning 9. In order to do good, you may have to engage in evil 10. Never say never 11. You can’t change human nature

Slide 45

Slide 45

McNamara’s Fallacy

Slide 46

Slide 46

The first step is to measure whatever can be easily measured. This is OK as far as it goes. The second step is to disregard that which can’t be easily measured or to give it an arbitrary quantitative value. This is artificial and misleading. The third step is to presume that what can’t be measured easily really isn’t important. This is blindness. The fourth step is to say that what can’t be easily measured really doesn’t exist. This is suicide. — Daniel Yankelovich “Corporate Priorities: A continuing study of the new demands on business.” (1972)

Slide 47

Slide 47

The first step is to measure whatever can be easily measured. This is OK as far as it goes. The second step is to disregard that which can’t be easily measured or to give it an arbitrary quantitative value. This is artificial and misleading. The third step is to presume that what can’t be measured easily really isn’t important. This is blindness. The fourth step is to say that what can’t be easily measured really doesn’t exist. This is suicide. — Daniel Yankelovich “Corporate Priorities: A continuing study of the new demands on business.” (1972)

Slide 48

Slide 48

The first step is to measure whatever can be easily measured. This is OK as far as it goes. The second step is to disregard that which can’t be easily measured or to give it an arbitrary quantitative value. This is artificial and misleading. The third step is to presume that what can’t be measured easily really isn’t important. This is blindness. The fourth step is to say that what can’t be easily measured really doesn’t exist. This is suicide. — Daniel Yankelovich “Corporate Priorities: A continuing study of the new demands on business.” (1972)

Slide 49

Slide 49

The first step is to measure whatever can be easily measured. This is OK as far as it goes. The second step is to disregard that which can’t be easily measured or to give it an arbitrary quantitative value. This is artificial and misleading. The third step is to presume that what can’t be measured easily really isn’t important. This is blindness. The fourth step is to say that what can’t be easily measured really doesn’t exist. This is suicide. — Daniel Yankelovich “Corporate Priorities: A continuing study of the new demands on business.” (1972)

Slide 50

Slide 50

The first step is to measure whatever can be easily measured. This is OK as far as it goes. The second step is to disregard that which can’t be easily measured or to give it an arbitrary quantitative value. This is artificial and misleading. The third step is to presume that what can’t be measured easily really isn’t important. This is blindness. The fourth step is to say that what can’t be easily measured really doesn’t exist. This is suicide. — Daniel Yankelovich “Corporate Priorities: A continuing study of the new demands on business.” (1972)

Slide 51

Slide 51

CHASING METRICS

Slide 52

Slide 52

BEHOLD THE PINNACLE OF MODERN DAY WEB DESIGN!

Slide 53

Slide 53

Slide 54

Slide 54

Slide 55

Slide 55

A/B Testing

Slide 56

Slide 56

Good, but…

Slide 57

Slide 57

Compare two turds, user still gets a turd.

Slide 58

Slide 58

INCREASE CONVERSION RATE BY 22%

Slide 59

Slide 59

Slide 60

Slide 60

CONVERSION DOESN’T ALWAYS EQUAL GOOD

Slide 61

Slide 61

Allowing myself and others to be wrong

Slide 62

Slide 62

Yes… And… My new Open Source philosophy

Slide 63

Slide 63

Blogging The ancient art of expressing your feelings

Slide 64

Slide 64

DAVERUPERT.COM POSTS BY YEAR Posts 25 20 15 10 5 0 2009 2010 2011 2012 2013 2014 2015 DRAFTS

Slide 65

Slide 65

Slide 66

Slide 66

“That’s my secret, Cap – I’m always publishing. (Seriously though; treat your blog as your drafts folder)”

  • Jeremy Keith on Twitter

Slide 67

Slide 67

Slide 68

Slide 68

Slide 69

Slide 69

Well Actually…

Slide 70

Slide 70

Promote better discussions

Slide 71

Slide 71

Parallax is dumb.

Slide 72

Slide 72

I am of the opinion that parallax is dumb.

Slide 73

Slide 73

I am of the opinion that parallax is a waste of time and resources in order to achieve an effect that users are already immune to and has terrible scrolling performance in a multi-device world.

Slide 74

Slide 74

Now we can have a discussion!

Slide 75

Slide 75

Go forth and fight Nazis!

Slide 76

Slide 76

Thanks! Dave Rupert @davatron5000