Published on

Story board of presentations 2.0 informal learning framework.

Published in: Spiritual, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Welcome to Presentation 2.0, Sustaining attention in the modern world. This is a power point tutorial going over some of the basics principles of presentation design.
  • Think back to a time you fell asleep during a presentation, we all have done it at one point or another, then consider a presenter with a presentation that kept you awake alert and interested. While a great presenter can do wonders, a great media presentation can enhance and add to their pitch. Let's get started.
  • We will cover four design principles in this instruction that will help you have a quick foundation on simple usable concepts that will keep your viewer from being overwhelmed, confused, or frustrated.     Time is money, distraction come within 10 minutes according to some brain research, and given your time is valuable a good design can make your presentation valuable as well. Let's move on to the first design principle.
  • The most common design issue is oftenspace.   Space is speaking to a few different characteristics within design.   We are talking about balancing what is on the screen, keeping the right proportions, aligning them effectively and finally considering their proximity or closeness to each other.   There is a lot of information that can be on one slide, so keep in mind that you only need to put in what is essential or can't be conveyed with words.     Keep it organized and together. Lets start by examining two different slides and their usage of space.
  • There is a lot of white space on this slide! That might be what is most obvious at first.   The slide is however, very careful within it's usage of space.   Nothing seems overcrowded and the viewer can easily understand what is there with one glance, and let's face it sometimes that is all we get.   A presentation slides shouldn't ever confuse the viewer with too much information in one place. As stated before just give the most critical information or what you can't state with words.  
  • This slide has a lot going on as well. The viewer at first glance might not really know where to look. The first thing noticeable item is the Google logo. Is this intentional? Let’s look again.   This seems to be a google reader demo, but it wouldn’t be obvious based off one quick look. It is a bit over crowded. It would be great to divide this information up and take out the non essentials. If the google logo needs to be on there it should be smaller and not taking up a quarter of the page.   We are doing great - Let’s move on to the next design principle!
  • Importance!   Giving importance to an object means your viewer has a direct place that he or she is going to look first and foremost.   Animation while useful, is not often necessary to get your point across.   Dominance and Hierarchy are the keys of importance. They can both give the viewer a key idea as to where the slide is starting and ending. Let's look at the following two slides and see what this design principle looks like
  • In the first slide on the page it is clear that “Key Social Platforms,” the big orange circle in the middle is the dominant piece of the slide. The viewers eyes will very intentionally go their first.   The second slide the viewer has a little bit more information but enough to understand the title,   the prominent body of the slide and the image, this is hierarchy in place. The viewer has a flow of where their eyes need to go.
  • This slide however makes it very unclear to the viewer as to where to look. There is a lot going on and like a messy room it is somewhat hard to navigate. This could be easily cleared up. All we need to know is within the next design principle.
  • Colors are what often the first thing to grab our attention, in that last slide it did grab our attention, but too much of it.   Keeping in mind our ability to handle visual stimulation it is important to use contrasting yet similar colors and not overload the visual senses when making color decisions within a presentation.   Fonts are also important, keep a similar font face throughout your slides as to not distract the viewer or confuse them. Remember less is often more. Let’s examine the following slides.
  • There isn’t too much going on in this slide which is a good thing.   There is clear dominant feature in the Information title, which is good.   The space is actually not horribly used, but could be better and the font face is the same throughout the page.   The main issue with this slide is that each informational bullet is in a unique colors!   It would be best to keep that font color uniformly one color per section throughout the slide.   If a color is going to be used for the title bar try to keep that similar as well. on each slide.
  • This slide does a much better job with keeping the fonts and colors similar.   There are many images on the right though and they are some what distracting. Don’t just consider text when you are considering color   For example leaving the globe in color and making the rest of the images around it in black and white might do wonders for the importance and color aspects on this slide.   The viewers eyes will automatically see the dominance of the globe within this slide and not be distracted by multiple colors surrounding it.
  • Finally our last design principle is unity. Unity in presentations is speaking to the partnership between the parts and the whole package. Hopefully you've seen some of this by now.   The viewer watching a presentation that has unity within it will easily follow one slide to the next.   It is not necessarily the lack of new visuals, yet the solid foundation that keeps the presentation flowing. A common font, background color and title bar are all great uses of unity, or even consistent borders around photos.   All of the design principles are necessary for Unity to exist. The next slide will give you a brief example of unified parts to a small portion of a slide set.
  • This slide set will give you some information of what unity looks like.
  • In the following exercises you will examine what you’ve learned so far.
  • Now we will go over some further information that you might want down the road in using technology tools and creating presentations.
  • Using photos is an effective way to say everything with one piece of content. The first three sites on this page will help you get grasp of how to search for photos,     after that if you choose read the document on how to incorporate photos into your presentation using creative commons and flickr.
  • Web 2.0 is briefly defined as the second generation of the world wide web that fosters interactivity and community. Many web 2.0 tools now exist where people can create a presentation without software but just a simple browser. Go ahead and try out one of these sites or all if you wish and see how they work for you. Following that if you’d like to share a presentation you can try to use slide share to host your presentation or embed it onto another website if you so choose. Also the best slide shows are voted on within slide share, take some time out, go to the home page and view them and see what design principles you can point out.
  • Here are some additional resource for updating your skills on a regular basis. Two blogs Presentation Zen, Beyond Bullet Points are both useful for tips and tricks of the trade.   Finally Principles of Design covers much of what we covered today from a different angel for further review.  
  • Use the Design Pyramid, to remember some of what learned today.
  • Thank you for taking time out for this tutorial. Hopefully you have a better grasp presentation design and keeping your viewers attention. As well as an understanding of a few web tools you can use to enhance your presentations. Thank you and have a great day!
  • Presentations2.0

    1. 1. PRESENTATION 2.0 Sustaining attention in the modern world
    2. 2. <ul><li>Purpose? </li></ul><ul><li>Memorable? </li></ul><ul><li>Useful? </li></ul>Presentation 101
    3. 3. Keep It Simple <ul><li>Today’s world constantly bombards our audience with information. </li></ul><ul><li>Time is $ </li></ul><ul><li>Priorities </li></ul><ul><li>Attention Span </li></ul>
    4. 4. <ul><li>Definition: Space is speaking to a few key characteristics of a good design, specifically: balance, proportion, proximity, and alignment. Space is always at a premium so use it wisely. Keep what you need throw out what you don’t. </li></ul>Design Principle: Space
    5. 5. Example: Space <ul><li>Using the principle of space, what is noticeable in this slide? </li></ul>
    6. 6. Example: Space <ul><li>Using the principle of space, what is noticeable in this slide? </li></ul>
    7. 7. <ul><li>Definition: Importance means dominance and hierarchy on each slide is clear and apparent. There should be an item that is going to immediately reach the viewers visual field first and foremost. </li></ul>Design Principle: Importance
    8. 8. Example: Importance <ul><li>Using the principle of importance, what is noticeable in these slides? </li></ul>
    9. 9. Example: Importance <ul><li>Using the principle of importance, what is noticeable in these slides? </li></ul>
    10. 10. <ul><li>Definition: Colors and Typography should consider space, dominance, and unity within a presentation to keep the design flowing from one screen to the next. </li></ul>Design Principle: Design Colors & Typography
    11. 11. Example: Color & Typography <ul><li>Thinking of color & typography, what is noticeable in this slide? </li></ul>
    12. 12. Example: Color & Typography <ul><li>Thinking of color & typography, what is noticeable in this slide? </li></ul>
    13. 13. <ul><li>Definition: Unity in presentations is speaking to the partnership between the parts and the whole package. The viewer with a presentation that holds unity will be able to easily follow one slide to the next </li></ul>Design Principle: Unity
    14. 14. Given design principle of unity, what is noticeable in the following slide set?
    15. 15. Design Principle Quiz Time!
    16. 16. Sample Quiz
    17. 17. Additional Tasks
    18. 18. Photo Search <ul><li>Using photos is a great way to get the viewers attention quickly and effectively. </li></ul><ul><li>Find Photos: </li></ul><ul><ul><li>Google Images </li></ul></ul><ul><ul><li>Flickr </li></ul></ul><ul><ul><li>Compfight - Creative Commons + Flickr </li></ul></ul><ul><li>Incorporating Photos in Presentations </li></ul>
    19. 19. Web 2.0 Tools <ul><li>Try out one of the following web 2.0 tools to create a presentation from start to finish. </li></ul><ul><li>Web 2.0 Tools: </li></ul><ul><li>Zoho Show </li></ul><ul><li>Prezi </li></ul><ul><li>Google Documents </li></ul><ul><li>Share Presentations: Slide Share </li></ul>
    20. 20. Additional Resources <ul><li>Review the following websites for further design principles </li></ul><ul><li>Presentation Zen </li></ul><ul><li>Beyond Bullet Points </li></ul><ul><li>Digital-web - Principles of Design </li></ul>
    21. 21. All Together
    22. 22. <ul><li>Educational Technology 671 </li></ul><ul><li>Learning Environment Design </li></ul>Thank You!
    23. 23. Pictures & Slideshow Credits <ul><li>General </li></ul><ul><ul><li>Clock </li></ul></ul><ul><ul><li>Unity </li></ul></ul><ul><ul><li>Closet </li></ul></ul><ul><ul><li>Eiffel Tower </li></ul></ul><ul><ul><li>Paint </li></ul></ul><ul><li>Information Example Slides: </li></ul><ul><ul><li>Books </li></ul></ul><ul><ul><li>Books </li></ul></ul><ul><ul><li>Newspapers </li></ul></ul><ul><ul><li>Laptop </li></ul></ul><ul><ul><li>iPhone </li></ul></ul><ul><ul><li>Television </li></ul></ul><ul><ul><li>Globe </li></ul></ul><ul><li>Slide Shows Examples: </li></ul><ul><ul><li>Social Media for Non Profits </li></ul></ul><ul><ul><li>Antibioticos </li></ul></ul><ul><ul><li>Alcohol Awareness </li></ul></ul>