Top Banner
Presentatio n Design Written and Presented by Michael Evanchan
126

Presentation Design Thinking

Oct 22, 2014

Download

Design

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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