Designers + Developers: #RelationshipGoals

Slide 1

DESIGN + DEVELOPMENT r #RELATIONSHIPGOALS Speakers: Stephanie Sell & Ben Hong

Slide 2

STEPHANIE SELL Senior UX Designer at CapitalOne @stellar_UX

Slide 3

BEN HONG Lead Frontend Developer at Politico @bencodezen

Slide 4

SLIDES WILL BE AVAILABLE ONLINE So no need to rush to copy down things

Slide 5

GETTING TO KNOW YOU

Slide 6

GETTING TO KNOW YOU ! 🦄 "

Slide 7

DESIGNERS & DEVELOPERS

Slide 8

DESIGNERS DEVELOPERS

Slide 9

WE SHOULD BE ON THE SAME TEAM.

Slide 10

Slide 11

WHAT ARE SOME COMPLAINTS YOU’VE HEARD OR ENCOUNTERED?

Slide 12

COMMON THEMES

Slide 13

1 / HANDOFF

Slide 14

“ Developers mess up the designs.

Slide 15

“ Developers mess up the designs. Designers forget things & leave us to fill the gaps.

Slide 16

2 / BLAME GAME

Slide 17

“ Developers are the gatekeepers and often say no.

Slide 18

Slide 19

“ Developers are the gatekeepers and often say no. Designers have no regard for how hard something is to build.

Slide 20

3 / VALUE

Slide 21

“ Developers are seen as “more valuable” than design. Designers get all the spotlight and glory and we are forgotten.

Slide 22

Slide 23

THE SOLUTION IS SIMPLE RIGHT?

Slide 24

DESIGNERS SHOULD LEARN TO CODE DEVELOPERS SHOULD LEARN TO DESIGN

Slide 25

UNDERSTANDING THE OTHER SIDE.

Slide 26

DESIGNERS Goals ➤ Create beautiful designs ➤ Create the optimal experience for users

Slide 27

DESIGNERS Obstacles ➤ Multiple stakeholders to make happy ➤ No guarantee of project viability / investment ➤ Everyone thinks that they can do your job ➤ Creative process is not linear

Slide 28

Slide 29

Slide 30

DEVELOPERS Goals: ➤ Build cool stuff ➤ Write bug-free features ➤ Build accessible experiences

Slide 31

DEVELOPERS Obstacles: ➤ Specifications are inadequate ➤ Often unreasonable deadlines ➤ Browser compatibility ➤ Third-party contractors

Slide 32

Slide 33

😐

Slide 34

DEVELOPERS Obstacles: ➤ Specifications are inadequate ➤ Tight deadlines ➤ Contractors ➤ Browser compatibility

Slide 35

Slide 36

Slide 37

WHAT CAN YOU DO?

Slide 38

SOLUTION: COUPLES THERAPY

Slide 39

SOLUTION: COUPLES THERAPY

Slide 40

SOLUTION: MORE TOOLS

Slide 41

Slide 42

Image from: https://blog.zeplin.io/introducing-zeplin-2-0-components-and-a-ton-more-goodies-7c09dacc1f48

Slide 43

Slide 44

SOLUTION: MORE TOOLS (Even though tools are great!)

Slide 45

1 / PROXIMITY

Slide 46

Slide 47

PROXIMITY How to achieve this ➤ Get leadership to have the two teams sit within arm’s reach of one another ➤ Increase amount of “water cooler” time ➤ Schedule a routine meeting with one another

Slide 48

2 / COMMUNICATION

Slide 49

COMMUNICATION How to achieve this ➤ Start the conversation as early as possible ➤ Don’t just say “no” to a request. Explain. ➤ Treat one another as a partner in crime ➤ Never assume

Slide 50

3 / EMPATHY

Slide 51

EMPATHY How to achieve this ➤ Leave your ego at the door ➤ Respect the expertise that each team brings to the table ➤ Always remember that we are making the best with what we have