1 of 24

Slide Notes

DownloadGo Live

Designing Visual and Engaging Presentations 的副本

No Description

PRESENTATION OUTLINE

Designing Visual and Engaging Presentations

Photo by m-s-y

Session outline

  • Design tips
  • Creative Commons
  • HaikuDeck - design
  • NearPod - engageb

Design tips

Form following function
Form following function is a well established design principle

The aesthetic should be based upon the intended function.

For example, this block of flats is intended to provide safe, low-cost living in a densely populated area.

As a result it is built upwards, made from strong weather resistant material

Functions of a presentation

  • Supports and reinforces the speakers message
  • Communicates to the entire audience
  • Made of resources which are used ethically and legally
What are the functions of a presentation?

The content clearly reinforces and supports the key messages being delivered by the speaker

Communication is delivered in an inclusive format and considers the needs of the entire audience

The resources used to create the presentation are appropriately acquired and legal

supporting the message

Design tips
Photo by lyonora

Simultaneous use of speech, images and text can increase the cognitive load on your audience. Make sure that your audience focus on listening to your presentation rather than reading it; slides are there to benefit your audience and not act as a script.

Minimise use of text, be concise and use images which complement and reinforce your points rather than distract from your speech. If you need to use a lot of text then consider moving it onto a hand-out sheet.

Photo by BigTallGuy

Presentation tips

  • Balance text, speech and images
  • Summarise key points with text
  • Use images to support your ideas
  • Put detailed information onto a handout
Using concise sentences to emphasize key points is a great way to reinforce your message.

However, using a separate slide for a single key point allows your slides to provide more emphasis and become more visually expressive.
Photo by Peter Ras

Balance text, speech and images

Too much text and detailed images, combined with speech will cause cognitive overload for your audience.

The details of your presentation should come across in your speech

Each slide should be used to clearly communicate and accentuate your by message by highlighting a key point with text and illustrating this with an appropriate and relevant image.

Summarise key points with text

Image from Powerpoint hall of shame website.

Speaker is clearly using his slide as a script.

Your audience can read faster than you can talk so this is never a good idea.

Use images to support your ideas

Use high quality images which illustrate your message and support your text.

Visual content which is difficult to see or understand in relation to your message can confuse your audience.
Photo by nickelstar

Put detailed information onto a handout

Use the appropriate mediums to communicate information. Use hand outs or the virtual learning environment to provide longer more details pieces of text
Photo by rbarenblat

Visibility and accessibility

Design tips
Your presentation should communicate and engage your entire audience.

Make sure as best as you can that presented information is clear and accessible to everyone.

Communicate to the back row

Consider the size of your audience and room you will be presenting to.

Text and images on slides should be readable for the person sat in the back row.
Photo by Andrew Scott

Use large text and high-quality images

Use large text and clear images to communicate your message. Billboards are an excellent example which use these methods to communicate.
Photo by mrbula

Text on images

Use contrast to make your text stand out
Use contrast and colour to make your text stand out from a dark or light background.
Photo by 5telios

TEXT ON IMAGES

Use contrast to make your text stand out
Photo by 5telios

Use a solid background colour to make text readable on textures

A solid colour background behind text can make it easier to read on complex textures or colourful images.
Photo by chiaralily

Use a solid background colour to

make text readable on textures
Photo by chiaralily

Using open-licensed images

Creative Commons
Not all images made publicly available through the internet can be used within your work

All images are born copyrighted

Creative Commons provides open licensing to freely distribute otherwise copyrighted work
Photo by Kalexanderson

"Creative Commons is a
non-profit organization that
enables the sharing and use of
creativity and knowledge
through free legal tools"
www.CreativeCommons.org

Photo by Marc Wathieu

CC Licenses

  • Copy
  • Distribute
  • Edit
  • Remix
  • Build upon work
  • Commercial/non-commercial use
Creative Commons provides several licenses which allow the author to communicate how their work can be used.

Different licenses enable others to copy, distribute, edit, remix and build upon work.

They can also state whether it can be used for commercial use.
Photo by Leo Reynolds

CC Attribution

  • Title of the work
  • Name of the author
  • Link to the original source
  • Details of the license
When using a work which has been licensed under CC, you must include the following details.

The title of the work - if available

The name of the author and a web link to the original piece of work.

Details of the creative commons license which has been used.

"Creative Commons 10th Birthday Celebration San Francisco" by tvol is licensed under CC BY 2.0

Here's an example...

Where to find CC images?

  • Creative Commons Search
  • FlickR - largest database
  • PhotosForClass - includes attribution
  • HaikuDeck - presentation software
Creative Commons Search webpage can be used to find videos, audio, music, images and more

FlickR is the largest database of CC images - although not all images on here are licensed you can filter this within your searches

PhotosForClass - designed for students and teachers to find moderated CC images on FlickR which include the attribution text

HaikuDeck is the tool which has been used to create this presentation and includes a built in CC search and automatic attribution

Further details of the different licenses and web-addresses for finding creative commons are available on the handout...