creating great presentations · creating great presentations w3c tech talk 9 march 2016 molly e....
TRANSCRIPT
![Page 1: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/1.jpg)
Creating Great Presentations W3C Tech Talk 9 March 2016Molly E. Holzschlag
![Page 2: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/2.jpg)
The Big Picture
- Planning and Process
- Structure and Build
- Design Guidelines
- Asset Resource Guide
![Page 3: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/3.jpg)
Planning & Process
- Define
- Research
- Write
- Review
- Revise
![Page 4: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/4.jpg)
Define
• Define the primary goal of the presentation
“This presentation will help speakers prepare more successful and attractive slide decks”
• Define the expected audience
“The audience is Web technologists and technology leaders working with W3C out of The STATA Center at MIT/CSAIL
![Page 5: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/5.jpg)
Research
• Use online and “traditional” methods of researching the topic
• Collect primary, secondary sources (consider tertiary) for content
• Collect and inventory assets:
• quotes
• imagery
• tables, charts, graphs
![Page 6: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/6.jpg)
Write
• Outline and develop narrative
• Break into 3 sections:
• Intro
• Body
• Conclusion
![Page 7: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/7.jpg)
Review
• Test the story
• Offer up for feedback to colleagues
Tip: Presenting at smaller event first can go a long way toward working out kinks and bumps in the narrative and slide deck!
• Collect feedback and organize into salient points
![Page 8: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/8.jpg)
Revise
Revisions are frequent in presentations, this is expected and normal. It is also:
• positive: as it provides valuable feedback
• negative: as it can drain time and resources
Revisions should be implemented iteratively at critical points when some aspect of the core message changes.
Tip: Place a hard stop prior to the presentation and walk away!
![Page 9: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/9.jpg)
- Rob Cottingham
“Every audience has the fundamental right to have their intelligence, time and attention
treated with respect”
![Page 10: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/10.jpg)
Structure and Build
- Develop Structure
- Create Slide Outline
- Build Out Deck
- Finesse
![Page 11: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/11.jpg)
Develop Structure
With the narrative in hand:
• Break narrative and assets into “like” groups
• Use design and memory retention patterns to express groups
• Map narrative to a sequential timeline: Opening, Presentation Content, Q&A, Close
![Page 12: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/12.jpg)
Create Slide Outline
• Tool time! Use the slide development tool of your choice, recognizing that GUI interfaces are valuable for visualizing patterns
• If you are building directly in HTML, those patterns will best be represented by appropriate header, section and content divisions within the narrative
![Page 13: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/13.jpg)
Build Out Slide Deck
Once you have the primary message, general narrative content and supporting assets, it’s time to build out structure.
• Plan slide structure to known design patterns (odd number memory patterns 1-3-5-7)
• Plan content blocks within the structure of slide sets using similar patterns
![Page 14: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/14.jpg)
Intro Slide Set
Body Slide Set
Conclusion Slide Set
Q&A
Blank (end)
![Page 15: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/15.jpg)
Topic Slide
Narrative Slide Narrative Slide Narrative Slide Impact Slide Summary Slide
Close Topic Slide
![Page 16: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/16.jpg)
Design Guidelines
- Slide Types
- Text
- Code
- Tables, Charts, Graphs
- Imagery
![Page 17: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/17.jpg)
Design Guidelines
• Slide Types
• Text
• Content
• Ancillary
• Charts,Graphs & Tables
• Imagery
• Photos
• Illustrations
• Iconography
![Page 18: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/18.jpg)
Slide Types
• Title and opening
• Content slides
• Impact
• Summary
• Transition (or close)
![Page 19: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/19.jpg)
Text
• At least 1 word per content slide
• Titles are ideally 1-3-5 words
• At least 1-3–5 bullets for content slides
• A little text and a lot of white or visual space is a preferred balance
• Audience should be listening to speaker
• Slides do not tell the story - you do! :-)
![Page 20: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/20.jpg)
Code
• Successful demonstrations of code rarely occur on a slide!
• If you must use a slide to demo code, keep code samples as short and concise as possible
• Always call out code as different from text using conventional methods
• Monospace font
• Differently colored font
• Consider a link out to an HTML document which you can load in browser and demo via the browser instead of the slide deck
• Consider alternative and accessible sources for all sample code - and all your content (plain text, PDF, HTML etc.)
![Page 21: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/21.jpg)
Tables, Charts, Graphs
The 3-5-7 memory guide applies to tables, charts and graphs used as impact and support assets.
• More than seven pie slices begin to confuse
• More than 5-7 table rows and columns are similarly problematic
• More than 3 colors in a chart or table can also become difficult to follow and remember
![Page 22: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/22.jpg)
Imagery
Three main types of imagery combine to make up a successful presentation
• Demonstrative
• Impactful
• Iconographic
![Page 23: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/23.jpg)
Asset References
• Fair Use
• Image Searches
• Collected Resources
![Page 24: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/24.jpg)
Fair Use
• Follow known “fair use” guidelines for all content
• When in doubt (say it with me) Leave it out!
• Suggest: Use own art wherever possible - your photos and doodles might be just the thing to add that special “sparkle”
• Rely on public domain and CC resources - be sure to follow the CC requirements (We all can forget that precious attribution! Let’s try not to!)
![Page 25: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/25.jpg)
Image Searches
• The Open Web y’all built is really useful for stuff like image search
• Google and other search providers have become the superpower resources for images
• Many search providers offer extensive search capabilities, including ways to specify for Creative Commons, Public Domain and other licensing options - use them!
![Page 26: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/26.jpg)
Asset Resources
• Daniel Davis’ Page
• W3C Marketing and Communications Support Documents
• Photos of MIT/Cambridge courtesy Chris Devers
• Photos of STATA Center courtesy Mattia Panciroli
• CC BY-NC-ND 2.0
• https://www.flickr.com/photos/dtpancio/
• https://www.flickr.com/photos/cdevers/
![Page 27: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/27.jpg)
Questions & Answers
![Page 28: Creating Great Presentations · Creating Great Presentations W3C Tech Talk 9 March 2016 Molly E. Holzschlag. The Big Picture - Planning and Process - Structure and Build - Design](https://reader033.vdocuments.net/reader033/viewer/2022042806/5f6ecb1a871a3a3681080bc0/html5/thumbnails/28.jpg)