Top Banner
DESIGN FOR REAL LIFE flickr.com/photos/cellphonesusie/5581322594 sara wachter-boettcher @sara_ann_marie
96

Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Jan 19, 2017

Download

Design

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

DESIGN FOR REAL LIFE

flickr.com/photos/cellphonesusie/5581322594

sara wachter-boettcher@sara_ann_marie

Page 2: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Josh Ritchie for ProPublica

Page 3: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Josh Ritchie for ProPublica

10 3

Page 4: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘The score proved remarkably unreliable in forecasting violent crime: Only 20 percent of the people predicted to commit violent crimes actually went on to do so.

—ProPublica report

Page 5: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

But not all errors are equal.

Page 6: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Labeled higher risk, did not re-offend

Labeled lower risk, did re-offend

White: 24%

Black: 45%

White: 48%

Black: 28%

From propublica.org

Page 7: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

From propublica.org

Page 8: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Not just wrong. Biased.

Page 9: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Not just wrong. Biased.And secret.

Page 10: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/xavier33300/14435337281/

Page 11: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

our work is never

neutral

Page 12: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

it’s a product of

culture

Page 13: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

everyday choices affect

real lives

Page 14: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

which world will

your workhelp build?

Page 15: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

design forDIVERSITY

Page 16: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 17: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 18: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 19: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘We’re also working on longer-term fixes around both linguistics (words to be careful about in photos of people)… and image recognition itself (e.g., better recognition of dark-skinned faces).

—Yonatan Zunger, Google

Page 20: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 21: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘With a white body as a light meter, all other skin tones become deviations from the norm. It turns out, film stock’s failures to capture dark skin aren’t a technical issue, they’re a choice.

—Syreeta McFadden

Page 22: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Who’s worth designing for?

Page 23: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

These biases are everywhere.

Page 24: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 25: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Shane CreepingbearLance BrowneyesRobin Kills the EnemyDana Lone Hill

Page 26: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Your Name Wasn’t Approved.

It looks like that name violates our name standards. You can enter an updated name again in 1 minute. To make sure the updated name complies with our policies, please read more about what names are allowed on Facebook.

Page 27: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 28: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 29: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 30: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 31: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

we all have

blindspots

Page 32: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Find them.Own them. Minimize them. Repeat.

Page 33: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/90412460@N00/15482576136

Page 34: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Machines learn from us. We choose what to teach.

Page 35: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

STRESSdesign for

Page 36: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/jaxport/4638651795

Page 37: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/abhi_ryan/2240873501

Page 38: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

My mom’s boyfriend made me touch him. My best friend told me not to tell anyone. My big brother’s friend held me down and kissed me. These older kids keep telling me to take my shirt off. I’m scared.

Page 39: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

These kids were bursting to tell someone.

Page 40: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

All we did was lower the barrier.

Page 41: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 42: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘The online service can be a good first step, especially for young people. They are more comfortable in an online space rather than talking about it with a real-life person.

— Jennifer MarshRape, Abuse and Incest National Network

Page 43: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 44: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Who would use Siri for help in a crisis?

Page 45: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Who would use their phone to shop online?

Page 46: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Who would use a computer to talk to strangers?

Page 47: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘You don’t get to decide which device people use to access the internet: they do.

—Karen McGrane

Page 48: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Using Siri in a crisis is an edge case.

Page 49: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Using Siri in a crisis is an edge case.

Page 50: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Using Siri in a crisis is a stress case.

Page 51: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

ASSUME

Page 52: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

• Users will appreciate our humor. • It’s probably not a big deal if something goes wrong.

• This is the most important thing the user is doing right now.

• This is simple.

Page 53: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 54: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 55: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Stress cases help us normalize the unexpected.

Page 56: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

A person who received a threat from a stalker, and needs to lock down all their accounts as quickly as possible.

Page 57: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

A student whose roommate told them they want to commit suicide, and needs information on what to do.

Page 58: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

A person working two jobs who gets into a fender-bender, and is trying to file insurance info late at night after work.

Page 59: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘Indifference towards people and the reality in which they live is actually the one and only cardinal sin in design.

—Dieter Rams

Page 60: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

THE WORST

design for

Page 61: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 62: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

The more you talk, the smarter Tay gets.

Page 63: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 64: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘We stress-tested Tay under a variety of conditions, specifically to make interacting with Tay a positive experience.

—Peter Lee, Microsoft Research

Page 65: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘We stress-tested Tay under a variety of conditions, specifically to make interacting with Tay a positive experience.

—Peter Lee, Microsoft Research

Page 66: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

We do this all the time.

Page 67: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 68: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

From @RopesToInfinity

Page 69: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

From @sallyrooney

Page 70: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 71: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 72: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

“Talk like a human!”

Page 73: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

“Make it fun!”

Page 74: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

just add

delight!

Page 75: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/3059349393/8000156483/

Page 76: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

We are failing real people.

Page 77: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher
Page 78: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/lanuiop/4420606662

Page 79: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/salimfadhley/114728742/

Page 80: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘The failure mode of clever is “asshole.” —John Scalzi

Page 81: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘It’s 2016. If you’re not asking yourself ‘how could this be used to hurt someone’ in your design/engineering process, you’ve failed.

—Zoe Quinn

Page 82: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

We do our best work when we plan for the worst.

Page 83: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

REAL LIFE

design for

Page 84: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

flickr.com/photos/cantoni/17314687602

Page 85: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Reading MathWhite 528

Black 431

White 534

Black 428

2015 College Board Total Group Profile Report

Page 86: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

2015 College Board Total Group Profile Report

Boys 497

Girls 493

Boys 527

Girls 496

Reading MathWhite 528

Black 431

White 534

Black 428

Page 87: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘Education Testing Services… pretests all potential questions before finalizing a given SAT. It assumes that a “good” question is one that students who score well overall tend to answer correctly, and vice versa.

—Jay Rosner

Page 88: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘… So if, on a particular math question, girls outscore boys or blacks outscore whites, it has almost no chance of making the final cut. This process therefore perpetuates disparities.

—Jay Rosner

Page 89: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

‘‘… So if, on a particular math question, girls outscore boys or blacks outscore whites, it has almost no chance of making the final cut. This process therefore perpetuates disparities.

—Jay Rosner

Page 90: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

This is design. This is content. This is us.

Page 91: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Interfaces affect inputs.

Page 92: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Inputs change outcomes.

Page 93: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Outcomes define norms.

Page 94: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

design has

power

flickr.com/photos/vchili/6028132840

Page 95: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

how will you

use yours?

flickr.com/photos/vchili/6028132840

Page 96: Delight 2016 | Design for Real Life — Sara Wachter-Boettcher

Flickr images used via Creative Commons Attribution license unless otherwise noted.

@sara_ann_mariesarawb.com bkaprt.com/dfrl/

thank you.

flickr.com/photos/vchili/6028132840