Brain-Friendly Presentation Workshop

8/18/2019 Brain-Friendly Presentation Workshop

1/180

two things:

likesour Facebook Page

www.facebook.com/freespective

1

follour Twitter &

@freesp

2

Thank you very much, indeed!


2/180

welcome!w freespective.com |U @freespective |m hello@freespecti


3/180


4/180

THANK YOU


5/180

THANK YO


6/180

We are a creat ive agency for brands who cares

about user experience in everything they do.


7/180

introduction


8/180


9/180

Left-handedsemi


10/180

Pattay


11/180

BRAINFRIENDpresentation work


12/180

three

1

Our brain

2

elements

3

Short pr

A Great present


13/180

Whywe need tounderstand

OUR BRAINwhen creatinga presentation?


14/180

MORE THAN30 Millionpresentation are made eve

!


15/180

boo!

sucks! !@# boo!

aargh!

zZzZz...

zZzZz...

aargh!

oh no!

crap!

oh no!

help!

i i i !


16/180

nice!

great!

inspiring!


17/180


18/180

DEATHBYpowerpoint


19/180

HOWto solve

this problem?


20/180

Dr. john medina


21/180

good ! bad

discussion


22/180


23/180


24/180


25/180


26/180


27/180

whydoes it

happen?


28/180

BORINGTHI

Brain Rules #4


29/180

HOWto solve

this problem?


30/180

IMAGE CREDITS: FLICKR / TOM


31/180

MEANING

DETAILS DETAILS DDETAILS DETAILS DDETAILS DETAILS DDETAILS DETAILS DDETAILS DETAILS DDETAILS DETAILS D

DETAILS DETAILS DDETAILS DETAILS DDETAILS DETAILS DDETAILS DETAILS D


32/180

draa roadm

your au

Opening

Brain

Design

VisualReview

Closing


33/180

meaningDetails details details details detailsdetails details details details detailsdetails details details details details

THINKABOUT


34/180

THINK ABOUTbillboard


35/180

BILLBOARDless text, more visual


36/180

YEAHDATA DATA DATA DATADATA DATA DATA DATADATA DATA DATA DATADATA DATA DATA DATA

DATA DATA DATA DATA

this is not a slide this is !


37/180

1 2 3

4 5 6

chuyour mes

one at a t


38/180


39/180


40/180

drawa roadmap for

your audience

chunyour message

one at a time

1 2


41/180Q i


42/180

Amata

Bretina

#1 Manusia dapat melihat segala sesuatu mengguna

Cpupil o


43/180

#2 Pada prinsipnya, apakah otak dapat melakukan mtasking (mengerjakan 2 atau lebih tugas dalam 1 w

A Ya!

B Tidak!

CBisa jadi!


44/180

A1 menit

B3 menit

#3 Berapa lamakah rata-rata rentang atensi otak ma

C10 menit 15


45/180

A1 objek

B3 objek

#4 Berapa kira-kira jumlah objek yang paling dapat doleh otak manusia dalam waktu singkat?

C6 objek 12


46/180

A5%

B10%

#5 Berapakah persentase materi yang dapat diingat otak manusia secara audio-visual?

C20% 4


47/180A


48/180

Amata

Bretina

#1 Manusia dapat melihat segala sesuatu mengguna

Cpupil o


49/180

A Ya!

B Tidak!

#2 Pada prinsipnya, apakah otak dapat melakukan mtasking (mengerjakan 2 atau lebih tugas dalam 1 w

CBisa jadi!


50/180

A1 menit

B3 menit

#3 Berapa lamakah rata-rata rentang atensi otak ma

C10 menit 15


51/180

A1 objek

B3 objek

#4 Berapa kira-kira jumlah objek yang paling dapat doleh otak manusia dalam waktu singkat?

C6 objek 12


52/180

A5%

B10%

#5 Berapakah persentase materi yang dapat diingat otak manusia secara audio-visual?

C20% 4


53/180

Based on your answer,

20%


54/180

HUMAN PR

BrainMULTI-TASKING

>10 MINUTES

>3 OBJ ECTS


55/180

Is there anythingwe could do?


56/180

Hermann Ebbinghaus (18Psychologist


57/180

100

50

0

Immediate Recall

20 minutes 58,2%

ELAPSEDTIME since learning

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

1 hour 44,2%

9 hours 35,8%

1 day 33,7%2 days 27,8%

6 days 25,4%

-40% THE FORGETTcurve


58/180

HOWto optimize

this situation?


59/180

TOREMEMBERrepeat

Brain Rules #5


60/180

Thougexperime


61/180

emotioget our

attention

VIOLENTEXPRESSION


62/180

EMOTIONCOLORS

SEXUA

HD IMAGES

VIDEO

ANIMATION

QUOTES

PHOTO

CO

S


63/180

EXPRES

B/WHD IMAGESCONNECTIVITY


64/180

EXPRESSION

COLORHD IMAGESRELEVANCECONNECTIVITY

HD IMAGESCONNECTIVITYSEXUAL CONTENT


65/180

Stres ber

hanya ak

situasi An

lebih buru


66/180

EVENMIRANDA KERRWANTS YOU. TO PAYATTENTION. TO THIS PRESENTATION.

engag


67/180

engagaudience emo

with your presen


68/180

repeyour key me

several ti

REPEAT

REPEATREPEAT

TIME ELAPSED SINCE LEARNING

100

50

0


69/180

repeayour key mess

several time

engageaudience emotion

with your presentation

3 4


70/180

We see with


71/180

simpleexperiment

kun


72/180

u

birmer

hijaoran

SEBUTWARNANYA!

kun


73/180

birmer

hijaoran

SEBUTWARNANYA!


74/180

visioall

trumps

Brain Rules #10

other sens


75/180

HOWto optimize

this situation?


76/180

FREEDOM!

FREED


77/180

FREED


78/180

FREEDOM!

And in terms of effectiveness,


79/180

VISUAL INFORMATION

35%

ORAL INFORMATION

10%

ORAL +VISUAL INFORMATION

65%

3X

6

through pictures


80/180

D


81/180

COMBtext and imboost key m

I #


82/180


83/180


84/180


85/180


86/180


87/180

hurt yaudienc


88/180

COMBINEtext and image toboost key message

hurt youraudience eye

5 6


89/180

ELEMENTS OF GREATpresentation


90/180

p

Brain-friendly storyline

3 Stage Act Foundation

Playing fie

Elements Image seaCreative c

TypograpColor pale

PowerPoint Features, Notes +Presentation Viewer, Drawing Too


91/180

story HOdo you creapresenta


92/180

SEARCH FORIMAGES

CREATESLIDES VOILA

OPENPOWERPOINT

(and a lot of people still doing it)

HowdoIcraftmine?


93/180

DESIGN THEPACKAGING

REHEARSEAND REFINE VOILA

START WITH THE STORY

How do I craft mine?

Click to add title


94/180

• Click to add text


95/180

howto solvethis problem?


96/180

simplePRINCIPLES(on preparing presentation)

{ { {60% 30%


97/180

s I M P L STARTfrom

scratch

IMAGINEand

visualizeideas

MAKEyour designcontextual,consistent

PUTonly

importantthings in

your design

LETsomeone seand commeon your wo

{ { {


98/180

s S TART FROM SCRATCHorganize


99/180

Aristotle (384 322 BC)Philosopher

IM

3 stage act foundation


100/180

opening body clo

MAIN IDEA(max. 3)

SUB-IDEA(max. 7)

g

3 stage act foundation


101/180

opening body clo

g

| J apan| Semi left-handed| Meet transgender

self-introduction

MAIN IDEA(max. 3)

SUB-IDEA(max. 7)


102/180

I IMAGINE AND VISUALIZE IDEASExplore


103/180

IMAGE CREDITS: WP / WORKFORCEOFTHEFUTURE


104/180

visual

Playing field

ImageImage se

Creative com TypograColor pa

1024PIXELS

UNDERSTANDINGYOURPLAYINGFIELD


105/180

16:9 RAT4:3 RATIO

1280 PIXE

7 2 0 P I X E L

1024 PIXELS

7 6 8 P I X E L


106/180


107/180


108/180


109/180

72 PPI / PIXEL per inch 350 Ppi / PIXEL per i

Bigger pixels =stunning images


110/180

biggpixels means bigfield and stunni

16:9 RATIO1280 PIXELS

7 2 0 P I X E L


111/180

Basic Layout

IMAGE CRE


112/180

RULE OF 3


113/180

TEXT AREA

IMAG

TEXT AREA


114/180

IMAGE CREDIT

TEXT AREA

TEXTAREA


115/180

IMAGE CRE

TEXT AREA


116/180

STICto rule of 3basic lay


117/180

STICto rule of 3 abasic layou

8

biggerpixels means bigger playingfield and stunning images

7


118/180

WHATkind of imageshould I find?


119/180

(neverever use cheap and lame clip art such as these


120/180

(sadly, PowerPoint provides A LOT OF these !@#% clip art fo


121/180

lame y

real


122/180

HUMAN

real

REPRESENTATIVEchooyour ima

wisely


123/180


124/180


125/180

Use images best res

9 10


126/180

Use images fbest resu

chooseyour images,wisely

9 10


127/180

seImage


128/180

WHEREcan I find highquality images?


129/180

Take it Buy it! US(use your own) (high quality stock photos) (creativ


130/180

(only great for free wallpapers)


131/180


132/180

http://www.istockphoto.com/


133/180

http://www.compfight.com/


134/180

Demo


135/180

typography

TYPOS


136/180

GRAPHE

(form)

(writing)

SERIF


137/180

SERIF

SANS-S

Script

S E R I F


138/180

SANS-SER


139/180

S E R I F(best for intensive

horizontal reading)

SANS-SE(best for intensvertical scann

Lorem ipsum dolor sit amet,

consectetur adipisicing elit, sed do

eiusmod tempor incididunt ut labore

et dolore magna aliqua. Ut enim ad

Lorem ipsum dolor sit a

consectetur adipisicing e

do eiusmod tempor incidi

labore et dolore magna al


140/180

g q

minim veniam, quis nostrud

exercitation ullamco laboris nisi utaliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit

in voluptate velit esse cillum dolore

eu fugiat nulla pariatur.

enim ad minim veniam,

nostrud exercitation ullalaboris nisi ut aliquip e

commodo consequat. Du

irure dolor in reprehend

voluptate velit esse cillum

eu fugiat nulla pariat

smooth transition firm feeling


141/180

Arial

Times New Roman


142/180

default fonts are

BORING.

Calibri Comic Sans

Arial

Formal, Korporat, Birokrat, Berat deh pokoknya! al

Times New Roman


143/180

Tinggal di masa kini, tapi pikiran terjebak di masa

(alias susah move on dari Microsoft Word)

Calibri

Mulai move on (karena pake Office 2004 ke ata

Comic Sans

Berusaha keras untuk terlihat lucu

Bebasneue

TRY THESE FONTS:

Montse


144/180

Bebas neue

Pacifico

Lobster 1.3

Montse

Rockwe

Futura

How many


145/180

fonts should

I use ?


146/180

combineonly 2-3 fonts, no more.


147/180

Size?how about

This is 80 font siz


148/180

This is 50 font size

This is 40 font size This is 30 font size This is 20 font size


This is 10font size



149/180

http://www.dafont.com/


150/180

http://www.fontsquirrel.com/


151/180

Demo


152/180


153/180

Freespective

consulting

National


154/180

National

Meeting

WE OFFER


155/180

THE BESTCUSTOMER

SERVICE!


156/180

colors


157/180


158/180


159/180


160/180

hurt audien


161/180


162/180


163/180

http://www.colourlovers.com/


164/180

http://www.colorschemer.com/online.h


165/180

http://www.pictaculous.com/


166/180

Demo

PowerPoint EAnimat


167/180

Animat TransitPicture T

Presenter Presentation

TECHNOLOGY

PowerPoint is quite bad in animation

• Most

• People

• Like

• It

• Looks

• Fun

• This

• Actual

• Slide

• To

• Fin

• En


168/180

Like

• To

• Play

• With

• Animation

• Because

Fun

• And

• Interesting

• And

• Also

• Cute.

Slide

• Took

• Me

• About

• 30

• Minutes

En

• Be

• PP

• Cr

• Se

• Ti


169/180

TRANSITION

PLEASE USE ITWISELY.

Cl


170/180

suCLICK TO ADD TITLE


171/180

CLICK TO ADD TITLE

Click to add subtitle


172/180

Click to add titleClick to add subtitle


173/180

Demo

designpresentation


174/180

JUSTDOIT


175/180

JUS O

to be

with anything o


176/180

Sir Ken REducat ion & Creat iv

IMAGE CREDITS: TED / RYAN LASH


177/180


178/180

THANK YOU

THANKYO


179/180

THANK YO


180/180

One Pacific Place Building, Level 11 J l. J end. Sudirman, Kav. 52-53 J akarta 12190

hello@ww

Brain-Friendly Presentation Workshop

Documents

Transcript of Brain-Friendly Presentation Workshop