@cattsmall@cattsmall

We’re All Designers

@cattsmall@cattsmall

● Product Designer at SoundCloud

● Previously worked with companies such as Bedrocket, NASDAQ OMX, & ParksByNature

● Game artist & programmer

● Event Organizer for Tech Under Thirty

● Co-founder, Code Liberation

I’m Catt Small!

@cattsmall@cattsmall

● The benefits of collaborative design

● Ways to collaborate on design

● Crossing silos created by traditional teams

● Getting the higher-ups on board

We’ll talk about:

@cattsmall@cattsmall

The benefits of collaborative design

@cattsmall@cattsmall

Do you own 4 or more devices?

@cattsmall@cattsmall

“Americans now own four digital devices on average...” & spend “...60 hours a week consuming content across

devices”Nielsen, 2014 U.S. Digital Consumer Report

@cattsmall@cattsmall

Problem:Product teams need increased efficiency

@cattsmall@cattsmall

Solution:Everyone contributes to the product design

@cattsmall@cattsmall

Why?

@cattsmall@cattsmall

More ideas being shared

Designer’s ideas PM’s ideas

Developer’s ideas

@cattsmall@cattsmall

Better communication

Design terminology Programming terminology

Planning Design decisions

@cattsmall@cattsmall

Quicker production

KickoffResearch & Design

Sprint

Design Review

Modify Designs

Design Review

Modify Designs

Design Review

Tech Review

Modify Designs

Tech Review

Dev Sprint

QA & Launch

@cattsmall@cattsmall

Quicker production

KickoffResearch & Design

Sprint

Test & Review

Modify Designs

Test & Review

Modify Designs

Test & Review

Dev Sprint

QA & Launch

@cattsmall@cattsmall

How to do efficientcross-team design

@cattsmall@cattsmall

Sketching exercises

@cattsmall@cattsmall

Design the experience’s flow

@cattsmall@cattsmall

Hear from other points of view

Designer Developer

PM

@cattsmall@cattsmall

Define a design direction

Sketch

Screenshot of prototype

@cattsmall@cattsmall

Reduced documentationI was there

when the idea was created!

Developer

@cattsmall@cattsmall

Designing with code

@cattsmall@cattsmall

Visual & interaction design

@cattsmall@cattsmall

Use what your team uses

@cattsmall@cattsmall

Use whatever works for you

@cattsmall@cattsmall

Reduced documentation

I can just read the code!

Developer

@cattsmall@cattsmall

Designer-developer pairing

@cattsmall@cattsmall

Design

Code

Learn from each other

Designer Developer

@cattsmall@cattsmall

See designs come to life

@cattsmall@cattsmall

Reduced documentation

It’s already been built!

Developer

@cattsmall@cattsmall

Ways to cross silos

@cattsmall@cattsmall

Involvement

Designer Developer

Want to participate in

this design exercise?

Sure!

@cattsmall@cattsmall

Feedback

Designer Developer

Can you try using this design? Let me know your thoughts.

Okay!

@cattsmall@cattsmall

Chats & link-sharing

Check out the design I just posted. LMK when I can come over and chat|

I think you’d like this conference, what do you think? http://flowcon.org/

Very cool!

@cattsmall@cattsmall

End-to-end teamsStream

PM

Monetization

PM

Creators

PM

@cattsmall@cattsmall

Getting managementon board

@cattsmall@cattsmall

Propose your ideas

I think this would be beneficial. Can we try it?

Designer Manager

Hmm!

@cattsmall@cattsmall

Try without approvalPeople loved

sketching! It also increased our

efficiency.

Designer

Great!

Manager

@cattsmall@cattsmall

In summary:● Collaborative design makes teams more

efficient & better at communication.

● There’s no one-size-fits-all solution for collaboration; compromise when needed.

● Ask people for involvement & feedback.

● Take initiative and apologize later – things don’t always sound good on paper.

@cattsmall@cattsmall

Thank you! Questions?Think of questions later?

Tweet @cattsmallEmail catt@cattsmall.com