The document provides examples of poor presentation design and offers tips for improvement. It criticizes presentations with too much information across multiple slides and suggests focusing information onto fewer slides. Too many colors, fonts, images and inconsistent formatting are identified as problematic. The document also discusses principles of effective multimedia like applying the contiguity principle of placing corresponding words near graphics. Overall, the document aims to demonstrate bad presentation techniques and how to structure information for clarity according to design best practices.
1.
Lesson
2
–
Presentations
Critique
It!
1.
Bad
examples
of
a
presentation
with
too
much
information:
• Too
many
arrows
• Too
many
colors
• Too
many
boxes
Source:
https://blog.haikudeck.com/death-‐by-‐
powerpoint/
• To
many
bullet
points
• Bullet
points
are
not
consistent
• Font
sizes
are
different
sizes
Source:
My
work
• The
background
is
unnecessary
• Needs
bullet
points
• Information
needs
to
be
shortened
• Put
information
on
two
slides
Source:
https://blog.haikudeck.com/death-‐by-‐
powerpoint/
2.
Bad
examples
of
a
presentation
with
bad
color
schemes:
2.
• Too
much
background
color
• Too
many
color
schemes
for
the
boxes
Source:
https://blog.haikudeck.com/death-‐by-‐
powerpoint/
• The
background
does
not
need
a
pattern
• The
red
circle
does
not
indicate
anything
Source:
My
work
• The
background
color
is
not
needed
• The
fonts
are
not
consistent
• The
images
are
too
childish
like
• The
font
needs
to
be
one
color
Source:
http://www.business2community.com/branding
/look-‐feel-‐matters-‐business-‐presentations-‐
0687576#RrToiAl1SZizpLHJ.9
3.
Bad
examples
of
a
presentation
with
bad
fonts
3.
• The
background
color
is
not
needed
• The
font
is
not
professional
• The
font
needs
to
be
a
different
color
Source:
https://blog.haikudeck.com/death-‐by-‐
powerpoint/
• Too
many
different
fonts
• The
box
colors
are
too
similar
• The
are
no
arrows
indicating
the
process
Source:
My
work
• The
background
color
is
not
needed
• The
font
is
not
professional
• The
font
needs
to
be
one
color
• Too
many
images
Source:
https://blog.haikudeck.com/death-‐by-‐
powerpoint
4.
Revise
It!
Using
PowerPoint
• The
information
is
separated
into
two
slides
• The
images
are
enlarged
• All
font
sizes
are
consistent
• All
bullet
points
are
consistent
Using
PowerPoint
• Added
an
arrow
• Added
the
text
• Emphasized
in
red
what
you
are
looking
at
• Removed
the
background
pattern
5.
Using
PowerPoint:
• Adding
the
arrows
to
show
the
process
• All
text
are
consistent
• All
the
boxes
are
different
colors
6.
Lesson
3
–
Multimedia
and
Contiguity
Principles
Critique
It!
This
slide
does
apply
the
multimedia
principle:
Include
both
words
and
graphics.
Some
graphics
types
that
can
be
useful
to
describe
this
process
would
be:
• Relational
• Transformational
• Interpretive
Source:
https://www.slideshare.net/
flattail/respiratory-‐system-‐slide-‐show
This
slide
does
not
apply
the
contiguity
principle
1:
Place
printed
words
near
corresponding
graphics.
The
matching
words
are
away
from
the
graphic.
The
parts
are
labeled,
and
the
legend
at
the
bottom
has
the
matching
words
that
belong
to
each
letter.
Source:
http://garden.lovetoknow.com/garden-‐
basics/parts-‐flower
7.
These
slides
do
not
apply
the
contiguity
principle
1:
Place
printed
words
near
corresponding
graphic.
This
slide
shows
only
the
different
the
levels
This
slide
shows
the
descriptions
of
each
level.
The
levels
and
the
corresponding
information
are
separated.
Scrolling
two
screens
to
put
the
information
together
violates
the
contiguity
principle.
Source:
My
work
8.
Revise
It!
Both
levels
and
descriptions
are
on
one
slide.
Using
an
arrow
to
connect
the
description
to
each
level.
Using
PowerPoint
the
colors
for
the
boxes,
arrows
and
text
also
correspond
to
each
level.
9.
Lesson
4
–
Modality
and
Redundancy
Principles
Critique
It!
Modality
Principle
-‐
Present
words
as
audio
narration
rather
than
on-‐screen
text.
This
visual
violates
the
modality
principle
by
showing
the
on-‐screen
text
of
the
process
rather
than
to
describe
in
narration.
Focusing
on
the
description
below
rather
than
following
the
process
is
why
narration
would
be
needed.
Source:
https://www.slideshare.net/NickYates/creating-‐
digital-‐resources-‐using-‐instructional-‐design-‐principles
This
slide
violates
the
modality
principle
by
showing
the
on-‐screen
text
of
the
process
instead
of
narration.
Trying
to
put
the
text
into
actions
can
be
overwhelming
with
too
much
information
on
the
screen.
Source:
https://sites.google.com/site/
cognitivetheorymmlearning/modality-‐principle
This
slide
violates
the
modality
principle
by
showing
the
on-‐screen
text
of
the
process
instead
of
narration.
With
too
much
information
that
describes
each
process
on
one
screen
that
might
be
too
much
to
understand
if
it
is
fast-‐paced.
Source:
My
work
10.
Redundancy
Principle
-‐
Explain
visual
with
words
in
audio
or
text:
Not
both.
This
visual
violates
the
redundancy
principle
by
showing
both
audio
and
text.
Having
concurrent
information
can
be
distracting.
Source:
https://prezi.com/k8d_zctm6m1g/mayers-‐cognitive-‐
theory-‐of-‐multimedia-‐learning/
This
slide
violates
the
redundancy
principle
by
showing
the
same
information
but
in
different
formats.
Having
the
audio
and
visual
of
the
same
thing
can
be
overwhelming.
Source:
https://prezi.com/k8d_zctm6m1g/mayers-‐
cognitive-‐theory-‐of-‐multimedia-‐learning/
This
slide
violates
the
redundancy
principle
by
showing
the
same
information
but
in
different
formats
Having
concurrent
information
and
having
the
audio
and
visual
of
the
same
thing
can
be
overwhelming
and
distracting.
Source:
My
work
11.
Revise
It!
Cleaning
up
the
slide
with
no
text
to
read.
Just
listening
the
audio
as
it
is
narrating
through
the
each
step
of
the
process
The
attention
is
being
focused
on
understanding
the
process
and
not
being
distracted
or
overwhelmed
with
the
both
the
audio
and
the
text.
12.
Lesson
5
–
Coherence
and
Personalization
Principles
Critique
It!
This
slide
violates
the
coherence
principle
2:
Extraneous
graphics.
This
example
has
too
many
complex
photographs.
The
use
of
realistic
graphics
can
be
overwhelming.
Source:
https://wikis.utexas.edu/display/
CTLOnlineLearning/Multimedia+Use
This
slide
violates
the
coherence
Principle
2:
Extraneous
graphics.
The
animation
is
disruptive
along
with
the
word
art
that
could
be
in
a
simpler
font.
Source:
https://brianpnagy.wordpress.com
/2014/07/21/coherence-‐analysis/
This
slide
violates
the
coherence
principle
2:
Extraneous
graphics
and
principle
3:
Extraneous
words.
The
use
of
the
graphics,
fonts
styles
and
on
screen
text
are
all
irrelevant
and
distracting.
Source:
My
work
13.
This
image
violates
the
Personalization
Principle
1:
Use
Conversational
Rather
Than
Formal
Style.
The
pedagogical
agent
does
not
narrate
the
information
in
a
conversational
style.
Source:http://go.galegroup.com/ps/anonymous?id=GALE%7CA432893920&sid
=googleScholar&v=2.1&it=r&linkaccess=fulltext&issn=14364522&p=AONE&sw
=w&authCount=1&isAnonymousEntry=true
This
image
violates
the
Personalization
Principle
1:
Use
Conversational
Rather
Than
Formal
Style
and
the
Personalization
principle
2:
Use
effective
On-‐
Screen
Coaches
to
Promote
Learning.
The
pedagogical
agent
does
not
narrate
the
information
in
a
conversational
style.
The
sad
face
does
not
play
an
instructional
role.
Source:
https://www.slideshare.net/Baynard/personalization-‐
principle-‐by-‐group-‐a
This
slide
violates
the
Personalization
Principle
1:
Use
Conversational
Rather
Than
Formal.
The
pedagogical
agent
does
not
narrate
the
information
in
a
conversational
style.
Source:
My
work
14.
Revise
It!
Using
the
Adobe
Premier
Pro
to
revise
the
slide.
Cleaning
up
the
slide
with
no
distracting
images
and
irrelevant
wording.
Using
the
Sitepal
for
the
pedagogical
agent
to
be
fully
functional.
The
pedagogical
agent
is
friendly
and
conversational.