Design Workshop HWI

1,420 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,420
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
47
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Do we want to go here or should we *briefly* touch on the complex issues with using PPT and then move on, since we have only 1 hour?Some views on PowerPoint from an information design and cognitive standpoint:Cliff Atkinson: http://www.sociablemedia.com/articles_norman.htmEdward Tufte: http://www.edwardtufte.com/tufte/powerpoint
  • PPT doesn’t replace you in the classroom
  • PPT doesn’t replace you in the classroom
  • Talking slowlyStress interactivity vs presentation / banking model vs interactive learning and the purpose of using powerpoint
  • Fonts don’t travel between computers; when you open a file you’ve created on your computer in another setting on another computer and the fonts appear different, a “font substitution” has occurred Just because you have a font on your computer doesn’t mean it’s installed on the computer attached to the projector in the classroom You can avoid “Font substitutions” by using your own computer for the presentation embedding the fonts in the PPT document [via the “Save as” feature] if you’re working on a PC platform; font embeds aren’t possible yet for Macs
  • Show FSB templates and demonstrate how to use briefly
  • Print out a slide containing text, then place the page on the floor.  Can you read the slide from a standing position?  If yes, then your audience can likely read it from their seats.  If no, then the font size needs to be increased. 
  • Design Workshop HWI

    1. 1.
    2. 2. Purposes for Using PowerPoint<br />Why use PowerPoint?<br />Does our use of technology in the classroom promote student learning?<br />When is PowerPoint unnecessary?<br />
    3. 3. Effective PowerPoint Presentations<br />What makes a PowerPoint presentation effective from a design standpoint?<br />What are characteristics of ineffectively designed PowerPoint presentations?<br />
    4. 4. Why is Design Important?<br />Enhances the effectiveness of your presentations<br />Helps communicate your main points <br />Recent study*: Students place high value on PowerPoint in areas of learning and motivation <br />* Tang, Thomas Li-Ping, and M. Jill Austin &quot;Students’ perceptions of teaching technologies, application of technologies, and academic performance.&quot; Computers & Education 53.4 (2009): 1241-1255. <br />
    5. 5. Best Practices for PPT Design<br />Simplicity<br />Readability<br />Interactivity<br />
    6. 6. Simplicity<br />Notes function vs information overload on screen<br />Studies have shown “More is not better” in terms of using technology to teach<br />Avoid Information Overload<br />PowerPoint expert Cliff Atkinson, author of Beyond Bullet Points says, &quot;When you overload your audience, you shut down the dialogue that&apos;s an important part of decision-making.&quot; <br />He points to research by educational psychologists: &quot;When you remove interesting but irrelevant words and pictures from a screen, you can increase the audience&apos;s ability to remember the information by 189% and the ability to apply the information by 109%.”<br />
    7. 7. Simplicity<br />Notes function vs information overload on screen<br />“More is not better” in using technology to teach<br />
    8. 8. Simplicity:Information Overload<br />PowerPoint expert Cliff Atkinson, author of Beyond Bullet Points: <br />&quot;When you overload your audience, you shut down the dialogue that&apos;s an important part of decision-making.&quot; <br />
    9. 9. Simplicity:Information Overload<br />Atkinson:<br />&quot;When you remove interesting but irrelevant words and pictures from a screen, you can increase the audience&apos;s ability to remember the information by 189% and the ability to apply the information by 109%.” <br />
    10. 10. Simplicity: Less is More<br />Keep words at a minimum <br />6 x 6 guide; no more than 6 points per slide and 6 words per point<br />Keep slides at a minimum<br />3 slides per minute max <br />
    11. 11. Simplicity: Less is More<br />Keep fonts simple<br />2 max per page, including variations on a single font <br />bold and regular of Arial = 2 fonts<br />portability of fonts & substitutions<br />
    12. 12. Simplicity: Less is More<br />White space is your friend<br />Avoid pictures or graphics in background<br />Avoid brightly colored backgrounds<br />
    13. 13. Simplicity: Skip the Tricks<br />Minimize or avoid animated texts, sounds, and fancy transitions <br />Can be effective in certain situations, but often distract your audience from your main points<br />
    14. 14. Simplicity: Graphics<br />Word art: When words become art, and when that’s not necessarily a good thing<br /> <br />
    15. 15. Simplicity: Graphics<br />Options for creating graphics, charts, and diagrams:<br />“Smart Art” in PowerPoint<br />Web 2.0 program (free):<br />gliffy: http://www.gliffy.com/<br /> <br />
    16. 16. Simplicity: Graphics<br />http://sxc.hu/<br /> site for illustrations & photos<br /> <br />
    17. 17. Readability: Basic Design Theory<br />Contrast<br />Repetition<br />Alignment<br />Proximity<br />Also known to graphic designers as “CRAP” or “PARC” Principles<br />
    18. 18. Readability: Contrast<br />Strong contrast adds “visual interest” and keeps your students’ attention<br />Makes content more attractive<br />Highlights the most important concepts<br />Difference implies importance<br /> <br />
    19. 19. Readability: Contrast<br />Strong contrast adds “visual interest” and keeps your students’ attention<br />Makes content more attractive<br />Highlights the most important concepts<br />Difference implies importance<br /> <br />
    20. 20. Readability: Contrast<br />Using colors to create contrast<br />Black text on white background <br />White text on black background<br /> <br />
    21. 21. Readability: Repetition<br />Repetition involves repeating design concepts on each page<br />Creates unity and consistency<br />Professional design practice: branding<br />Templates<br />In PowerPoint<br />Five sample templates on HWI site branded for Farmer School of Business<br /> <br />
    22. 22. Readability: Alignment<br />Nothing should be placed on a page arbitrarily<br />Every element should have some visual connection with another element on the page<br />Creates a clean, fresh, sophisticated look <br /> <br />
    23. 23. Readability: Alignment<br />Ideally every object (graphics, photos, or text) should be aligned with other objects<br />Includes vertical and horizontal alignment <br /> <br />
    24. 24. Readability: Alignment<br />Horizontal alignment<br />Ideally every object (graphics, photos, or text) should be aligned with other objects<br />Includes vertical and horizontal alignment <br /> <br />Vertical alignment<br />
    25. 25. Readability: Proximity<br />Group similar items together<br />Similar to paragraphing in writing<br />Helps readers organize information<br />Using bullets and templates to achieve “proximity” in design <br /> <br />
    26. 26. Readability: Type Size<br />Make sure your fonts are legible and large enough<br />“Floor test&quot; for readability<br /> <br />
    27. 27. Readability: Type Size<br />Preview your presentation in the classroom<br />Should be able to read the slides from the back of the room<br /> <br />
    28. 28. Readability: Type Style<br />Avoid all caps<br />serif vs. sans serif<br /> <br />
    29. 29. Readability: Focal Point<br />Related to contrast and white space<br />Use design consciously to create and emphasize your message<br /> <br />
    30. 30. Readability: Focal Point<br />Images<br />Eyes move from top to bottom, left to right<br />Logos usually at lower right<br /> <br />
    31. 31. Interactivity: Student Learning <br />Inquiry-based learning <br />Interactive PowerPoint: An oxymoron?<br />Ideas for interactivity<br />pose questions<br />Fill in responses <br />Have students take notes responding to questions on PPT <br />Post notes to Bb site<br />Other ideas to make PPT more interactive?<br /> <br />

    ×