![Page 1: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/1.jpg)
DEVELOPERS VS DESIGNERS
Anita Cheng | @anitaycheng
(Getting onto the same page)
![Page 2: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/3.jpg)
![Page 4: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/4.jpg)
OUTPUT
EXPECTATIONS
PEOPLE
![Page 5: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/5.jpg)
OUTPUT
EXPECTATIONS
PEOPLE
![Page 6: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/6.jpg)
LET’S TALK ABOUT TALKING(You gotta do it!)
Koshy Koshy on Flickr
![Page 7: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/7.jpg)
“
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/8.jpg)
OTHER (NON-TALKING) WAYS TO COMMUNICATE
Email Slack
![Page 9: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/9.jpg)
OTHER (NON-TALKING) WAYS TO COMMUNICATE
Email Slack
![Page 10: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/10.jpg)
YOU ARE NOT A DUMPSTERYou won’t take just anything
![Page 11: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/11.jpg)
BE LIKE THE POST OFFICEAnything unusual will take longer or cost extra!
![Page 12: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/12.jpg)
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/13.jpg)
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/14.jpg)
OUTPUT
???
![Page 15: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/15.jpg)
OUTPUT
???
![Page 16: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/16.jpg)
OUTPUT
FRAMEWORKS
![Page 17: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/17.jpg)
BOOTSTRAPLots of Photoshop templates
Why reinvent the wheel?
![Page 18: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/18.jpg)
(It depends - ask!)SCREEN SIZES?
![Page 19: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/19.jpg)
OUTPUT
EXPECTATIONS
PEOPLE
![Page 20: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/20.jpg)
OUTPUT
EXPECTATIONS
PEOPLE
![Page 21: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/21.jpg)
OUTPUT
EXPECTATIONS
PEOPLE(It all depends!)
![Page 22: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/22.jpg)
“
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/23.jpg)
@anitaycheng
BE KNOWLEDGEABLE BE DIRECT BE HONEST
(Win trust!)
![Page 24: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/24.jpg)
CODING ISN’T MAGIC(Although many think it is!)
![Page 25: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/25.jpg)
IT’S LIKE BUILDING IKEA FURNITURE(Including the frustration!)
![Page 26: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/26.jpg)
OUTPUT
EXPECTATIONS
PEOPLE
![Page 27: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/27.jpg)
“
@anitaycheng
Science is done by people, and people are assholes.
-A cancer researcher
![Page 28: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/28.jpg)
“
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/29.jpg)
“
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/30.jpg)
TOUCHY FEELY?(It’s the secret to getting things done!)
![Page 31: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/31.jpg)
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/32.jpg)
@anitaycheng
ONLY DESIGNER IN DEPT - RECENT GRAD
![Page 33: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/33.jpg)
@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](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/34.jpg)
EGO’S NOT A BAD THING(Everyone needs it, including you!)
![Page 35: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/35.jpg)
KNOW WHEN TO WALK
AWAY(Choose your battles!)
![Page 36: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/36.jpg)
“
@anitaycheng
80% of how a person treats you is a reflection of themselves.
![Page 37: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/37.jpg)
IT’S ABOUT THE WORKGet it done, and do it well!
![Page 38: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/38.jpg)
OUTPUT
EXPECTATIONS
PEOPLE
![Page 39: Devs vs Designers: getting onto the same page](https://reader031.vdocuments.us/reader031/viewer/2022030307/58ec2e7c1a28abe1118b4765/html5/thumbnails/39.jpg)
THANK YOU!Anita Cheng | [email protected] | @anitaycheng