Let's Get Visual

  • 1,156 views
Uploaded on

Presentation on design and visual literacy for MICDS in St. Louis, July 13th, 2009

Presentation on design and visual literacy for MICDS in St. Louis, July 13th, 2009

More in: Design , Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,156
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
79
Comments
0
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • The focus of our day is on Visual Literacy. There will be overlaps between video, imagery and presentation in general.
    The goal today is to begin to establish some guidelines and ideas to support your move to a more visual classroom and even before that, make the case for a more visually diverse learning environment
    I’m going to talk about some big ideas as well as some practical, specific tips.
    Feel free to view the day from a number of lenses:
    -Student,Teacher,learner
    -Hope to stretch your thinking, challenge you but provide some entry points
  • What do you think of when you hear the word design?
    What is Design?
    Considerations for Teaching and Learning
    Practical Examples
    Q and A
  • Design is all around us
  • Design is all around us
  • Design is all around us
  • Design is all around us
  • Search for shows about design over a 3 day period
  • Search for shows about design over a 3 day period
  • A Whole New Mind
    Things can be functional and beautiful
    These are inextricably linked.
  • First do the quiz
    15 years ago, few people could do this.
    It’s about computers and technology
    But it’s also about design
  • First do the quiz
    15 years ago, few people could do this.
    It’s about computers and technology
    But it’s also about design
  • First do the quiz
    15 years ago, few people could do this.
    It’s about computers and technology
    But it’s also about design
  • Design should be front and center in our planning. It’s not just about the cake. Design is inextricably tied to content.
  • Teach the basics of photography and videography
    Lots of resources online
    Connect ideas of visual to written
    A shot=Sentence
    A sequence=Paragraph
  • We are text snobs and always have been.
    Pictographs were seen as less sophisticated when in reality offered at least as much information, if not more. They often were much better at expressing emotion
  • My family were archivists. Capturing special events, birthdays, vacations, graduations.
    Paula’s father was a photographer capturing those events as well as their lives

    Today we are all photographers.
    Cheap failure
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • You can be your own photographer but now we can share in each other’s love for images.

    Over 3 billion photos
    Flickr is far and away my primary source for imagery
  • Every minute 20 hours of video are uploaded to youtube.
    28,000
  • Less than 30 years of broadcasting for the 3 major networks pre Cable TV.
  • More than ever, this should lead us to spend more time teaching good writing and design.

    How many of you have students turning to youtube for learning?
  • Our ELA curriculum identifies 6 strands.
    What gets the emphasis?
  • Our ELA curriculum identifies 6 strands.
    What gets the emphasis?
  • Our ELA curriculum identifies 6 strands.
    What gets the emphasis?
  • Our ELA curriculum identifies 6 strands.
    What gets the emphasis?
  • Given the current abilities/tools and habits,
  • Define lecture
    Mini-lecture format
    Storytelling
    Teaching
    This is not just for teachers but for students. Anyone presenting ideas or telling a story.
  • With a digital projector waiting back in my classroom, I can't help looking for interesting, relevant images to put in front of my class.
    A digital projector shrinks the time-gap between my learning moment and theirs.
    A digital projector has effectively buried the difference between What Fascinates Me and What I Teach.
  • These elements are applicable to almost anything we create
    Students should have some understanding of these elements and build upon these principles as they create more content.
  • Presentation Zen
  • This speaks to the concept that we need good content first, visuals can help but without a compelling ideas, visuals won’t save you.
  • We need to sometimes get down to the core of our ideas. Often software and technology gets in the way. Be purposeful in our planning.
  • Whitespace or Negative space
  • Our tendency is to fill up space with more text and graphics. Whitespace allows for focus and emphasis. Rests in music and pauses in speech can be extremely powerful.
    Wait time is another great example of whitespace.
  • Classic example here of whitespace in design
  • Boundaries can be helpful and often can generate more creativity than open ended assignments
  • Most assignments are too long.
    No video over 3 minutes.
    No presentation over 5.
    Eliminating unnecessary content so take high priority.
  • Bad font choice, size and color
    What size font do you think that is? 30
  • What size is this? 115
  • PPT is not good or bad.
  • Continue to ask what do I need the “stuff” to do, as much a what can the “stuff” do for me. We’ve become victims of our technology.
  • Notes on the screen are for you, not your audience.
  • Staring at the screen and unreadable text.
    Your visuals support your story. They aren’t your story. Otherwise send them the PPT and sit down.
  • Seth Godin
    Sometimes this is a leap for us. We aren’t sure how this relates to all our work. But what we design/present should require a response
  • Research shows that there is actually reduced retention when you read the text on the screen to your audience.
  • hyperlinked
    An amazing resource on “how to present”
    Even simple as a learning tool. Content is vast and engaging. Any and every subject area
  • Hyperlink
    Look at featured slideshows
    Have students analyze what is well designed
  • How many know what CC is?
  • There is some good built in photos from within PPT.
    The issue the best ones get overused
  • Don’t be afraid. Let’s look at some specifics related to slidedecks.
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about
  • How many have seen that template before? I hate it.
    The intent of this slide is to provide people who might not know anything a sense of what the Riders are about

Transcript

  • 1. Let’s Get Visual Exploring Design, Visual Literacy and Storytelling Dean Shareski MICDS 07.13.09
  • 2. ideasandthoughts.org shareski@gmail.com twitter.com/shareski
  • 3. http://delicous.com/shareski/ MICDS 4
  • 4. Design 5
  • 5. 6
  • 6. 6
  • 7. 6
  • 8. 6
  • 9. 6
  • 10. 152
  • 11. “utility and significance” Dan Pink Image: Daniel Pink http://www.flickr.com/photos/cipd/2611039172/
  • 12. Match the Font Times New Roman The big black cat Arial The big black cat Comic Sans The big black cat
  • 13. Match the Font Times New Roman The big black cat Arial The big black cat Comic Sans The big black cat
  • 14. http://www.flickr.com/photos/10237056@N05/853570355/ Design is not simply the “icing on the cake”.
  • 15. VISUAL LITERACY Image: I love Macro and Eyes :) http://www.flickr.com/photos/felixberndt/3325185363/
  • 16. 60,000 times faster than text
  • 17. The Power of the Pictograph
  • 18. The Archivist and the Photographer
  • 19. http://www.flickr.com/photos/scriptingnews/2699829038/
  • 20. You
  • 21. You 112,559,703
  • 22. 28,880
  • 23. 28,880 hours of video per day
  • 24. Hours of Content Per Day TV Youtube 700000.00 525000.00 350000.00 693120.00 175000.00 60000.00 0 60.00 0 4000.00 0 1970 2000 2009
  • 25. ...the professional language of the future NY times
  • 26. Consumption Creation Reading Writing Listening Speaking Viewing Representing
  • 27. Consumption Creation Reading Writing Listening Speaking Viewing Representing
  • 28. Consumption Creation Reading Writing Listening Speaking Viewing Representing
  • 29. Image: txt’ing http://www.flickr.com/photos/courosa/2831891520/ Are we designing and creating for the past or the future?
  • 30. The Lecture is Not Dead 27
  • 31. What about Math? 28
  • 32. What about Math? 28
  • 33. Dan Meyer http://blog.mrmeyer.com 29
  • 34. ELEMENTS OF GOOD DESIGN
  • 35. PLANNING Go Analog Image: Photo Desk Design Concept Sketch http://www.flickr.com/photos/jazzmasterson/275800917/
  • 36. the ideas, you can do a lot without machinery. Most ideas you can do pretty darn well with a Image: A palm on the sand Tanzania 33 http://www.flickr.com/photos/mytripsmypics/3309757472/
  • 37. the ideas, you can do a lot without machinery. Most ideas you can do pretty darn well with a Image: A palm on the sand Tanzania 33 http://www.flickr.com/photos/mytripsmypics/3309757472/
  • 38. WHITESPACE
  • 39. no one ever died from too much white space Image: Negative Space http://www.flickr.com/photos/haidery/1167248649/
  • 40. I’M A MAC I’M A PC
  • 41. CONSTRAINTS http://www.poster.net/sieff-jeanloup/sieff-jeanloup-le-corset-5800002.jpg
  • 42. FONT AND COLOUR Image: Font 006 http://www.flickr.com/photos/stewf/1069468652/
  • 43. This is a Serif Font
  • 44. This is a Serif Font This is a Sans Serif Font
  • 45. This isn’t good
  • 46. This is better
  • 47. FOCUS ON THE STORY
  • 48. Think Like a Hacker 46
  • 49. PowerPoint doesn’t kill presentations
  • 50. PowerPoint doesn’t kill presentations Bullet points do.
  • 51. You are the presentation…. not your slides
  • 52. Communication is the Transfer of Emotion Image: One Face--Mulitple Looks http://www.flickr.com/photos/aseightyvii/623546317/
  • 53. “Why would you use words on the screen when they do just fine in your mouth” Seth Godin
  • 54. PRACTICAL TAKEAWAYS
  • 55. STUDY EXEMPLARS Doing What He Does Best http://www.flickr.com/photos/lscan/2507797780/
  • 56. TED.COM/TALKS Image: Tim Berners-Lee http://www.flickr.com/photos/wa-j/3256903146/
  • 57. SLIDESHARE.NET
  • 58. DON’T STEAL http://newmusicstrategies.com/wp-content/uploads/2008/04/istock_000003413901xsmall.jpg
  • 59. Image”:CPR 365 FIND GREAT IMAGES http://www.flickr.com/photos/tplosz/3253793067
  • 60. Clipart is Cheesy and so Comic Sans
  • 61. Photographs Look Professional
  • 62. http://flickrcc.bluemountains.net/ http://compfight.com http://www.zoo-m.com/flickr-storm/ NEW! http://images.google.com
  • 63. http://flickr.com/photos/courosa/2831891520/ Attribute
  • 64. Photo Credits • http://flickr.com/photos/marklarson/2507386278/ • http://flickr.com/photos/hans-on-experience/24206878/ • http://flickr.com/photos/edorfler/2342049708/ • http://flickr.com/photos/ekilby/2566961506/
  • 65. SLIDE MAKEOVERS
  • 66. St. Louis
  • 67. St. Louis • Sometimes called Independent City
  • 68. St. Louis • Sometimes called Independent City • There are 2.7 Million People in the Greater Metropolitan Area
  • 69. St. Louis • Sometimes called Independent City • There are 2.7 Million People in the Greater Metropolitan Area • Acquired From Frances as part of the Louisiana Purchase
  • 70. St. Louis • Sometimes called Independent City • There are 2.7 Million People in the Greater Metropolitan Area • Acquired From Frances as part of the Louisiana Purchase • Also Known as the River City
  • 71. St. Louis • Sometimes called Independent City • There are 2.7 Million People in the Greater Metropolitan Area • Acquired From Frances as part of the Louisiana Purchase • Also Known as the River City • Home of the World Champion St. Louis Rams in 1999 and St. Louis Cardinals in
  • 72. St. Louis es • Sometimes called Independent City pl at • There are 2.7 Million People in the T em ck Greater Metropolitan Area a lly su • Acquired From Frances as part of the Louisiana Purchase u su • Also Known as the River City • Home of the World Champion St. Louis Rams in 1999 and St. Louis Cardinals in
  • 73. St. Louis • Independent City • 2.7 Million People • Part of the Louisiana Purchase • River City • World Champion St. Louis Rams in 1999 and St. Louis Cardinals in 2006
  • 74. St. Louis • Independent City • 2.7 Million People • Part of the Louisiana Purchase
  • 75. St. Louis Blue http://www.flickr.com/photos/rustybrick/283615021/
  • 76. EXPLORE FORMATS
  • 77. PECHA KUCHA
  • 78. 4 SLIDES
  • 79. FELTRON PROJECT
  • 80. <EMBED>
  • 81. KICK OR PWN
  • 82. No Brainer
  • 83. SHARE(SKI) Image: Sharing http://www.flickr.com/photos/furiousgeorge81/177926979/
  • 84. Image: Addressing an empty auditorium in the SF Apple Store http://www.flickr.com/photos/ush/1039908678/ “Having the winning idea means nothing without being able to share it with someone else” Dan Roam
  • 85. THE ONLINE PORTFOLIO
  • 86. Design is about inspiration and inspiring others 81
  • 87. Photo Credits • http://www.flickr.com/photos/20638954@N00/2152612487/ • http://flickr.com/photos/marklarson/2507386278/ • http://flickr.com/photos/hans-on-experience/24206878/ • http://flickr.com/photos/edorfler/2342049708/ • http://flickr.com/photos/ekilby/2566961506/ • http://flickr.com/photos/46813052@N00/189736044 • http://flickr.com/photos/ddr/299004958/ • http://www.flickr.com/photos/8540516@N06/2454926037 www.flickr.com/photos/46813052@N00/189736044