design & front-end: couples therapy

Couples Therapy For Designers

& Front-end Developers

Liam Oscar Thurston @liamthurston Creative Director

Shit Designers & Devs Say The Agile Manifesto (?!) Radical Candor! Group Therapy xoxo

COUPLES THERAPY, LET ’S PART Y

INSTALLATION BY TREVOR WHE ATLEY

T WG . I O

Sh!t Des!g~ers & Devel*per$ S@y

“Oh … I thought you could cut out those assets…”

WHEN LAZY DESIGNERS SAY

Own it. TM

“So … when are you designing … all those screens?”

WHEN NAGGING DEVELOPERS SAY

Pair up.

Hands you the messiest file…

WHEN A STONED DESIGNER

Speakthe SameLanguage

B E M

Block Element Modifier

blockName-elementName--modifierName

blockName-elementName--modifierName

BEM

userList-inviteButton--disabled

blockName-elementName--modifierName

BEM

userList-inviteButton--active

blockName-elementName--modifierName

BEM

userList-inviteButton--active

userList-userName

grey-light grey-medium grey-dark

light-grey medium-grey dark-grey

“Heyo, there seem to be some things … missing in this styleguide …”

WHEN A PASSIVE-AGGRESSIVE DEVELOPER SAYS

States: the Obvious

C.I.S.S.

SMOOCH!

States: the Obvious

When __________________,

I want to _______________,

so I can ________________.

JOB STORIES R ULE

SITUATION

MOTIVATION

EXPECTED OUTCOME

B LO G . I N T E R C O M .C O M

When I need help from a group member,

I want to find their contact info,

so I can connect with them quickly.

JOB STORIES R ULE

When I need help from a group member,

I want to find their contact info,

so I can connect with them quickly.

JOB STORIES R ULE

“What’s with all this … white space?”

WHEN DEVELOPERS CALL YOU OUT

Your Spacing is Inconsistent

DON’T SPACE

OUT!

.spacer--sm

.spacer

.spacer--lg

.spacer

“Wow, these lines lengths and photos are just … perfect.”

WHEN SARCASTIC DEVELOPERS SAY

Use Real Content.com

THIS

DOMAIN IS

AVAILABLE!

“So, you used about… 50 shades of grey.”

WHEN WELL-RE AD DEVELOPERS SAY

You used 63 shades of grey.

Try starting with 3

“Hey I’m thinking we might use Zeplin …”

WHEN LAZY DESIGNERS SAY

Use Zeplin.

“Hey, I built that component that I saw in Zeplin…”

WHEN SPACED-OUT DEVELOPERS SAY

Keep your files fresh.

“I’ll do some design QA tonight…”

WHEN PASSIVE-AGGRESSIVE DESIGNERS SAY

“I’ll do some design QA tonight…”

WHEN PASSIVE-AGGRESSIVE DESIGNERS SAY

Stay close. ALWAYS BE

QA’IN!

“Damn that user testing session was great, we learned so much!”

WHEN PRETENTIOU S DESIGNERS SAY

Come Together.

The Agile Manifesto.

Individuals & interaction over processes & tools

AGILE MANIFESTO

Working software over comprehensive documentation

AGILE MANIFESTO

Customer collaboration over contract negotiation

AGILE MANIFESTO

Responding to change over following a plan

AGILE MANIFESTO

Radical Candor.

Ruinous Empathy

CHALLENGE DIRECTLY

Radical Candor

Manipulative Insincerity

Obnoxious Aggression

CARE PERSONALLY

BULLSHIT

FREE ZONE

“Oh … I thought you could cut out those assets…”

WHEN LAZY DESIGNERS SAY

“Oh … I thought you could cut out those assets…”

WHEN LAZY DESIGNERS SAY

SOLUTIONS PROS CONS

I can do it now I’ll do it tomorrow You should do it

It’s done It’s done late I don’t do it

I don’t have time Project delays You do it

YOUR TURN

Hope Fear

This week, in your role, what is your biggest…

Pros Cons

Now help your partner avoid their fear using Radical Candor

Care personally & challenge directly

Shit Designers & Devs Say The Agile Manifesto (?!) Radical Candor! Group Therapy xoxo

COUPLES THERAPY, WE PARTIED

Questions?! Liam Oscar Thurston @liamthurston Creative Director

Couples Therapy For Designers

& Front-end Developers

Liam Oscar Thurston @liamthurston Creative Director