Brain-Friendly Presentation Workshop

two things:
likes
our Facebook Page

www.facebook.com/freespective
Thank you very much, indeed!
follow
our Twitter & Instagram!
@freespective
welcome!
w freespective.com | U @freespective | m hello@freespective.com
THANK YOU
THANK YOU
We are a creative agency for brands who cares

about user experience in everything they do.
introduction
semi
Left-handed
Pattaya, Thailand (2011)
BRAIN
FRIENDLY
presentation workshop
three
Our brain
elements of
A Great presentation
Short practice
Why
we need to
understand
OUR BRAIN
when creating
a presentation?
MORE THAN 30 Million presentation are made everyday!
SOURCE: MICROSOFT (2009)
sucks!
!@#
boo!
crap!
aargh!
sucks!
boo!
oh no!
help us!
zZzZz...
help!
zZzZz...
aargh!
oh no!
nice!
inspiring!
great!
DEATH
BY
powerpoint
HOW
to solve
this problem?
Dr. john medina
discussion
good !
bad !
IMAGE CREDITS: ISTOCKPHOTO
why
does it
happen?
Brain Rules #4
BORING THINGS
HOW
to solve
this problem?
IMAGE CREDITS: FLICKR / TOM
MEANING
DETAILS DETAILS DETAILS

Opening
Brain
Closing
Design
Visual
Review
draw
a roadmap for
your audience
meaning
Details details details details details
details details details details details
details details details details details
THINK
ABOUT
billboard
BILLBOARD
less text, more visual
DATA DATA DATA DATA

DATA DATA DATA DATA
DATA DATA DATA DATA
DATA DATA DATA DATA
DATA DATA DATA DATA
YEAH!
this is not a slide
this is !
1
4
2
5
3
6
chunk
your message
one at a time
IMAGE CREDITS: MICROSOFT
draw
a roadmap for
your audience
chunk
your message
one at a time
Quiz
#1 Manusia dapat melihat segala sesuatu menggunakan?
A
mata
B
retina
C
pupil
D
otak
#2 Pada prinsipnya, apakah otak dapat melakukan multitasking (mengerjakan 2 atau lebih tugas dalam 1 waktu)?
A
Ya!
B
Tidak!
C
Bisa jadi!
#3 Berapa lamakah rata-rata rentang atensi otak manusia?
A
1 menit
B
3 menit
C
10 menit
D
15 menit
#4 Berapa kira-kira jumlah objek yang paling dapat diingat

oleh otak manusia dalam waktu singkat?
A
1 objek
B
3 objek
C
6 objek
D
12 objek
#5 Berapakah persentase materi yang dapat diingat oleh

otak manusia secara audio-visual?
A
5%
B
10%
C
20%
D
40%
Answer
#1 Manusia dapat melihat segala sesuatu menggunakan?
A
mata
B
retina
C
pupil
D
otak
#2 Pada prinsipnya, apakah otak dapat melakukan multitasking (mengerjakan 2 atau lebih tugas dalam 1 waktu)?
A
Ya!
B
Tidak!
C
Bisa jadi!
#3 Berapa lamakah rata-rata rentang atensi otak manusia?
A
1 menit
B
3 menit
C
10 menit
D
15 menit
#4 Berapa kira-kira jumlah objek yang paling dapat diingat

oleh otak manusia dalam waktu singkat?
A
1 objek
B
3 objek
C
6 objek
D
12 objek
#5 Berapakah persentase materi yang dapat diingat oleh

otak manusia secara audio-visual?
A
5%
B
10%
C
20%
D
40%
Based on your answer,
20%
HUMAN
PRESo*
MULTI-TASKING
Brain
> 3 OBJECTS
> 10 MINUTES
*presentation
Is there anything we could do?
Hermann Ebbinghaus (1850 1909)

Psychologist
100
Immediate Recall
THE FORGETTING
curve
-40%
20 minutes 58,2%
50
1 hour 44,2%
9 hours 35,8%
1 day 33,7%
2 days 27,8%
6 days 25,4%
ELAPSED TIME since learning
SOURCE: EBBINGHAUS, H. (1885/1913). MEMORY: A CONTRIBUTION TO EXPERIMENTAL PSYCHOLOGY
31 days 21,1%
HOW
to optimize
this situation?
Brain Rules #5
repeat
TO REMEMBER
Thought
experiment
emotions
get our
attention!
EXPRESSION
VIOLENT
SIMILARITIES
QUOTES
COLORS
PHOTO
EMOTION
HD IMAGES
SEXUAL CONTENT
ANIMATION
VIDEO
CONNECTIVITY
EXPRESSION
B/W
HD IMAGES
CONNECTIVITY
EXPRESSION
COLOR
HD IMAGES
HD IMAGES
RELEVANCE
CONNECTIVITY
CONNECTIVITY
SEXUAL CONTENT
Stres berkepanjangan
hanya akan membuat
situasi Anda menjadi
lebih buruk
EVEN MIRANDA KERR WANTS YOU.

TO PAY ATTENTION.
TO THIS PRESENTATION.
engage
audience emotion
with your presentation
100
REPEAT
REPEAT
REPEAT
50
repeat
your key message
several times
TIME ELAPSED SINCE LEARNING
engage repeat
audience emotion
with your presentation
your key message

several times
We see with our brains

Dr. John Medina
simple
experiment
kuning
SEBUT WARNANYA!
biru
merah
hijau
oranye
kuning
SEBUT WARNANYA!
biru
merah
hijau
oranye
Brain Rules #10
vision
trumps
all
other senses
HOW
to optimize
this situation?
FREEDOM!
FREEDOM!
FREEDOM!
And in terms of effectiveness,

ORAL INFORMATION
10%
VISUAL INFORMATION
3X
35%
ORAL + VISUAL INFORMATION
65%
6X
best
through pictures, not through
Dr. John Medina
COMBINE
I #
text and image to
boost key message
hurt your
audience eyes
COMBINE
text and image to
boost key message
6
hurt your
audience eyes
ELEMENTS OF GREAT
presentation
Brain-friendly storyline
3 Stage Act Foundation
Playing field + Layout

Elements of great images
Image search
Creative commons
Typography
Color palette
PowerPoint Features, Notes + Presentation Viewer, Drawing Tools, etc.
story
HOW
do you create your

presentation?
(and a lot of people still doing it)
OPEN
POWERPOINT
SEARCH FOR
IMAGES
CREATE
SLIDES
VOILA! PRESENT!
How do I craft mine?

START WITH
THE STORY
DESIGN THE
PACKAGING
REHEARSE
AND REFINE
VOILA! PRESENT!
Click to add title

Click to add text
how
to solve
this problem?
simple
PRINCIPLES
(on preparing presentation)
60%
30%
10%
{
s
START
from
scratch
IMAGINE
and
visualize
ideas
MAKE
your design
contextual,
consistent
PUT
only
important
things in
your design
LET
someone see
and comment
on your work
EVALUATE
your result for
better
improvement
START FROM SCRATCH

organize
Aristotle (384 322 BC)

Philosopher
IMAGE CREDITS: WIKIMEDIA COMMONS
3 stage act foundation

opening
body
MAIN IDEA (max. 3)

SUB-IDEA (max. 7)
closing
3 stage act foundation

opening
body
self-introduction
|Japan
|Semi left-handed
|Meet transgender
MAIN IDEA (max. 3)

SUB-IDEA (max. 7)
closing
IMAGINE AND VISUALIZE IDEAS

Explore
IMAGE CREDITS: WP / WORKFORCEOFTHEFUTURE
visual
Playing field + Layout

Images
Image search
Creative commons
Typography
Color palette
UNDERSTANDING YOUR PLAYING FIELD
4:3 RATIO
1280 PIXELS
720 PIXEL
768 PIXEL
1024 PIXELS
16:9 RATIO
72 PPI / PIXEL per inch
350 Ppi / PIXEL per inch
Bigger pixels = stunning images
720 PIXEL
1280 PIXELS
16:9 RATIO
bigger
pixels means bigger playing

field and stunning images
Basic Layout
IMAGE CREDITS: VICTOR HANACEK / PICJUMBO
RULE OF 3
TEXT AREA
IMAGE CREDITS: AUSTIN BAN / UNSPLASH
TEXT AREA
TEXT AREA
IMAGE CREDITS: MIKAEL KRISTENSON / UNSPLASH
TEXT AREA
IMAGE CREDITS: VICTOR HANACEK / PICJUMBO
STICK
to rule of 3 as a
basic layout
bigger
pixels means bigger playing

field and stunning images
STICK
to rule of 3 as a
basic layout
WHAT
kind of image
should I find?
(never ever use cheap and lame clip art such as these)
(sadly, PowerPoint provides A LOT OF these !@#% clip art for FREE!)
lame you are)
real
HUMAN
REPRESENTATIVE
choose
your images,
wisely
Use HD
images for
best result
choose
your images,
wisely
10
Use HD
images for
best result
Image
search
WHERE
can I find high
quality images?
Take it
(use your own)
Buy it!
(high quality stock photos)
USE CC!
(creative commons)
(only great for free wallpapers)
http://www.istockphoto.com/
http://www.compfight.com/
Demo
typography
TYPOS
(form)
GRAPHE
(writing)
SERIF
SANS-SERIF
Script
SERIF
SANS-SERIF
SERIF
(best for intensive

horizontal reading)
SANS-SERIF
(best for intensive
vertical scanning)
Lorem ipsum dolor sit amet,

consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore
eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet,

consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis aute
irure dolor in reprehenderit in
voluptate velit esse cillum dolore
eu fugiat nulla pariatur.
smooth transition
firm feeling
Times New Roman

Arial
default fonts are

BORING.
Calibri
Comic Sans
Arial
Formal, Korporat, Birokrat, Berat deh pokoknya! alias kakoe
Times New Roman
Tinggal di masa kini, tapi pikiran terjebak di masa lalu
(alias susah move on dari Microsoft Word)
Calibri
Mulai move on (karena pake Office 2004 ke atas)
Comic Sans
Berusaha keras untuk terlihat lucu
TRY THESE FONTS:

Bebas neue
Montserrat
Pacifico
Rockwell
Lobster 1.3
Futura
How many
fonts should
I use?
combine
only 2-3 fonts, no more.
how about
Size?
This is 80 font size

http://www.dafont.com/
http://www.fontsquirrel.com/
Demo
Freespective
consulting
National
Meeting
WE OFFER
THE BEST
CUSTOMER
SERVICE!
colors
hurt your
audience eyes
http://www.colourlovers.com/
http://www.colorschemer.com/online.html
http://www.pictaculous.com/
Demo
TECHNOLOGY
PowerPoint Elements
Animation
Transition
Picture Tools
Presenter Notes
Presentation Viewer
PowerPoint is quite bad in animation
Most
People
Like
To
Play
With
Animation
Because
It
Looks
Fun
And
Interesting
And
Also
Cute.
This
Actual
Slide
Took
Me
About
30
Minutes
To
Finish
Entirely
Because
PPT
Crashed
Several
Times
TRANSITION
PLEASE USE IT WISELY.
CLICK TO ADD TITLE
Click to add
subtitle
CLICK TO ADD TITLE

Click to add subtitle
Click to add title

Click to add subtitle
Demo
design
presentation
JUST DO IT!
to be wrong,
with anything original
Sir Ken Robinson
Education & Creativity Expert
IMAGE CREDITS: TED / RYAN LASH
THANK YOU
THANK YOU
One Pacific Place Building, Level 11

Jl. Jend. Sudirman, Kav. 52-53
Jakarta 12190
hello@freespective.com
www.freespective.com
@freespective

Brain-Friendly Presentation Workshop

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Brain-Friendly Presentation Workshop

Uploaded by

Copyright:

Available Formats

two things:

our Facebook Page

Thank you very much, indeed!

We are a creative agency for brands who cares

Pattaya, Thailand (2011)

MORE THAN 30 Million presentation are made everyday!

SOURCE: MICROSOFT (2009)

Dr. john medina

IMAGE CREDITS: ISTOCKPHOTO

IMAGE CREDITS: FLICKR / TOM

DETAILS DETAILS DETAILS

DATA DATA DATA DATA

this is not a slide

IMAGE CREDITS: MICROSOFT

#1 Manusia dapat melihat segala sesuatu menggunakan?

#3 Berapa lamakah rata-rata rentang atensi otak manusia?

#4 Berapa kira-kira jumlah objek yang paling dapat diingat

#5 Berapakah persentase materi yang dapat diingat oleh

#1 Manusia dapat melihat segala sesuatu menggunakan?

#3 Berapa lamakah rata-rata rentang atensi otak manusia?

#4 Berapa kira-kira jumlah objek yang paling dapat diingat

#5 Berapakah persentase materi yang dapat diingat oleh

Based on your answer,

Is there anything we could do?

Hermann Ebbinghaus (1850 1909)

ELAPSED TIME since learning

SOURCE: EBBINGHAUS, H. (1885/1913). MEMORY: A CONTRIBUTION TO EXPERIMENTAL PSYCHOLOGY

EVEN MIRANDA KERR WANTS YOU.

TIME ELAPSED SINCE LEARNING

your key message

We see with our brains

Brain Rules #10

And in terms of effectiveness,

Playing field + Layout

PowerPoint Features, Notes + Presentation Viewer, Drawing Tools, etc.

do you create your

(and a lot of people still doing it)

How do I craft mine?

Click to add title

START FROM SCRATCH

Aristotle (384 322 BC)

IMAGE CREDITS: WIKIMEDIA COMMONS

3 stage act foundation

MAIN IDEA (max. 3)

3 stage act foundation

MAIN IDEA (max. 3)

IMAGINE AND VISUALIZE IDEAS

IMAGE CREDITS: WP / WORKFORCEOFTHEFUTURE

Playing field + Layout

UNDERSTANDING YOUR PLAYING FIELD

72 PPI / PIXEL per inch

350 Ppi / PIXEL per inch

Bigger pixels = stunning images

pixels means bigger playing

IMAGE CREDITS: VICTOR HANACEK / PICJUMBO

IMAGE CREDITS: AUSTIN BAN / UNSPLASH

IMAGE CREDITS: MIKAEL KRISTENSON / UNSPLASH

IMAGE CREDITS: VICTOR HANACEK / PICJUMBO

pixels means bigger playing

lame you are)

(use your own)

(high quality stock photos)

(only great for free wallpapers)

(best for intensive