Make It Work Designers and Developers Working in Harmony

Big Nerd Ranch

Bootcamps Corporate Training

App Development

Kristin MarsicanoAndroid Developer and Instructor

@kristinmars

Brandy PorterDirector of Design, and Instructor

@chickerbp

Why Are We Here?

webydo.com

Implementation

Blue Sky Design

Incomplete Designs

dagency.co.uk

The Blame Game

Down at the Ranch

Big Nerd Ranch• Communication

• Respect

• Ownership

• Craftsmanship

Improving the Partnership

Communication• Ask Questions

• Meet Face-to-Face

• Talk Often

Respect• Be an approachable expert

• Develop appreciation

• Empathize with your partners

• Remember: collaborators are people, too

Ownership• Speak up

• Be dependable

• Be part of the solution, not the problem

• Favor project success over job description

Craftsmanship• Take pride in the final product

• Practice Quality Assurance

• Be open to constructive criticism

• Educate yourself

Improving the Partnership• Communication

• Respect

• Ownership

• Craftsmanship

Improving the Process

Working Iteratively• Design Sprint = Development Sprint + 1

• Exchange feedback iteratively

• Encourage design QA

• Agree on process

Story Tracking• Use a tool like Pivotal Tracker or Trello

• Put design and dev stories in same view

• Group stories into Epics

• Highlight dependencies

• Communicate outside of stories

Style Inconsistency• Use building blocks or modules

• Create a living style guide (http://www.bignerdranch.com/living-style-guide)

• Use a common design language for style names and base elements

Conveying Motion• Collaborate early on

• Utilize dynamic mock up tools (Webflow, Marvel)

• Schedule pairing sessions

In Conclusion

Questions? Stories?

@kristinmars @chickerbp