Designer-Developer collaboration

728 views

Published on

Ian Muir, lead 'devigner', at http://www.sundermedia.com/ gave a very witty breakdown of the Designer-Developer relationship. He had the audience laughing and nodding sagely at the same time. Essentially its about understanding the gaps in the respective roles to avoid miscommunication. http://www.flickr.com/photos/jeckman/2622433770

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
728
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designer-Developer collaboration

  1. 1. How to blame the other guy Techniques for creating better communication between the people who make things work and the people who make things look good.
  2. 2. The Designer <ul><li>Look at this guy </li></ul><ul><li>He probably doesn’t know a single SQL command </li></ul><ul><li>I bet he doesn’t even know what those tattoos mean </li></ul>
  3. 3. The Developer <ul><li>Can’t tell the difference between Helvetica and Arial </li></ul><ul><li>Thinks leading causes heavy metal poisoning </li></ul><ul><li>Probably thinks Ironman should sweep the academy awards </li></ul>
  4. 4. The Designer’s Fault <ul><li>Forgetting the gaps </li></ul><ul><li>Being unaware of basic technical limitations </li></ul><ul><li>Not talking with the Developer </li></ul>
  5. 5. The Developer’s Fault <ul><li>Filling the gaps </li></ul><ul><li>Adding “cool” functionality </li></ul><ul><li>Not talking with the Designer </li></ul>
  6. 6. Solutions…
  7. 7. Staying Out of the Way <ul><li>Use source control </li></ul><ul><li>Separate presentation and code </li></ul><ul><li>Set boundaries when potential areas of conflict are found </li></ul>
  8. 8. Working Together <ul><li>Create a well-defined workflow </li></ul><ul><li>Include as many team members as possible in planning </li></ul><ul><li>Review together </li></ul><ul><li>Communicate </li></ul>

×