Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Copacetic Collaboration

March 25, 2021

Copacetic Collaboration

Designers and developers working in harmony.


March 25, 2021

More Decks by Sparkbox

Other Decks in Design


  1. Critical Question: What are the criterion and how can designers

    and developers come together to enact their collective goal?
  2. YOUR BUILDING PROBLEM E ff ective communication is rooted in

    relationships between people, not in tools or methods, and it requires a regular dialogue between parties.
  3. YOUR GETTING STARTED PROBLEM Ways to communicate in dialogue Written

    explanations of expected behavior and interaction ‣ Leave room for feedback Demos and decomps Pair design and development ‣ Video calls and screen sharing ‣ Use the browser dev tools to tweak and adjust styles Keys and guides ‣ Added layers and artboards to guide and explain the comps Prototypes ‣ Visual: Figma, Keynote, After E ff ects, et al ‣ Code: CodePen, Web fl ow, et al
  4. YOUR BUILDING PROBLEM One of the biggest barriers to e

    ff ective communication and collaboration is misunderstanding due to unmet, unstated, and unknown expectations.
  5. YOUR GETTING STARTED PROBLEM Opportunities and ways to encourage a

    culture of understanding between your designers and developers. Action Items and Goals ‣ Make a list that is attainable and visible to the whole team. Repeat Back Expectations ‣ Designers repeat back to developers what they understand the devs need and vice versa. Retrospectives ‣ Regular checks for how things are going and what can be improved. Third-Party Helpers ‣ Get help when there are clear communication breakdowns.
  6. Retro Prime Directive Regardless of what we discover, we understand

    and truly believe that everyone did the best job they could, given what they knew at the time, their skills and abilities, the resources available, and the situation at hand.
  7. YOUR BUILDING PROBLEM The designer and developer relationship and process

    should look more like a dance than a shopping list.
  8. YOUR GETTING STARTED PROBLEM Ways to spark creativity amongst your

    team and between designers and developers. Experimentation ‣ Work through di ff erent ideas both in design tools and code editors and iterate on the ideas. Group Improvisation ‣ Work with freedom to try new things and to push limits. ‣ See Ben’s article on The Foundry. Share What You Learn ‣ Team and project demos. ‣ Get feedback and answer questions.