devs vs designers: getting onto the same page

39
DEVELOPERS VS DESIGNERS Anita Cheng | @anitaycheng (Getting onto the same page)

Upload: anita-cheng

Post on 11-Apr-2017

172 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Devs vs Designers: getting onto the same page

DEVELOPERS VS DESIGNERS

Anita Cheng | @anitaycheng

(Getting onto the same page)

Page 2: Devs vs Designers: getting onto the same page

ABOUT ME

• Information Architect /UX (Front-end) Dev @ City of LA

• Director of Marketing at UXPALA • Live-tweeting fiend • Former cancer scientist

Page 3: Devs vs Designers: getting onto the same page
Page 4: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE

Page 5: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE

Page 6: Devs vs Designers: getting onto the same page

LET’S TALK ABOUT TALKING(You gotta do it!)

Koshy Koshy on Flickr

Page 7: Devs vs Designers: getting onto the same page

@anitaycheng

If I’m understanding this correctly, [describe the specific context in which you’re asking about], then what happens if [the question you’re actually asking]?

Page 8: Devs vs Designers: getting onto the same page

OTHER (NON-TALKING) WAYS TO COMMUNICATE

Email Slack

Page 9: Devs vs Designers: getting onto the same page

OTHER (NON-TALKING) WAYS TO COMMUNICATE

Email Slack

Page 10: Devs vs Designers: getting onto the same page

YOU ARE NOT A DUMPSTERYou won’t take just anything

Page 11: Devs vs Designers: getting onto the same page

BE LIKE THE POST OFFICEAnything unusual will take longer or cost extra!

Page 12: Devs vs Designers: getting onto the same page

@anitaycheng

OUTPUT FORMATS

➤ Static image ➤ PNG/JPGs

➤ Photoshop file with layers ➤ Layer naming and order? (Up to you!)

➤ Sketch app (for Macs) ➤ Pro-tip, use with Zeplin

Page 13: Devs vs Designers: getting onto the same page

@anitaycheng

OUTPUT FORMATS

➤ Static image ➤ PNG/JPGs

➤ Photoshop file with layers ➤ Layer naming and order? (Up to you!)

➤ Sketch app (for Macs) ➤ Pro-tip, use with Zeplin

(yay hex color codes!)

Page 14: Devs vs Designers: getting onto the same page

OUTPUT

???

Page 15: Devs vs Designers: getting onto the same page

OUTPUT

???

Page 16: Devs vs Designers: getting onto the same page

OUTPUT

FRAMEWORKS

Page 17: Devs vs Designers: getting onto the same page

BOOTSTRAPLots of Photoshop templates

Why reinvent the wheel?

Page 18: Devs vs Designers: getting onto the same page

(It depends - ask!)SCREEN SIZES?

Page 19: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE

Page 20: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE

Page 21: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE(It all depends!)

Page 22: Devs vs Designers: getting onto the same page

@anitaycheng

What I think it really comes down to is product/project managers are, in a lot of ways, the owner of these projects and processes without understanding the obstacles and challenges developers face on a daily basis.

-devRant.io co-founder David Fox

Page 23: Devs vs Designers: getting onto the same page

@anitaycheng

BE KNOWLEDGEABLE BE DIRECT BE HONEST

(Win trust!)

Page 24: Devs vs Designers: getting onto the same page

CODING ISN’T MAGIC(Although many think it is!)

Page 25: Devs vs Designers: getting onto the same page

IT’S LIKE BUILDING IKEA FURNITURE(Including the frustration!)

Page 26: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE

Page 27: Devs vs Designers: getting onto the same page

@anitaycheng

Science is done by people, and people are assholes.

-A cancer researcher

Page 28: Devs vs Designers: getting onto the same page

@anitaycheng

Science is done by people, and people are assholes.

-A cancer researcher

have biases and egos!

Page 29: Devs vs Designers: getting onto the same page

@anitaycheng

In some companies you can run into situations where a developer’s boss is a contributing member of the team, or have been promoted from a developer role, and that introduces extra conflict.

-devRant.io co-founder David Fox

Page 30: Devs vs Designers: getting onto the same page

TOUCHY FEELY?(It’s the secret to getting things done!)

Page 31: Devs vs Designers: getting onto the same page

@anitaycheng

WHAT DRIVES PEOPLE?

WHAT KEEPS THEM UP AT NIGHT?

(Approach your work on their terms!)

Page 32: Devs vs Designers: getting onto the same page

@anitaycheng

ONLY DESIGNER IN DEPT - RECENT GRAD

Page 33: Devs vs Designers: getting onto the same page

@anitaycheng

ONLY DESIGNER IN DEPT - RECENT GRAD

“Hey, I’m going to need more clarification on this interaction to make sure it works exactly the way you picture it. It’ll really help us move the project forward. I’ll make sure to give you credit for the work you did here.”

BUILD YOURSELF UP BY BUILDING UP OTHER PEOPLE

Page 34: Devs vs Designers: getting onto the same page

EGO’S NOT A BAD THING(Everyone needs it, including you!)

Page 35: Devs vs Designers: getting onto the same page

KNOW WHEN TO WALK

AWAY(Choose your battles!)

Page 36: Devs vs Designers: getting onto the same page

@anitaycheng

80% of how a person treats you is a reflection of themselves.

Page 37: Devs vs Designers: getting onto the same page

IT’S ABOUT THE WORKGet it done, and do it well!

Page 38: Devs vs Designers: getting onto the same page

OUTPUT

EXPECTATIONS

PEOPLE

Page 39: Devs vs Designers: getting onto the same page

THANK YOU!Anita Cheng | [email protected] | @anitaycheng