Presentation Making

GuidelinesKey Points of Making Presentations

Doncho MinkovTelerik

Corporationwww.telerik.com

Table of Contents Clearing the Idea Collect the Information Getting Started Formatting the Content Styling the Content Telerik Template Presentation Final Touches What to Avoid in a Presentation?

Clearing the IdeaWhat to include? What to exclude?

Clearing the Idea The first thing to do when starting to build a presentation is to clear the idea

Might be done using mind mappings I.e. draw a circle and write inside

the name of the presentation Then start drawing around the main

circle everything that comes to your mind and is somehow connected to the subject

After finishing with that get the most important things and do the same with them, etc.

Clearing the Idea At the end you should have something like a Table of Contents Or at least a blueprint, something

to begin with It is important to have in mind the level of complexity of the subject I.e. if the name of the presentation

is "Basics of OOP in C#" you should not include Polymorphism and multiple inheritance

You should decide how detailed the presentation should be

Example of Simple Mind Map

Clearing the IdeaLive Demo

Collecting the Information

Collecting the Information

Once you have a sample Table of Contents you should start to collect the information

How to do that? The answer is simple: googling

Google is the perfect way to collect materials Google is full of tutorials and

already done presentations Do not copy the presentations, just

use them as source Just type the name of the

presentation and filetype:ppt or filetype:pptx

Collecting the

InformationLive Demo

Getting Started

Getting Started Now you have some materials on hand But sometimes it is not enough It is better to start making the

presentation on your own and later on seek for help

You should make sure that your presentations are well structured and organized Not a random list of bullet points

with no logical order

Formatting the ContentWhat and how to format the

information

Key Principles Key principles of presentation creation Keep the sentences as short as

possible Keep the content of a slide as small

as possible Use dark backgrounds with light

foregrounds The opposite is also acceptable (high

contrast) Use as large fonts as possible

What to Include in the Presentation?

Keep the content in the presentation small The presentation serves to point

the most important aspects of the topic

There will be a trainer to explain the details

If all the information is on the slides what is the point of having a trainer? Or the point of having this

presentation? Better email the presentation

Example of Bad Presentation

Hello! My name is Doncho Minkov and today we will talk about HTML Fundamentals. We will see the basics of the Hyper-Text-Markup Language and will explain what is a tag in HTML, the parts of a HTML document, and some of the tags….<a> this is the tag 'a'. 'a' comes from anchor and this tag is used for redirecting from one HTML document to another…bla bla bla

Content Formatting Avoid "all words slides" (like a journal article)

Keep the lines in a slide to 7 (+/-2) lines

Limit the bullet points to 4-8 Try to make each bullet one or two lines long

If you have a text Make it in bullet points It may take 2-3 slides

So what? Each sentence can be transformed into one bullet

Content Formatting (2) When there is too much text on one slide the audience Starts reading and does not listen

to the trainer Could fall asleep

It is easier for the trainer when there is less information on each slide Less topics to cover on this slide More concentrated in the slide

Arranging the Content Example of a bad slide

This could be split into at least four bullet points (4 sentences)

The title is not fully corresponding with the

content

Arranging the Content Can be easily transformed in two slides

Formatting the Content

Live Demo

Styling of the ContentWhat Background, Font and Colors to

Use?

Background Use a darker background for the

presentations Light background may look good on

the computer screen, but what about a projector?

When the background is white and the room is dark The background becomes too bright Nothing can be seen

The best background color is almost pure dark color like black, blue, etc.

Use the same background on each slide

Example of a Badly Selected Background

and Colors Can anything be seen?

Hardly Image if the sun is lighting the

screen

This looks much better! But generally this background is too

fancy

Font On the contrary of the background the font should be lighter This gives good contrast and is easy

to read The light font stands on dark

background Use the font colors consistently

Do not change them from slide to slide

The font face should be one the common fonts They are easier to read Most usual presentation fonts are

Verdana, Times New Roman, Corbel, Arial

Font (2) The font size should be big enough (18pt-36pt) If the text cannot be seen from the

back of the room, you should consider changing the font

Each slide should have a good title Should be bigger than the rest of

the text The title shows the intent of the

slide Using the most common fonts

Makes the presentation easier to read

Gives an expression of professionalism

Example of a

Badly Selected Font What if I choose such a Font?

Does it look Good? Does it look good? Does it look good? Does it look good? Does it look good? Does it look good? No it doesn't

Using Colors Use colors consistently

Choose one or two colors and use only them

The colors must be contrast to the background i.e. do not use light colors on light

background Or dark colors on dark background While on yellow, blue on black

Avoid Fancy Colors! Sample text with different colors

This is an example how not to use colors

This is an example how not to use colors

This is an example how not to use colors

This is an example how not to use colors

Sample text with non contrast colors This is an example how not to use

colors This is an example how not to use

colors This is an example how not to use

colors

Using PPT TemplatesBuild-In and Professional Templates

What is a PTT Template?

This is a ready template for your presentations Defined font colors and faces Defined places for the titles,

contents, etc. Defined background Etc.

Sometimes it is a good idea to use templates Not all ready templates are good Spares you to think for the right

color They are made by designers

There are some built-in templates But can also be downloaded from

the web Examples of free PPT templates:

http://www.presentationpoint.com/powerpoint-templates/

http://www.templateswise.com/

Styling of the Content

Live Demo

Telerik Academy Template PresentationHow to execute the rules upon Telerik Academy

Presentations

Telerik Template Presentation

Telerik Academy presentations consist of1. Presentation Title Slide2. Table of Contents3. Subtopic Title Slide4. Subtopic Content Slides5. Subtopic Demo Slide6. … (next subtopic follows the same

pattern) …7. Presentation Summary Slide8. Questions Slide9. Exercises Slides

Telerik Template Presentation

The font family used everywhere is Corbel The text is always bold and

shadowed But not italic!

The color of the text is RGB (#EBFFD2) Terms and definitions use color

(#DAFFD2) Keywords use Consolas font and

color (#DAFFD2) Code examples use the following pattern:

for (int i=0; i<10; i++) …

Presentation Title Slide

Subtitle Part

Title Part

Author / Presenter Part

Presentation Title Slide Title Part

Here we put the presentation subject i.e. Entity Framework, HTML 5

The font size is 54pt Subtitle Part

What is the presentation about i.e. HTML 5 new Tags, Canvas

The font size is 28pt

Presentation Title Slide Author / Presenter Part

Here is the name of the presenter It is better to keep there the name of

the author When the presenter is not the author

it is better to change it to the name of the presenter

The font size is 28pt Below the name of the presenter

comes the name and website of the corporation The font sizes are 26pt and 24pt

Table of Contents Slide

The Slide Title

Contents

Sub contents

Table of Contents Slide (2)

The slide title part is always with font family Corbel with font size 40pt Describes the slide contents

i.e. Anchor tag or Anchors in HTML, etc.

In the Table of Contents slide are listed the contents of the current presentation i.e. which topics will be covered

The main list item is with size of 32pt Each level below is decreased with

2pt i.e. 30, 28, 26, etc.

Title Slide

Subtitle

Title

Title Slide The title slide is to show that a new part of the presentation is about to begin i.e. HTML Basics

The subtitle points the most important parts of this title i.e. Head and Body, HTML Tags,

HTML Documents

Demo Slide The Demo Slide much like the title slide The title is the same But the subtitle is "Live Demo" There should be always a Demo

Slide in each part of the presentation

When such a slide comes it is Demo Time! Usually comes after the examples

Content Slide

Content (Corbel 32px)

Title (Corbel 40px)

Content Slide The title of the Content Slide is to show what is to be found in this slide

These slides contain the information These are the most important slides

from all the presentation All the other slides are just to make

the presentation more pretty and organized

Summary Slide The summary slides are formatted the same as the Content slides

These slides to briefly represent the key points of the topic

They should contain the most important things of the whole presentation

Here animation could be a good thing Keeps the attention of the audience

only on the title on the show

The Exercises Slide The exercises part the could consist of one or more slides

Each slide contains exercise/s connected with the topic presented

Why having such slides? Most of the people learn the

material when they "touch" it Messing around with the technology

is the best way to exceed

Telerik Academy Template

PresentationLive Demo

Final TouchesJust Before Finishing the Presentation

Final Touches When we are done with the content of the presentation? The content is full and well

formatted The presentation is well structured The format and font size are OK

Then all we have to do is to decorate it Put some pictures in the

Title slides Contents slides In all empty places of the

presentation

Final Touches (2) The pictures/images should not be random This only makes the presentation

more distracting The pictures should be connected with the subject i.e. if the title is "C# OOP"

Good picture is Bad picture is

Final TouchesLive Demo

What not to Use in a Presentation?

Media, Animations

Animations Why not use animation?

Animation can be very harmful Distracts the audience

The students are here not to watch pretty animations but to learn something

Takes too much time to animate the whole presentation There is no point!

Animations (2) When using an animation

Nobody is listening to the trainer Or following the presentation They are waiting to see the next

animation What is the point?

Avoid using animation If you decide to use animation

Choose a simple animation And use it consistently all over the

slides

Some Bad Animations

Avoid using animation Use as simple animation as you can Use it consistently If you decide to use animation

Limit it as much as you can Another example line Yet another one

This is a very bad animation

Some Very Bad Animations

Avoid using animation Use as simple animation as you can Use it consistently If you decide to use animation

Limit it as much as you can Another example line Yet another one

This is a very bad animation

Media

Avoid media inside you presentations Better put an external link and

show it as demo Why?

The audience is here to see the presenter and his / her talk

They can watch the video / listen audio at home It will be more comfortable for them

too

Summary Clearing the Idea

Mind mapping Collect the Information

Using Google Getting Started How to format the presentation? Telerik Template Presentation Decorating with pictures Avoid using media and / or animations

Questions?

How to Create a Presentation