principles of presentation design v2
Post on 06-May-2015
742 Views
Preview:
TRANSCRIPT
DesignPresentation
Do Not C
opy
5
Simplicity
5
Simplicity
Contrast5
Simplicity
Contrast
Clarity5
Simplicity
Contrast
Clarity
Consistency5
Simplicity
Contrast
Clarity
Consistency
Progression
5
Simplicity
ContrastClarity
Consistency Progression
Simplicity
Make everything as simple as possible but not simpler.
Do Not C
opy
Our lives are fri,ered away by detail;
Henry David Thoreau
simplify, simplify.
Thoughtful Reduction
Simplicity means the achievement of maximum effect by minimum means.
Dr Koichi Kawana
S i m
p l
i c i
t y
Do Not C
opy
S i m
p l
i c i
t y
Content
Do Not C
opy
S i m
p l
i c i
t y
Content Pictures
Do Not C
opy
S i m
p l
i c i
t y
Content Pictures Animation/Transition
Do Not C
opy
S i m
p l
i c i
t y
Content Pictures Animation/Transition Language
Do Not C
opy
S i m
p l
i c i
t y
Content Pictures Animation/Transition Language Statistical Information
Do Not C
opy
American versus British• The differences between English as written and spoken
in America and English as used in Britain are considerable, as is the potential for misunderstanding, even offence, when using words or phrases that are unfamiliar or mean something else on the other side of the Atlantic.
• Sometimes the same word has taken on different meanings on the two sides of the Atlantic, creating an opportunity for misunderstanding.
• What is familiar in one culture may be entirely alien in another. British English exploits terms and phrases borrowed from the game of cricket; American English uses baseball terms.
American versus British• The differences between English as written and spoken
in America and English as used in Britain are considerable, as is the potential for misunderstanding, even offence, when using words or phrases that are unfamiliar or mean something else on the other side of the Atlantic.
• Sometimes the same word has taken on different meanings on the two sides of the Atlantic, creating an opportunity for misunderstanding.
• What is familiar in one culture may be entirely alien in another. British English exploits terms and phrases borrowed from the game of cricket; American English uses baseball terms.
Too Detailed!
American versus British
• Considerable differences
• Same word can take different meanings
• Familiar in one culture, alien in another
• Britishers borrow from cricket, Americans from baseball
American versus British
• Considerable differences
• Same word can take different meanings
• Familiar in one culture, alien in another
• Britishers borrow from cricket, Americans from baseball
Much Better
15
Lets look at the challenges
• COMPANIES ARE NOT GETTING THROUGH TO THEIR AUDIENCES– 20 years ago, 80 percent of a target audience could be reached with one 30‐second off‐peak television ad. Today, reaching the same audience oTen requires 200 to 300 prime‐Vme spots.
– The response to direct mail solicitaVons for credit cards has dropped from 2.8 percent in 1992 to 0.6 percent in 2000.
Shift to Notes
Shift to Notes
Clean start
Getting through is becoming increasingly difficult!
…must amplify meaning
Pictures
Animation/Transition
Do Not C
opy
Animation/Transition
This is cool
Do Not C
opy
Animation/Transition
This is cool
…but distracting
Do Not C
opy
Animation/Transition
This is cool
…but distracting
This is better
Do Not C
opy
Animation/Transition
This is cool
…but distracting
This is better
Sounds = NEVER Do Not C
opy
Language
Language
Formality
Language
Formality
Technical words
Language
Formality
Technical words
Avoid jargon
Language
Formality
Technical words
Avoid jargon
Relate facts and figures
Language
Formality
Technical words
Avoid jargon
Relate facts and figures
Avoid sweeping generalizations
Occam’s Razor
All other things equal, the
simplest solution is the best
Simplicity
ContrastClarity
Consistency Progression
Contrast
Eyes love
Contrast
Interest
Interest
Organization
Simplicity
ContrastClarity
Consistency Progression
Progression
Disruptive Technology
Time
Perf
orm
an
ce
Sustaining Technology
Performance improvement demanded
t
Performance Oversupply
Current performance ofpotentially disruptive technologyExpected tra
jectory of improvement
The sustaining technology has been disrupted
Disruptive Technology
Time
Perf
orm
an
ce
Sustaining Technology
Performance improvement demanded
t
Performance Oversupply
Current performance ofpotentially disruptive technologyExpected tra
jectory of improvement
The sustaining technology has been disruptedTOO
CLUTTERED
Disruptive Technology
Time
Perf
orm
an
ce
Disruptive Technology
Time
Perf
orm
an
ce
Disruptive Technology
Time
Perf
orm
an
ce
Sustaining Technology
Disruptive Technology
Time
Perf
orm
an
ce
Sustaining Technology
Disruptive Technology
Time
Perf
orm
an
ce
Sustaining Technology
Performance improvement demanded
Disruptive Technology
Time
Perf
orm
an
ce
Disruptive Technology
Time
Perf
orm
an
ce
t
Disruptive Technology
Time
Perf
orm
an
ce
t
Performance Oversupply
Disruptive Technology
Time
Perf
orm
an
ce
t
Disruptive Technology
Time
Perf
orm
an
ce
t
Disruptive Technology
Time
Perf
orm
an
ce
t
Current performance ofpotentially disruptive technology
Disruptive Technology
Time
Perf
orm
an
ce
t
Disruptive Technology
Time
Perf
orm
an
ce
t
Disruptive Technology
Time
Perf
orm
an
ce
t
Expected tra
jectory of improvement
Disruptive Technology
Time
Perf
orm
an
ce
t
Disruptive Technology
Time
Perf
orm
an
ce
t
The sustaining technology has been disrupted
Simplicity
ContrastClarity
Consistency Progression
Consistency
Ingredients
Background
Background Colors
AgBackground Colors Font
AgBackground Colors Font Images
AgBackground Colors Font Images
Color Size Shapes & Boxes
Surprise to
attract!
Simplicity
ContrastClarity
Consistency Progression
Clarity
C l
a r
i t y
Case Typeface (aka font) Size Numbering Colors
Do Not C
opy
Case
ALL CAPS IS DIFFICULT TO READ!
Case
ALL CAPS IS DIFFICULT TO READ!
Akin to shouting
Case
ALL CAPS IS DIFFICULT TO READ!
Akin to shouting
Use upper lower case
Case
M M
Typeface (aka font)
Sanserif Serif
M M
Typeface (aka font)
Sanserif Serif
Typeface (aka font)
Serif fonts are difficult to read on screen
Typeface (aka font)
Serif fonts are difficult to read on screen
Sanserif fonts are clearer
Typeface (aka font)
Serif fonts are difficult to read on screen
Sanserif fonts are clearer
Italics are difficult to read on screen
Typeface (aka font)
Serif fonts are difficult to read on screen
Sanserif fonts are clearer
Italics are difficult to read on screen
Normal or bold fonts are clearer
Typeface (aka font)
Serif fonts are difficult to read on screen
Sanserif fonts are clearer
Italics are difficult to read on screen
Normal or bold fonts are clearer
Underlines may signify hyperlinks
Typeface (aka font)
Size
Size
“Size does matter”
Size
“Size does matter”Implies importance
Size
“Size does matter”Implies importance
Thumb rule: Move back 2 metres
Numbering
Numbers denote
…priority
…sequence
…hierarchy
Colors
Do Not C
opy
Colors
Increase interest Do Not C
opy
Colors
Increase interest
Improve learning, comprehension and retention
Do Not C
opy
Colors
Increase interest
Improve learning, comprehension and retention
Two categoriesCool (such as blue and green) = ForegroundWarm (such as orange and red) = Background
Do Not C
opy
Coming up...
Design is CRAP!Next Week
Design is CRAP!
Next Week
top related