Slide 1

Slide 1 text

Design Systems are for People JINA ANNE
 WEB DIRECTIONS SUMMIT
 10 NOVEMBER 2017

Slide 2

Slide 2 text

@jina

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

airbnb.design/the-way-we-build

Slide 8

Slide 8 text

—ALEX SCHLEIFER “Here’s the simple truth: you can’t innovate on products without first innovating the way you build them.”

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

—NYCTA GRAPHIC STANDARDS MANUAL “…orient people within the subway environment…”

Slide 14

Slide 14 text

—NYCTA GRAPHIC STANDARDS MANUAL “…The passenger will be given the information or direction only at the point of decision. Never before. Never after…”

Slide 15

Slide 15 text

—NYCTA GRAPHIC STANDARDS MANUAL “…This program will eliminate visual clutter, and information that is misleading or unnecessarily repetitious.”

Slide 16

Slide 16 text

Why are we here?

Slide 17

Slide 17 text

DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW DESIGN SYSTEMS ARE SO HOT RIGHT NOW

Slide 18

Slide 18 text

lightningdesignsystem.com

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

designsystemsbook.com

Slide 21

Slide 21 text

medium.com/salesforce-ux/defining-principles-to-drive-design-decisions-b647b68fb057

Slide 22

Slide 22 text

forbes.com/sites/salesforce/2016/04/29/how-we-designed-the-new-salesforce-at-scale

Slide 23

Slide 23 text

— CRAIG VILLAMOR “The more decisions you put off, and the longer you delay them, the more expensive they become.”

Slide 24

Slide 24 text

Your internal customers

Slide 25

Slide 25 text

clarityconf.com/deconstructing-web-systems-or-a-pattern-language-for-web-development

Slide 26

Slide 26 text

creativebloq.com/web-design/empower-designers-code-41619919

Slide 27

Slide 27 text

— DIANA MOUNTER “True collaboration isn’t throwing designs over
 the wall…”

Slide 28

Slide 28 text

— DIANA MOUNTER “…It’s designers, engineers,
 and the rest of the team sharing the responsibility to build a quality product…”

Slide 29

Slide 29 text

— DIANA MOUNTER “…Reduce the barriers,
 support and empower them,
 and designers who code will become the norm.”

Slide 30

Slide 30 text

Design Systems Ops

Slide 31

Slide 31 text

medium.com/@kaelig/introducing-design-systems-ops-7f34c4561ba7

Slide 32

Slide 32 text

“…Design Systems Ops…
 is part of a design systems team, who needs to get into the designers’ shoes, and have a feel for what they are trying 
 to conceptualize…” — KAELIG DELOUMEAU-PRIGENT

Slide 33

Slide 33 text

“…At the same time,
 Design Systems Ops need to understand the engineering requirements and define methods that will help shipping and scaling the Design System.” — KAELIG DELOUMEAU-PRIGENT

Slide 34

Slide 34 text

Design Ops vs
 Design Systems Ops

Slide 35

Slide 35 text

publication.design.systems/distilling-how-we-think-about-design-systems-b26432eefef9

Slide 36

Slide 36 text

— SARAH FEDERMAN “I think as a community we’re starting to get a bit dogmatic about what design systems are and are not…”

Slide 37

Slide 37 text

— SARAH FEDERMAN “…I want to stress that all of this is just personal opinion and whatever works for your team is the right answer…”

Slide 38

Slide 38 text

— SARAH FEDERMAN “…I want newcomers to feel welcome and to help make design systems accessible to everyone, because I ❤ design systems.”

Slide 39

Slide 39 text

Empathy

Slide 40

Slide 40 text

Creativity

Slide 41

Slide 41 text

The Design Systems Community

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

Design Systems are for People

Slide 44

Slide 44 text

slack.design.systems

Slide 45

Slide 45 text

publication.design.systems

Slide 46

Slide 46 text

news.design.systems

Slide 47

Slide 47 text

clarityconf.com

Slide 48

Slide 48 text

sfdsc.co SAN FRANCISCO

Slide 49

Slide 49 text

@jina

Slide 50

Slide 50 text

patreon.com/sushiandrobots

Slide 51

Slide 51 text

Thank You