126
Presentatio n Design Written and Presented by Michael Evanchan

Presentation Design Thinking

  • View
    936

  • Download
    2

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Presentation Design Thinking

Presentation Design

Written and Presented byMichael Evanchan

Page 2: Presentation Design Thinking

?

Page 3: Presentation Design Thinking

?What does ‘design’ make you think of?

Page 4: Presentation Design Thinking

?Architecture?

Page 5: Presentation Design Thinking

?Interior Decorating?

Page 6: Presentation Design Thinking

? Designer Clothes?

Page 7: Presentation Design Thinking

?Creativity?

Page 8: Presentation Design Thinking

?Simplicity?

Page 9: Presentation Design Thinking

?How about

presentations?

Page 10: Presentation Design Thinking

?So what is design?

Page 11: Presentation Design Thinking

“Design is thinking made visual”- Saul Bass

Page 12: Presentation Design Thinking

“Design is thinking made visual”- Saul Bass

Graphic designer and filmmaker Saul Bass came up with this simple definition of what design is…

Page 13: Presentation Design Thinking

“Design is thinking made visual”- Saul Bass

…which is how we will define it.

Page 14: Presentation Design Thinking

“Design is thinking made visual”

1

Page 15: Presentation Design Thinking

“Design is thinking made visual”

1

First, we will learn how to think like a designer.

Page 16: Presentation Design Thinking

“Design is thinking made visual”

1

We will learn that everything a designer does is intentional.

Page 17: Presentation Design Thinking

“Design is thinking made visual”

1

We will also find out what The White Stripes can teach us about creativity…

Page 18: Presentation Design Thinking

“Design is thinking made visual”

1

…and where a designer’s focus should always be.

Page 19: Presentation Design Thinking

“Design is thinking made visual”

2

Page 20: Presentation Design Thinking

“Design is thinking made visual”

2

Next, we will learn a few principles on how to design visually…

Page 21: Presentation Design Thinking

“Design is thinking made visual”

2

…about signal vs. noise…

Page 22: Presentation Design Thinking

“Design is thinking made visual”

2

…how to think like a director…

Page 23: Presentation Design Thinking

“Design is thinking made visual”

2

…and about space, unity and contrast.

Page 24: Presentation Design Thinking

“Design is thinking made visual”

2

…and about space, unity, and contrast.

Page 25: Presentation Design Thinking

“Design is thinking made visual”

2

…and about space, unity and contrast.

Page 26: Presentation Design Thinking

A few more thoughts before we get started.

Page 27: Presentation Design Thinking

Design should be first…not last

Page 28: Presentation Design Thinking

Design should be first…not last

Page 29: Presentation Design Thinking

Design is not just aesthetics…it’s about solving problems

Page 30: Presentation Design Thinking

Design is not just aesthetics…it’s about solving problems

Page 31: Presentation Design Thinking

Design should not be noticed

Page 32: Presentation Design Thinking
Page 33: Presentation Design Thinking

The success of a football team is largely dependent on the offensive line.

Page 34: Presentation Design Thinking

Their job is to protect the quarterback.

Page 35: Presentation Design Thinking

It’s a thankless job, one that only gets noticed when they fail.

Page 36: Presentation Design Thinking

Design is the offensive line of a presentation.

Page 37: Presentation Design Thinking

When it is good, it goes unnoticed. When it’s bad, it is obvious (and frustrating).

Page 38: Presentation Design Thinking

To be successful in life and business, you need to be able to spread your ideas.

Page 39: Presentation Design Thinking

To spread your ideas, you need a clear, elegant, well thought-out presentation.

Page 40: Presentation Design Thinking

Which means…

Page 41: Presentation Design Thinking

To succeed as a presenter you must think like a designer.

Which means…

Page 42: Presentation Design Thinking

Design Thinking

Page 43: Presentation Design Thinking

All design really is…

Page 44: Presentation Design Thinking

Creating ideas

Page 45: Presentation Design Thinking

Planning Creating

Practicing

Presentation Design Time Allocation

Page 46: Presentation Design Thinking

Planning Creating

Practicing

Presentation Design Time Allocation

Idea creation happens during the planning stage of the presentation.

Page 47: Presentation Design Thinking

Planning Creating

Practicing

Presentation Design Time Allocation

Which is often overlooked.

Page 48: Presentation Design Thinking

Planning Creating

Practicing

Presentation Design Time Allocation

But it is where good design is created.

Page 49: Presentation Design Thinking

Planning Creating

Practicing

Presentation Design Time Allocation

The most effective brainstorming is done away from the distractions of your desk.

Page 50: Presentation Design Thinking

Embrace constr

aints

Page 51: Presentation Design Thinking

Embrace constr

aintsConstraints are also an important part of creating ideas.

Page 52: Presentation Design Thinking

Embrace constr

aintsWhen you have the world at your disposal, you can often get overwhelmed with options.

Page 53: Presentation Design Thinking

Embrace constr

aintsExperts call this ‘decision paralysis’ and it hurts creativity.

Page 54: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Page 55: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Jack White, the lead singer for “The White Stripes” has used constraints to create 6 albums, with 26 singles, make 14 videos, get nominated for 9 Grammys and win 6 of them.

Page 56: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Here are a few examples:

Page 57: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Here are a few examples:

Only 2 people in the band

Page 58: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Here are a few examples:

Only 2 people in the band

Only colors for albums and stage are black, white and red

Page 59: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Here are a few examples:

Only 2 people in the band

Only colors for albums and stage are black, white and redBook only 4 days in the studio to force themselves to get done

Page 60: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Here are a few examples:

Only uses drums, vocals and piano or drums, vocals and guitar

Page 61: Presentation Design Thinking

“Deadlines and constraints make you creative…”

- Jack White

Here are a few examples:

Storytelling, rhythm and melody

Only uses drums, vocals and piano or drums, vocals and guitar

Page 62: Presentation Design Thinking

So remember…

Page 63: Presentation Design Thinking

Constraints are our friends!

Page 64: Presentation Design Thinking

The last thing to know to think like a designer…

Page 65: Presentation Design Thinking

Focus on the end-user

Page 66: Presentation Design Thinking

or in our case…

Page 67: Presentation Design Thinking

Focus on your audience

Page 68: Presentation Design Thinking

Why should I care?

Page 69: Presentation Design Thinking

What can you do for me?

Page 70: Presentation Design Thinking

I wish these slides weren’t so cluttered

Page 71: Presentation Design Thinking

One last thing

Page 72: Presentation Design Thinking

Remember:Everything a designer

does is intentional

Page 73: Presentation Design Thinking

Remember:Everything a designer

does is intentional

Page 74: Presentation Design Thinking

Design Visuals

Page 75: Presentation Design Thinking

Signal vs Noise

Page 76: Presentation Design Thinking

Signal vs Noise

In engineering, S/N is measured to quantify how much a signal has been corrupted by noise.

Page 77: Presentation Design Thinking

Signal vs Noise

In presentations, we’ll consider it the amount of relevant information corrupted by clutter.

Page 78: Presentation Design Thinking

Signal vs Noise

So what is noise?

Page 79: Presentation Design Thinking

This is noise.

Page 80: Presentation Design Thinking

How often do our presentations look like this?

Page 81: Presentation Design Thinking

signal

noise

Page 82: Presentation Design Thinking

signal

noise

x

bad

Page 83: Presentation Design Thinking

signal

noise

x

good

Page 84: Presentation Design Thinking

signal

noise

x

The vast majority of presentations are here

Page 85: Presentation Design Thinking

We can get better by learning to see things like a director or a

photographer.

Page 86: Presentation Design Thinking

The Rule

of 3rds

Page 87: Presentation Design Thinking
Page 88: Presentation Design Thinking

Many or us would put the focus of this

picture on the tree or the

sunset.

Page 89: Presentation Design Thinking

But not when you see it like a photographer.

Page 90: Presentation Design Thinking

Look at the picture now

with this grid.

Page 91: Presentation Design Thinking

Notice how the horizon is right on the bottom

3rd?

Page 92: Presentation Design Thinking

And how the tree is sitting on the right

line?

Page 93: Presentation Design Thinking

The urge for most of us is to put things right in the

middle...

Page 94: Presentation Design Thinking

…but it’s called “dead center” for a reason.

Page 95: Presentation Design Thinking

Original Cropped

Page 96: Presentation Design Thinking

Original Cropped

Notice the difference between the original and

cropped photos

Page 97: Presentation Design Thinking

Original Cropped

How about now?

Page 98: Presentation Design Thinking

The next time you are watching your favorite movie or TV show , try to see what the director is

seeing.

Page 99: Presentation Design Thinking

Most likely, he or she will have the focus of the shot away from the center

.

Page 100: Presentation Design Thinking

Purposely drawing the eye to a specific corner.

Page 101: Presentation Design Thinking

Here are 3 rules to help your visuals.

Page 102: Presentation Design Thinking

3 Principles:

• Space• Unity• Contrast

Page 103: Presentation Design Thinking

Empty Space

Page 104: Presentation Design Thinking

Empty Space

The biggest mistake we make when designing presentations is that we feel the need to fill every available

inch of space.

Page 105: Presentation Design Thinking

Empty Space

By leaving strategic empty space, we create elegance and simplicity.

Page 106: Presentation Design Thinking

Unity

Page 107: Presentation Design Thinking

Unity

Color Fonts Big Picture

Page 108: Presentation Design Thinking

Unity

Color

How many different colors do you have in your presentation?

Page 109: Presentation Design Thinking

Unity

Color

By limiting your use of colors, you create unity.

Page 110: Presentation Design Thinking

Unity

Color Fonts

You should use only one font in a presentation

Page 111: Presentation Design Thinking

Unity

Color Fonts Big Picture

Do you have an overall theme to your presentation?

Page 112: Presentation Design Thinking

Unity

Color Fonts Big Picture

You should.

Page 113: Presentation Design Thinking

Contrast

Page 114: Presentation Design Thinking

Contrast

We can highlight the important points of our slides by using contrast.

Page 115: Presentation Design Thinking

Contrast

Make sure the point is easy for the audience to figure out and highlight it

using…

Page 116: Presentation Design Thinking

Color

Page 117: Presentation Design Thinking

Size

Page 118: Presentation Design Thinking

Shape

Page 119: Presentation Design Thinking

Congratulations!

Page 120: Presentation Design Thinking

You are nowa designer!

Page 121: Presentation Design Thinking

Remember

Page 122: Presentation Design Thinking

To think like a designer:

Use constraints to spark creativity

Design should happen first, so get away from your desk during the planning stage

Always focus on your audience’s needs

Page 123: Presentation Design Thinking

For better visuals:

Be aware of Space, Unity and Contrast

Like a director, use the Rule of Thirds

Increase your signal by decreasing noise

Page 124: Presentation Design Thinking

Sourcing

Signal vs Noise: http://en.wikipedia.org/wiki/Signal-to-noise_ratio

The following notes were taken from Wikipedia: Saul Bass: http://en.wikipedia.org/wiki/Saul_Bass

The White Stripes: http://en.wikipedia.org/wiki/The_White_StripesThe Rule of Thirds: images used - http://en.wikipedia.org/wiki/Rule_of_thirds

The rest of the information and inspiration came from the following books:

Page 125: Presentation Design Thinking

Recommended reading

Presentation Zen by Garr Reynolds

Presentation Zen Design by Garr Reynolds

Slideology by Nancy Duarte

Page 126: Presentation Design Thinking

FIN