58
Collaborative Design Leon & Observation ADAM CONNOR EXPERIENCE DESIGN DIRECTOR @ADAMCONNOR MADPOW.COM

Collaborative Design: Lessons & Observations

Embed Size (px)

DESCRIPTION

Slides from my talk on the things I've learned by comparing the collaborative process as it is carried out in many modern organizations to the creative process of artists and makers.

Citation preview

Page 1: Collaborative Design: Lessons & Observations

Collaborative Design Le!on" &

Observation"ADAM CONNOR EXPERIENCE DESIGN DIRECTOR @ADAMCONNOR MADPOW.COM

Page 2: Collaborative Design: Lessons & Observations

A group of people working together to make or do something.

Page 3: Collaborative Design: Lessons & Observations

WORKING TOGETHER ISRequired.

Page 4: Collaborative Design: Lessons & Observations

Initiator

Something

NEW

Page 5: Collaborative Design: Lessons & Observations

Initiator

Stakeholder Something

NEW

Page 6: Collaborative Design: Lessons & Observations

Initiator

Stakeholder Something

NEWStakeholderStakeholder

Stakeholder

Page 7: Collaborative Design: Lessons & Observations

Initiator

Subject MatterExperts

Stakeholder Something

NEWStakeholderStakeholder

Stakeholder

Page 8: Collaborative Design: Lessons & Observations

Subject MatterExperts

Subject MatterExpertsSubject Matter

Experts

Initiator

Subject MatterExperts

Stakeholder Something

NEWStakeholderStakeholder

Stakeholder

Page 9: Collaborative Design: Lessons & Observations

InformationTechnology

InformationTechnology

InformationTechnology

Subject MatterExperts

Subject MatterExpertsSubject Matter

Experts

Initiator

InformationTechnology

Subject MatterExperts

Stakeholder Something

NEWStakeholderStakeholder

Stakeholder

Page 10: Collaborative Design: Lessons & Observations

InformationTechnology

InformationTechnology

InformationTechnology

Subject MatterExperts

Subject MatterExpertsSubject Matter

Experts

Initiator

InformationTechnology

Design

Subject MatterExperts

Stakeholder Something

NEWStakeholderStakeholder

Stakeholder DesignDesignDesign

Page 11: Collaborative Design: Lessons & Observations

InformationTechnology

InformationTechnology

InformationTechnology

MarketingMarketingMarketing

Subject MatterExperts

Subject MatterExpertsSubject Matter

Experts

Initiator

InformationTechnology

Design

Subject MatterExperts

Stakeholder

Marketing

Something

NEWStakeholderStakeholder

Stakeholder DesignDesignDesign

Page 12: Collaborative Design: Lessons & Observations

InformationTechnology

InformationTechnology

InformationTechnology

MarketingMarketingMarketing

Subject MatterExperts

Subject MatterExpertsSubject Matter

Experts

Initiator

InformationTechnology

Design

Subject MatterExperts

Stakeholder

Marketing

ProjectManagement

Something

NEWStakeholderStakeholder

Stakeholder DesignDesignDesign

ProjectManagement

ProjectManagement

ProjectManagement

Page 13: Collaborative Design: Lessons & Observations

A group of people working together to make or do something.

Page 14: Collaborative Design: Lessons & Observations
Page 15: Collaborative Design: Lessons & Observations

The ever-dreaded

SwoopPoopn

Page 16: Collaborative Design: Lessons & Observations

A group of people working together to make or do something.

Page 17: Collaborative Design: Lessons & Observations

COLLABORATIONORDINATION

Page 18: Collaborative Design: Lessons & Observations

C#rdinationthe act of aligning individual

work efforts to produce outcomes that will eventually be assembled into or utilized in the

formation of an end product.

Co$aborationthe act of making decisions as a group in order to build a shared understanding while respecting and utilizing individual areas of expertise and skills.

Page 19: Collaborative Design: Lessons & Observations

Co$aborationthe act of making decisions as a group in order to build a shared understanding while respecting and utilizing individual areas of expertise and skills.

C#rdinationthe act of aligning individual

work efforts to produce outcomes that will eventually be assembled into or utilized in the

formation of an end product.

Page 20: Collaborative Design: Lessons & Observations

InformationTechnology

InformationTechnology

InformationTechnology

MarketingMarketingMarketing

Subject MatterExperts

Subject MatterExpertsSubject Matter

Experts

Initiator

InformationTechnology

Design

Subject MatterExperts

Stakeholder

Marketing

Something

NEWStakeholderStakeholder

StakeholderDesignDesign

Design

ProjectManagement

ProjectManagement

ProjectManagementProject

Management

Page 21: Collaborative Design: Lessons & Observations

InformationTechnology

Subject MatterExperts

Stakeholder

Marketing

Something

NEW Design

ProjectManagement

Page 22: Collaborative Design: Lessons & Observations

How will I make it?

How will it work?

What kinds ofthings will it do?

What will it look like?

Am I crazy?

Something

NEW How will peopleuse it?

Page 23: Collaborative Design: Lessons & Observations

How will I make it?

How will it work?

What kinds ofthings will it do?

What will it look like?

Am I crazy?

How will peopleuse it?

Page 24: Collaborative Design: Lessons & Observations

The design process is one of evolution,not production.

Page 25: Collaborative Design: Lessons & Observations
Page 26: Collaborative Design: Lessons & Observations

“The leader is the one who sees the vision and facilitates team members’ contributions to its

creation and execution.

Page 27: Collaborative Design: Lessons & Observations
Page 28: Collaborative Design: Lessons & Observations

Elements of a co$aborative environment

Transparency

Mutual Trust & Unified Goals

Iteration

Page 29: Collaborative Design: Lessons & Observations

Elements of a co$aborative environment

Transparency

Mutual Trust & Unified Goals

Iteration

Page 30: Collaborative Design: Lessons & Observations

Elements of a co$aborative environment

Transparency

Mutual Trust & Unified Goals

Iteration

Page 31: Collaborative Design: Lessons & Observations

Elements of a co$aborative environment

Transparency

Mutual Trust & Unified Goals

Iteration

Page 32: Collaborative Design: Lessons & Observations

Methods for facilitating collaboration

Sketching

Critique

Problem Framing

Workshops

Rapid Prototyping

Page 33: Collaborative Design: Lessons & Observations

Methods for facilitating collaboration

Sketching

Critique

Problem Framing

Workshops

Rapid Prototyping

Page 34: Collaborative Design: Lessons & Observations

Goal"Desired, measurable outcomes of the user interacting with the product or service. Can be user oriented, business oriented or both.

Scenario"Short narratives that the describe the desired behaviors, thoughts, reactions, emotions, etc. of the user. Describes what happens, but not how.

Pe%ona"User Archetypes that describe their average behaviors, goals, expectations, knowledge, etc.

Principle"Desired qualities or characteristics of the solution. Describe what happens, but not how.

Page 35: Collaborative Design: Lessons & Observations

Methods for facilitating collaboration

Sketching

Critique

Problem Framing

Workshops

Rapid Prototyping

Page 36: Collaborative Design: Lessons & Observations
Page 37: Collaborative Design: Lessons & Observations

Wait! I can’tDRAW!!!

Page 38: Collaborative Design: Lessons & Observations

Rectangle Ellipse

Wavy LineTriangle

Page 39: Collaborative Design: Lessons & Observations

Methods for facilitating collaboration

Sketching

Critique

Problem Framing

Workshops

Rapid Prototyping

Page 40: Collaborative Design: Lessons & Observations
Page 41: Collaborative Design: Lessons & Observations

It’s laid out too much like [popular service]. We should be different.

The new Spotify design is perhaps even worse than the old Spotify design. The visual hierarchy and underlying IA are terrible.

No. That won’t work. What if we do it this way...

It needs more flululululuh!!

The wireframes are still not answering our problem and are not providing enough an easier solution for the page.

Change the order of the screens so that the 3rd and first one are switched.

It doesn't have enough spunk.

What kind of company shuts down a much-loved service like Google Reader but keeps the vegetative Google Plus?

We're disappointed in this solution. We're going to have our own designers come up with one.

Looks ugly. Make it pretty.

What. The hell. Is this?

I would never use this. I don’t like the layout.

We should make that a dropdown instead of radio buttons.

None of this is what I asked for.

This is terrible. I have no idea what the lines mean.

I like the paper form better.

I'm just not feeling it. I don't know what, but it isn't right yet. Just needs to be more innovative.

Make it look more like SharePoint.Here is a rewrite. My intention

is to sharpen the language, make it more precise.

Page 42: Collaborative Design: Lessons & Observations

The new Spotify design is perhaps even worse than the old Spotify design. The visual hierarchy and underlying IA are terrible.

No. That won’t work. What if we do it this way...

Change the order of the screens so that the 3rd and first one are switched.

What. The hell. Is this?

We should make that a dropdown instead of radio buttons.

None of this is what I asked for.

Here is a rewrite. My intention is to sharpen the language, make it more precise.

Page 43: Collaborative Design: Lessons & Observations
Page 44: Collaborative Design: Lessons & Observations

Methods for facilitating collaboration

Sketching

Critique

Problem Framing

Workshops

Rapid Prototyping

Page 45: Collaborative Design: Lessons & Observations

>

Page 46: Collaborative Design: Lessons & Observations

Methods for facilitating collaboration

Sketching

Critique

Problem Framing

Workshops

Rapid Prototyping

Page 47: Collaborative Design: Lessons & Observations
Page 48: Collaborative Design: Lessons & Observations

DivergentThinking

ConvergentThinking

Page 49: Collaborative Design: Lessons & Observations

DesignStudi&

Page 50: Collaborative Design: Lessons & Observations

x3SketchPresentCritique

Page 51: Collaborative Design: Lessons & Observations

1WHAT HAPPENSIndividuals sketch as many ideas as they can come up with in 5-8 minutes.

WHY

Generate as many ideas as possible without time for over-analyzing.

Page 52: Collaborative Design: Lessons & Observations

1 2WHAT HAPPENSIndividuals sketch as many ideas as they can come up with in 5-8 minutes.

WHAT HAPPENSIndividuals sketch 1 idea in 5-8 minutes based on ideas & critique from the previous round.

WHY

Generate as many ideas as possible without time for over-analyzing.

WHY

Allow individuals to form their own conclusions on the strongest ideas.

Page 53: Collaborative Design: Lessons & Observations

1 2 3WHAT HAPPENSIndividuals sketch as many ideas as they can come up with in 5-8 minutes.

WHAT HAPPENSIndividuals sketch 1 idea in 5-8 minutes based on ideas & critique from the previous round.

WHAT HAPPENSTeams collaboratively sketch 1 idea for 20-25 minutes based on the previous 2 rounds.

WHY

Generate as many ideas as possible without time for over-analyzing.

WHY

Allow individuals to form their own conclusions on the strongest ideas.

WHY

Understand how groups compromise & where consensus has surfaced.

Page 54: Collaborative Design: Lessons & Observations
Page 55: Collaborative Design: Lessons & Observations

Collaboration is a mindset......not a byproduct of colocation.

Page 56: Collaborative Design: Lessons & Observations
Page 57: Collaborative Design: Lessons & Observations

If you have a good grasp of the patterns in the creative process as carried out by the artists and makers we all so admire, you can see the weak points in collaboration as it is carried out in many organizations...

...and fix them. 

Page 58: Collaborative Design: Lessons & Observations

Thank"!ADAM CONNOR EXPERIENCE DESIGN [email protected] @ADAMCONNOR

MADPOW.COM