design 2 learn_2011

PETDI 2011 Email: [email protected]

PowerPoint Design Principles of

Tips on how to think like a designer

Manipula0ng Typography


A Prelude

The real danger is not that computers will begin to think like men, but that men will begin to think like computers.

-‐ Sydney J. Harris

The medium that we choose to express our thoughts with shapes the message

2


WHAT DOES IT TAKE TO CHANGE? What do we want to achieve?

3


Overview

•  Elements of Design •  Typography •  Crea0ng Engaging Content •  Best prac0ce guidelines: what to avoid and what not

•  Links to: slide, ppt, doc,

4


A good presenta0on needs…

•  Sexy Design •  Engaging Content •  Posi0ve Delivery

5


What is Good Design?

6


Would you rather look at this?

7


8


Or this?

9


10


Simple Design = Easier to

Understand

Use the “Less is More” Principle for design

11


Serif VS

Sans Serif For selec0ng the “right” font… consider

readability, aesthe0cs and style

“without”

“foot”

12


The visual dis0nc0veness of a font is judged by it’s x – height and the height of its ascenders and

descenders

X -‐ Height The x – height is the distance from the boWom of the lower case “x” to the top.

Experimental baseline x X -‐ height

descender

ascender

13


Working with one font family creates a more cohesive look… Find a font family that contains several different weight varia0ons to allow for

more design flexibility

Font Weight

regular bold bold italic

italic condensed light

14


Test the fonts you use to see how they look on the computer screen and the projector

Appearance On Screen

Gill Sans Lucida Sans Helvetica"Trebuchet

Georgia Impact Verdana Tahoma

15


Base your font selec0on on what the presenta0on is about

Style

Ancient Broadway

Frightening Personal

16

PETDI 2011 Email: [email protected] 17

So how will you make your presenta0ons more effec0ve?


If you globally change your fonts, make sure to check for changes in

line breaks

Global Quick Change

From Home ribbon… click on Design… go to “Font” to change the font combina0on to what you want

18


Your new font theme will be available for every presenta0on

you create

Create New Theme Fonts 1. From Home ribbon… click on Design… go to Font to change the font combina0on to what you want 2. Click on “Create New Theme Fonts” at the boWom of the menu.

19


Character Spacing is also known as “tracking” and is used to improve the appearance of words

Adjust Character Spacing

1. Select the text you want to alter 2. Right click and select “Font” 3. Choose “Character Spacing” 4. Adjust as necessary

20


This can be done in the Slide Master to have con0nuity throughout the presenta0on

Adjust Paragraph Spacing

1. Select the text you want to alter 2. Right click and select “Paragraph” 3. Adjust as necessary

21


Try “Googling” for fonts, you’ll never know what you’ll find.

There are also books available concerning Fonts

Finding Fonts Online

www.1001freefonts.com www.dafont.com

22


How do we create engaging Content?

23


Drip-‐feed text

24


Too much wri0ng

• Common Problem:

25

& wri0ng too small


•  It was one of those summery days when the air is heavy and warm and nobody wants to do very much. Jonathan and Robbit were res0ng on top of one of Moley's hummocks, relaxing and watching the rest of the world go by. Jonathan could feel the sun's warmth through his shell and it was making him feel comfortable and drowsy. He wriggled contentedly. Last night, before he'd gone to bed, Jonathan had taken off his shell and given it a special polish, and this morning it gleamed in the sunlight. Beside him on the sog warm molehill, Robbit lay on his back, his paws behind his head, gazing up at the clear blue sky, thinking about things in his own rabbity way.

•  "Why do neWles have s0ngs?" He asked suddenly •  Jonathan had just begun to doze off, and woke with a start •  "Why do neWles have what?" He asked, not quite awake. •  "S0ngs," Robbit scratched one of his ears in a comfortable, absent-‐minded sort of

way. •  Jonathan pondered, his head 0lted to one side as he thought. •  "I suppose," He said eventually, "They have s0ngs so nobody will eat them." •  "That's silly," Said Robbit, "Nobody'd want to eat a roWen old neWle, anyway:

they're all tough and stringy."

26


Media Rich

27


Media Sources •  Video www.youtube.com

•  Photographs www.flickr.com

•  Sound Effects www.freesound.iua.upf.edu

•  Digital Library www.archive.org

28


Media Sources •  Wikimedia hWp://commons.wikimedia.org

•  Free Digital Photos www.freedigitalphotos.net

•  Crea0ve Commons hWp://crea0vecommons.org

29


Explain complex theory with diagrams

30


B

A

A = Energy B = You

31

A B

Power Electricity


32


Images are Powerful

33


34


35


36


37


38


What is a good way to Deliver this?

39


Teacher, meet Presenter

40


You already do this.

41


Lets also do this

Presenting Teacher

Engaged Student

42


Present interacTvely

43


Which TV show’s theme is this?

Eastenders The X-Files

The Bill The Outer Limits

44


Play games

• Who wants to be a Millionaire • Observa0on • Odd One Out •  A Ques0on of Sport

45


PowerPoint + Quizdom = FormaTve Assessment

46


Common Mistake: •  People tend to put every word they are going to say on their PowerPoint slides. Although this eliminates the need to memorise your talk, ul0mately this makes your slides crowded, wordy, and boring. You will lose your audience's aWen0on before you even reach the boWom of your....

47


•  [Con0nued] first slide.

48


Common Mistakes:

•  Many people do not run spell cheek before showing their presenta0on -‐ BIG MISTAK!!! Nothing makes you look stupider then spelling erors.

49


Common Mistakes • Avoid • Excessive • Bullet-pointing.

• Only • Bullet • Your • Key • Points.

• Too Many • Bullet-points

• And • Your • Key

• Messages • Will • NOT • Stand • Out. • In-fact

• The

• Term • Bullet-point

• Comes • From

• People

• Firing

• At • Annoying

• Presenters.

• Guns

50


51


Be careful using too much data

52


Useful Data v Total Number of Slides

0

20

40

60

80

100

0 5 10 15 20Slide Number

Usef

ulln

ess

53


Final Tip

• W for White, B for Black.

54


Have a Definite Ending

55


To summarise and conclude

56


The Problem •  Breaks thoughts up into discreet en00es •  Does not present the whole picture •  A single tool used to solve all problems •  Typically, too much informa0on given on each slide •  Overly simplifies informa0on •  Passive delivery model (creates an “audience” instead of a class) •  Tempta0on to use distrac0ng sounds and anima0on •  Encourages the use of general headings instead of descrip0ons of real

problems •  Presenters tend to read off the slides and turn their backs to the

“audience” •  Too many bullet points – not enough informa0on

57


Then Why Use Powerpoint?

•  To express the organiza0on of thoughts; not impose an organiza0on

•  To create opportuni0es for interac0vity •  To deliver mul0modal learning content

58


Opening Slides

Take a moment to reflect on your experience of PowerPoint. Think of a nega0ve example and a posi0ve example and share with your neighbor and the class.

59


Problem-‐Solving Slides: Slide contains a question and the answer is left blank for the students to answer.

60


Non-‐Linear PowerPoint Slides

Three categories that are best understood together. Related informa:on

61


Focusing AcTvity Slides

Think about how you might apply what you have learned today in your particular discipline.

List as many characteristics of a good lecture that you can.

62


QuesToning Slides:

Ques:ons?

Come up with one test ques:on based on this lecture to stump your partner.

63


The Blank Slide

64


The Game Slide

Jeopardy

65


Mnemonic Visual Slides Illustra0ons, anima0ons, visuals, and sounds should be used sparingly and only to reinforce the lesson.

66


Final Thoughts…

Powerpoint is a visual medium. It is used most effec0vely as an aid for your students. Use dense handouts or text books, and use ppt to outline or process the informa0on.

67


HANDS-ON your turn!


•  Develop a PPP about the topic you developed in Module 3. Include some anima0on effects taking good care to strike a balance between delivery con0nuity and innova0on.

69

Class Lab Session


•  Create a summary slide with sub-‐0tles linked to another slide, another PPP, a word document, a pdf file and a website.

70

Class Lab Session


Class Lab Session

•  For the first slide record a ‘voice over’ documentary introducing the whole PPP. This func0on is used a lot in on-‐line learning to introduce a topic, a PPP or a course.

71

design 2 learn_2011

Education