Were All Designers @cattsmall @cattsmall Im Catt Small! Product - - PowerPoint PPT Presentation

▶
we re all designers
SMART_READER_LITE
LIVE PREVIEW

Were All Designers @cattsmall @cattsmall Im Catt Small! Product - - PowerPoint PPT Presentation

Oct 20, 2022 208 likes •597 views

Were All Designers @cattsmall @cattsmall Im Catt Small! Product Designer at SoundCloud Previously worked with companies such as Bedrocket, NASDAQ OMX, & ParksByNature Game artist & programmer Event Organizer for

slide-1
SLIDE 1

@cattsmall @cattsmall

We’re All Designers

slide-2
SLIDE 2

@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!

slide-3
SLIDE 3

@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:

slide-4
SLIDE 4

@cattsmall @cattsmall

The benefits of collaborative design

slide-5
SLIDE 5

@cattsmall @cattsmall

Do you own 4 or more devices?

slide-6
SLIDE 6

@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

slide-7
SLIDE 7

@cattsmall @cattsmall

Problem: Product teams need increased efficiency

slide-8
SLIDE 8

@cattsmall @cattsmall

Solution: Everyone contributes to the product design

slide-9
SLIDE 9

@cattsmall @cattsmall

Why?

slide-10
SLIDE 10

@cattsmall @cattsmall

More ideas being shared

Designer’s ideas PM’s ideas Developer’s ideas

slide-11
SLIDE 11

@cattsmall @cattsmall

Better communication

Design terminology Programming terminology Planning Design decisions

slide-12
SLIDE 12

@cattsmall @cattsmall

Quicker production

Kickoff Research & Design Sprint Design Review Modify Designs Design Review Modify Designs Design Review Tech Review Modify Designs Tech Review Dev Sprint QA & Launch

slide-13
SLIDE 13

@cattsmall @cattsmall

Quicker production

Kickoff Research & Design Sprint Test & Review Modify Designs Test & Review Modify Designs Test & Review Dev Sprint QA & Launch

slide-14
SLIDE 14

@cattsmall @cattsmall

How to do efficient cross-team design

slide-15
SLIDE 15

@cattsmall @cattsmall

Sketching exercises

slide-16
SLIDE 16

@cattsmall @cattsmall

Design the experience’s flow

slide-17
SLIDE 17

@cattsmall @cattsmall

Hear from other points of view

Designer Developer PM

slide-18
SLIDE 18

@cattsmall @cattsmall

Define a design direction

Sketch Screenshot of prototype

slide-19
SLIDE 19

@cattsmall @cattsmall

Reduced documentation

I was there when the idea was created!

Developer

slide-20
SLIDE 20

@cattsmall @cattsmall

Designing with code

slide-21
SLIDE 21

@cattsmall @cattsmall

Visual & interaction design

slide-22
SLIDE 22

@cattsmall @cattsmall

Use what your team uses

slide-23
SLIDE 23

@cattsmall @cattsmall

Use whatever works for you

slide-24
SLIDE 24

@cattsmall @cattsmall

Reduced documentation

I can just read the code!

Developer

slide-25
SLIDE 25

@cattsmall @cattsmall

Designer-developer pairing

slide-26
SLIDE 26

@cattsmall @cattsmall

Design Code

Learn from each other

Designer Developer

slide-27
SLIDE 27

@cattsmall @cattsmall

See designs come to life

slide-28
SLIDE 28

@cattsmall @cattsmall

Reduced documentation

It’s already been built!

Developer

slide-29
SLIDE 29

@cattsmall @cattsmall

Ways to cross silos

slide-30
SLIDE 30

@cattsmall @cattsmall

Involvement

Designer Developer

Want to participate in this design exercise? Sure!

slide-31
SLIDE 31

@cattsmall @cattsmall

Feedback

Designer Developer

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

slide-32
SLIDE 32

@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!

slide-33
SLIDE 33

@cattsmall @cattsmall

End-to-end teams

Stream

PM

Monetization

PM

Creators

PM

slide-34
SLIDE 34

@cattsmall @cattsmall

Getting management

  • n board
slide-35
SLIDE 35

@cattsmall @cattsmall

Propose your ideas

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

Designer Manager

Hmm!

slide-36
SLIDE 36

@cattsmall @cattsmall

Try without approval

People loved sketching! It also increased our efficiency.

Designer

Great!

Manager

slide-37
SLIDE 37

@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.

slide-38
SLIDE 38

@cattsmall @cattsmall

Thank you! Questions?

Think of questions later? Tweet @cattsmall Email catt@cattsmall.com