Alas, No Mind Meld:Designer-DeveloperCommunication for aHarmonious Future@melchoyce   choycedesign.com
Not a developer                  Not you
Step One:Become an easierdesigner to work with.
Be Consistent.Become an easier designer to work with
Be Consistent. Use consistent typefaces and font sizing.Become an easier designer to work with
Be Consistent. Use consistent colors.Become an easier designer to work with
Be Consistent. Use consistent spacing.Become an easier designer to work with
Be Consistent. Use consistent column widths.Become an easier designer to work with
Be Consistent. Style elements consistently.Become an easier designer to work with
Be Clean.Become an easier designer to work with
Be Clean. Logically organize your source files.Become an easier designer to work with
Be Clean. Name your layers.                 This is bad            This is goodBecome an easier designer to work with
Be Clean. Group related layers.                 This is bad            This is goodBecome an easier designer to work with
Be Clean. Delete unused layers.                 What is this?!Become an easier designer to work with
Be Clean. Use whole pixel values. BadBecome an easier designer to work with
Be Clean. Name your source files appropriately.Become an easier designer to work with
Be Knowledgeable.Become an easier designer to work with
Be Knowledgeable. Learn how to code... just a little.Become an easier designer to work with
Be Knowledgeable. Learn how to user developer tools.Become an easier designer to work with
Be Knowledgeable. Learn about browser compatibility. http://browsehappy.com/Become an easier designer to work with
Be Knowledgeable. Learn the right buzzwords.Become an easier designer to work with
Be Knowledgeable. Get to know WordPress (or whatever you’re using). Protip: Have your developer insall the Theme Unit Test...
Remember: Even if you are knowledgeable, your developer is the expert on development. Not you.Become an easier designer to...
Step Two:Work on yourcommunication skills.
When should you involve a developer in your design process?Work on your communication skills
Immediately.Work on your communication skills
...Or a least before you show any designs to your client.Work on your communication skills
What’s their process? Go over your developer’s process and how you fit into it.Work on your communication skills
What’s your process? Go over your process and how you would like it to work with your developer’s.Work on your communicati...
What about giving your developer feedback? Establish a protocol for doing check-ins and reviews.Work on your communication...
Giving Handoffs. Double-check your source files.Work on your communication skills
Giving Handoffs. Try to give handoffs in person, if possible. If not, try video, then phone.Work on your communication skills
Giving Handoffs. Walk your developer through your psds.Work on your communication skills
Giving Handoffs. Go over interactions.Work on your communication skills
Giving Handoffs. Include relevant assets.Work on your communication skills
Watch this. http://www.geekwire.com/ 2011/comedydevelopers- designers-communicate/ It’s funny.Work on your communication s...
Thanks.Any questions?@melchoyce   choycedesign.com
Alas, No Mind Meld: Designer-Developer Communication for a Harmonious Future
Upcoming SlideShare
Loading in …5
×

Alas, No Mind Meld: Designer-Developer Communication for a Harmonious Future

3,560 views
3,450 views

Published on

Designers and developers are so different that sometimes it's almost like we're speaking different languages. What can we as designers to to help bridge these communication gaps to allow for smoother web projects?

Presented at WordCamp NYC 2012.

Published in: Design, Technology, Business
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
3,560
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Alas, No Mind Meld: Designer-Developer Communication for a Harmonious Future

  1. 1. Alas, No Mind Meld:Designer-DeveloperCommunication for aHarmonious Future@melchoyce choycedesign.com
  2. 2. Not a developer Not you
  3. 3. Step One:Become an easierdesigner to work with.
  4. 4. Be Consistent.Become an easier designer to work with
  5. 5. Be Consistent. Use consistent typefaces and font sizing.Become an easier designer to work with
  6. 6. Be Consistent. Use consistent colors.Become an easier designer to work with
  7. 7. Be Consistent. Use consistent spacing.Become an easier designer to work with
  8. 8. Be Consistent. Use consistent column widths.Become an easier designer to work with
  9. 9. Be Consistent. Style elements consistently.Become an easier designer to work with
  10. 10. Be Clean.Become an easier designer to work with
  11. 11. Be Clean. Logically organize your source files.Become an easier designer to work with
  12. 12. Be Clean. Name your layers. This is bad This is goodBecome an easier designer to work with
  13. 13. Be Clean. Group related layers. This is bad This is goodBecome an easier designer to work with
  14. 14. Be Clean. Delete unused layers. What is this?!Become an easier designer to work with
  15. 15. Be Clean. Use whole pixel values. BadBecome an easier designer to work with
  16. 16. Be Clean. Name your source files appropriately.Become an easier designer to work with
  17. 17. Be Knowledgeable.Become an easier designer to work with
  18. 18. Be Knowledgeable. Learn how to code... just a little.Become an easier designer to work with
  19. 19. Be Knowledgeable. Learn how to user developer tools.Become an easier designer to work with
  20. 20. Be Knowledgeable. Learn about browser compatibility. http://browsehappy.com/Become an easier designer to work with
  21. 21. Be Knowledgeable. Learn the right buzzwords.Become an easier designer to work with
  22. 22. Be Knowledgeable. Get to know WordPress (or whatever you’re using). Protip: Have your developer insall the Theme Unit Test on your dev site (http://codex.wordpress.org/Theme_Unit_Test)Become an easier designer to work with
  23. 23. Remember: Even if you are knowledgeable, your developer is the expert on development. Not you.Become an easier designer to work with
  24. 24. Step Two:Work on yourcommunication skills.
  25. 25. When should you involve a developer in your design process?Work on your communication skills
  26. 26. Immediately.Work on your communication skills
  27. 27. ...Or a least before you show any designs to your client.Work on your communication skills
  28. 28. What’s their process? Go over your developer’s process and how you fit into it.Work on your communication skills
  29. 29. What’s your process? Go over your process and how you would like it to work with your developer’s.Work on your communication skills
  30. 30. What about giving your developer feedback? Establish a protocol for doing check-ins and reviews.Work on your communication skills
  31. 31. Giving Handoffs. Double-check your source files.Work on your communication skills
  32. 32. Giving Handoffs. Try to give handoffs in person, if possible. If not, try video, then phone.Work on your communication skills
  33. 33. Giving Handoffs. Walk your developer through your psds.Work on your communication skills
  34. 34. Giving Handoffs. Go over interactions.Work on your communication skills
  35. 35. Giving Handoffs. Include relevant assets.Work on your communication skills
  36. 36. Watch this. http://www.geekwire.com/ 2011/comedydevelopers- designers-communicate/ It’s funny.Work on your communication skills
  37. 37. Thanks.Any questions?@melchoyce choycedesign.com

×