Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Dogs and cats living together…
mass hysteria!
How designers and developers can communicate,
collaborate, and create their ...
Intros
Dogs and cats living together…mass hysteria!
Image Conscious Studios has been creating digital experiences for
brands for over 12 years.
We believe in open communicati...
Can’t we all just
get along?
Dogs and cats living together…mass hysteria!
For too long, there’s been friction between design and development.
This is based on fundamental misunderstandings between...
Let’s change that dynamic, and build relationships based on
Empathy, Understanding & Trust.
Dogs and cats living together…...
Dogs and cats living together…mass hysteria!
“… the argument ‘designers must code’
(and excel at both disciplines) is beco...
While designers benefit from having a basic understanding of code,
and developers should have an eye for design, we don’t h...
Dogs and cats living together…mass hysteria!
Unicorns need not apply.
Design
Dogs and cats living together…mass hysteria!
Development
(and vice versa)
Design and development are complimentary disciplines that
support and enhance each other’s efforts.
Both are aligned towar...
We can’t do it alone
Design and Development share a love for creative problem solving.
Design excels at creating elegant solutions to solve cli...
Communication is key
Dogs and cats living together…mass hysteria!
There needs to be open lines of communication between design
and dev throughout all stages of a project.
Development must ...
Don’t keep developers locked up in the basement.
Developers need to be reviewing design and UX artifacts like
wireframes, sitemaps, and design comps.
Encourage internal re...
When communicating with designers, educate them. Don’t just tell
them something “can’t be done”.
Explain why.
They’ll brin...
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
As a front end developer, how can I implement this design in the
most efficient way possible?
Dogs and cats living together...
Send me a JPEG!
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
As a client-focused team member, that sucks.
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Yes We Can!
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Sort of.
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Send me a JPEG?
Dogs and cats living together…mass hysteria!
Let’s talk.
Dogs and cats living together…mass hysteria!
@supports (background-blend-mode: multiply) { }
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Can we make it better?
Dogs and cats living together…mass hysteria!
Yes we can.
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Clients win! We win.
Dogs and cats living together…mass hysteria!
Clients win when we all communicate.
Dogs and cats living together…mass hysteria!
There is a difference between technical abilities and technical
skills.
Dogs and cats living together…mass hysteria!
Budgets matter.
Dogs and cats living together…mass hysteria!
Tools & Workflows
Dogs and cats living together…mass hysteria!
Regardless of whether your in an agile (or “A”gile), waterfall, or
hybrid workflow, look to break cycles into design and
de...
Don’t wait for the cake to be fully baked before you start asking
about the recipe.
DESIGNER
Research & Strategy Design Development
WORKFLOW: THE OLD WAY
DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH
DEVELOPER
DESIGNER
Research & Strategy Design Development
WORKFLOW: THE OLD WAY
DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH
DEVELOPER
T...
DESIGNER
Research & Strategy Design Development
WORKFLOW: THE NEW WAY
DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH
DEVELOPER
DESIGNER
Research & Strategy Design Development
WORKFLOW: THE NEW WAY
DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH
DEVELOPER
L...
Prototyping encourages design and dev to work together to test out
solutions quickly, and iterate on them together.
Dogs a...
Style Guides are a great way for
design to communicate styling to
development. They can be worked on
in tandem with develo...
Dogs and cats living together…mass hysteria!
http://atomicdesign.bradfrost.com/
Modular systems like Brad Frost’s Atomic D...
Sometimes you need clarification of intent.
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Developer: What about the open nav on other pages?
Designer: You can just use that background.
Developer: Do you want to u...
Is that even possible?
Dogs and cats living together…mass hysteria!
Let’s build a prototype.
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Before acting, make sure you understand the intent of your
teammates.
Dogs and cats living together…mass hysteria!
Dogs and cats living together…mass hysteria!
Let’s go make some kick ass work together!
Dogs and cats living together…mass hysteria!
Thank you.
Kevin Brooks
@kevinbrooks
Adam Gesuero
@icscreative
www.icscreativ...
Dogs and cats living together... mass hysteria! How designers and developers can communicate, collaborate, and create thei...
Dogs and cats living together... mass hysteria! How designers and developers can communicate, collaborate, and create thei...
Upcoming SlideShare
Loading in …5
×

Dogs and cats living together... mass hysteria! How designers and developers can communicate, collaborate, and create their best work together.

From Plone Conference 2016

For too long, there’s been friction between design and development.

This is based on fundamental misunderstandings between the two disciplines, how they work, and what they’re trying to achieve.
They often view the other side as being at odds with them, rather than on the same team.

Let’s change that dynamic, and build relationships based on Empathy, Understanding & Trust.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Login to see the comments

Dogs and cats living together... mass hysteria! How designers and developers can communicate, collaborate, and create their best work together.

  1. 1. Dogs and cats living together… mass hysteria! How designers and developers can communicate, collaborate, and create their best work together. Kevin Brooks and Adam Gesuero Image Conscious Studios
  2. 2. Intros Dogs and cats living together…mass hysteria!
  3. 3. Image Conscious Studios has been creating digital experiences for brands for over 12 years. We believe in open communication among all members of our team. Collaboration, especially across different departments, allows us to create our best work. Dogs and cats living together…mass hysteria!
  4. 4. Can’t we all just get along? Dogs and cats living together…mass hysteria!
  5. 5. For too long, there’s been friction between design and development. This is based on fundamental misunderstandings between the two disciplines, how they work, and what they’re trying to achieve. They often view the other side as being at odds with them, rather than on the same team. Dogs and cats living together…mass hysteria!
  6. 6. Let’s change that dynamic, and build relationships based on Empathy, Understanding & Trust. Dogs and cats living together…mass hysteria!
  7. 7. Dogs and cats living together…mass hysteria! “… the argument ‘designers must code’ (and excel at both disciplines) is becoming increasingly daunting.” Cameron Moll CEO, Authentic Jobs
  8. 8. While designers benefit from having a basic understanding of code, and developers should have an eye for design, we don’t have to master each other’s disciplines. We simply need to learn how to understand and respect what each other brings to the table, and how our shared collaboration elevates our work beyond what we could do on our own. Dogs and cats living together…mass hysteria!
  9. 9. Dogs and cats living together…mass hysteria! Unicorns need not apply.
  10. 10. Design Dogs and cats living together…mass hysteria! Development (and vice versa)
  11. 11. Design and development are complimentary disciplines that support and enhance each other’s efforts. Both are aligned towards the same goals: Solve our client’s problems. Improving a user’s experience.
 Create our best work. Dogs and cats living together…mass hysteria!
  12. 12. We can’t do it alone
  13. 13. Design and Development share a love for creative problem solving. Design excels at creating elegant solutions to solve client or user challenges. Development excels at engineering efficient solutions to solve client or user challenges. Dogs and cats living together…mass hysteria!
  14. 14. Communication is key Dogs and cats living together…mass hysteria!
  15. 15. There needs to be open lines of communication between design and dev throughout all stages of a project. Development must be at the table during discovery, strategy, and planning sessions, particularly when clients are present. Dogs and cats living together…mass hysteria!
  16. 16. Don’t keep developers locked up in the basement.
  17. 17. Developers need to be reviewing design and UX artifacts like wireframes, sitemaps, and design comps. Encourage internal reviews often. Hangouts, InVision and Slack are all fantastic tools that allow remote teams to communicate on a design when in-person meetings aren’t feasible. Dogs and cats living together…mass hysteria!
  18. 18. When communicating with designers, educate them. Don’t just tell them something “can’t be done”. Explain why. They’ll bring this knowledge with them to the next design solution they create, and it will be stronger as a result. Dogs and cats living together…mass hysteria!
  19. 19. Dogs and cats living together…mass hysteria!
  20. 20. Dogs and cats living together…mass hysteria!
  21. 21. As a front end developer, how can I implement this design in the most efficient way possible? Dogs and cats living together…mass hysteria!
  22. 22. Send me a JPEG! Dogs and cats living together…mass hysteria!
  23. 23. Dogs and cats living together…mass hysteria!
  24. 24. As a client-focused team member, that sucks. Dogs and cats living together…mass hysteria!
  25. 25. Dogs and cats living together…mass hysteria!
  26. 26. Yes We Can! Dogs and cats living together…mass hysteria!
  27. 27. Dogs and cats living together…mass hysteria!
  28. 28. Sort of. Dogs and cats living together…mass hysteria!
  29. 29. Dogs and cats living together…mass hysteria!
  30. 30. Dogs and cats living together…mass hysteria!
  31. 31. Send me a JPEG? Dogs and cats living together…mass hysteria!
  32. 32. Let’s talk. Dogs and cats living together…mass hysteria!
  33. 33. @supports (background-blend-mode: multiply) { } Dogs and cats living together…mass hysteria!
  34. 34. Dogs and cats living together…mass hysteria!
  35. 35. Can we make it better? Dogs and cats living together…mass hysteria!
  36. 36. Yes we can. Dogs and cats living together…mass hysteria!
  37. 37. Dogs and cats living together…mass hysteria!
  38. 38. Dogs and cats living together…mass hysteria!
  39. 39. Clients win! We win. Dogs and cats living together…mass hysteria!
  40. 40. Clients win when we all communicate. Dogs and cats living together…mass hysteria!
  41. 41. There is a difference between technical abilities and technical skills. Dogs and cats living together…mass hysteria!
  42. 42. Budgets matter. Dogs and cats living together…mass hysteria!
  43. 43. Tools & Workflows Dogs and cats living together…mass hysteria!
  44. 44. Regardless of whether your in an agile (or “A”gile), waterfall, or hybrid workflow, look to break cycles into design and development sprints. Short, focused sprints allow design and dev to collaborate more readily, and fosters an environment of shared responsibility in the outcome. Dogs and cats living together…mass hysteria!
  45. 45. Don’t wait for the cake to be fully baked before you start asking about the recipe.
  46. 46. DESIGNER Research & Strategy Design Development WORKFLOW: THE OLD WAY DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH DEVELOPER
  47. 47. DESIGNER Research & Strategy Design Development WORKFLOW: THE OLD WAY DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH DEVELOPER THE “HAND-OFF”
  48. 48. DESIGNER Research & Strategy Design Development WORKFLOW: THE NEW WAY DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH DEVELOPER
  49. 49. DESIGNER Research & Strategy Design Development WORKFLOW: THE NEW WAY DISCOVERY UX IA UI DEVELOPMENT QA LAUNCH DEVELOPER LOTS OF CROSS-POLINATING BETWEEN DEPARTMENTS
  50. 50. Prototyping encourages design and dev to work together to test out solutions quickly, and iterate on them together. Dogs and cats living together…mass hysteria!
  51. 51. Style Guides are a great way for design to communicate styling to development. They can be worked on in tandem with development to ensure both teams are on the same page. They also ensure consistency across all UI elements, and minimizes back- tracking in QA stages. Dogs and cats living together…mass hysteria!
  52. 52. Dogs and cats living together…mass hysteria! http://atomicdesign.bradfrost.com/ Modular systems like Brad Frost’s Atomic Design break massive projects into smaller (“atomic”) artifacts, encouraging design and development to work in tandem to build out the essential components of a UI.
  53. 53. Sometimes you need clarification of intent. Dogs and cats living together…mass hysteria!
  54. 54. Dogs and cats living together…mass hysteria!
  55. 55. Dogs and cats living together…mass hysteria!
  56. 56. Developer: What about the open nav on other pages? Designer: You can just use that background. Developer: Do you want to use the actual page’s header? Designer: Is that even possible? Some have video in that space. Dogs and cats living together…mass hysteria!
  57. 57. Is that even possible? Dogs and cats living together…mass hysteria!
  58. 58. Let’s build a prototype. Dogs and cats living together…mass hysteria!
  59. 59. Dogs and cats living together…mass hysteria!
  60. 60. Before acting, make sure you understand the intent of your teammates. Dogs and cats living together…mass hysteria!
  61. 61. Dogs and cats living together…mass hysteria! Let’s go make some kick ass work together!
  62. 62. Dogs and cats living together…mass hysteria! Thank you. Kevin Brooks @kevinbrooks Adam Gesuero @icscreative www.icscreative.com

×