Let’s Get Visual
Exploring Design, Visual Literacy and
Storytelling




Dean Shareski
MICDS
07.13.09
ideasandthoughts.org

shareski@gmail.com

twitter.com/shareski
http://delicous.com/shareski/
            MICDS



                            4
Design
         5
6
6
6
6
6
152
“utility
                                                     and
                                                significa...
Match the Font
Times New Roman   The big black cat
Arial               The big black cat
Comic Sans         The big black ...
Match the Font
Times New Roman   The big black cat
Arial               The big black cat
Comic Sans         The big black ...
http://www.flickr.com/photos/10237056@N05/853570355/




Design is not simply the “icing on the cake”.
VISUAL
LITERACY



                                  Image: I love Macro and Eyes :)
           http://www.flickr.com/photo...
60,000 times faster than text
The Power of the
  Pictograph
The Archivist and the Photographer
http://www.flickr.com/photos/scriptingnews/2699829038/
You
You




112,559,703
28,880
28,880
 hours of video per day
Hours of Content Per Day

                           TV                        Youtube

700000.00




525000.00




350000...
...the professional
    language of the
             future
               NY times
Consumption   Creation
  Reading       Writing

  Listening    Speaking

  Viewing     Representing
Consumption    Creation
Reading        Writing
  Listening    Speaking
     Viewing     Representing
Image: txt’ing
http://www.flickr.com/photos/courosa/2831891520/




    Are we designing and creating for the              ...
The Lecture is Not Dead




                          27
What about Math?




                   28
What about Math?




                   28
Dan Meyer




http://blog.mrmeyer.com   29
ELEMENTS OF GOOD DESIGN
PLANNING
  Go Analog




                           Image: Photo Desk Design Concept Sketch
              http://www.flickr...
the ideas, you
can do a lot
without
machinery.
Most ideas
you can do
pretty darn
well with a


                           ...
the ideas, you
can do a lot
without
machinery.
Most ideas
you can do
pretty darn
well with a


                           ...
WHITESPACE
no one ever died from
                                                  too much white space




Image: Negative Space
htt...
I’M A MAC   I’M A PC
CONSTRAINTS




              http://www.poster.net/sieff-jeanloup/sieff-jeanloup-le-corset-5800002.jpg
This is a Serif Font
This is a Serif Font

This is a Sans Serif Font
This isn’t good
This is
better
FOCUS ON
THE STORY
Think Like a Hacker   46
PowerPoint doesn’t kill presentations
PowerPoint doesn’t kill presentations




     Bullet points do.
You are the presentation….




  not your slides
Communication is the Transfer of Emotion




Image: One Face--Mulitple Looks
http://www.flickr.com/photos/aseightyvii/62354...
“Why would you use
words on the screen
when they do just
fine in your mouth”
                Seth Godin
PRACTICAL TAKEAWAYS
STUDY EXEMPLARS




Doing What He Does Best
http://www.flickr.com/photos/lscan/2507797780/
TED.COM/TALKS
Image: Tim Berners-Lee
http://www.flickr.com/photos/wa-j/3256903146/
SLIDESHARE.NET
DON’T STEAL
http://newmusicstrategies.com/wp-content/uploads/2008/04/istock_000003413901xsmall.jpg
Image”:CPR 365
                      FIND GREAT IMAGES
http://www.flickr.com/photos/tplosz/3253793067
Clipart is
 Cheesy
 and so Comic Sans
Photographs
Look Professional
http://flickrcc.bluemountains.net/

           http://compfight.com
http://www.zoo-m.com/flickr-storm/

 NEW!




        ...
http://flickr.com/photos/courosa/2831891520/




                                               Attribute
Photo Credits
• http://flickr.com/photos/marklarson/2507386278/

• http://flickr.com/photos/hans-on-experience/24206878/

...
St. Louis
St. Louis
• Sometimes called Independent City
St. Louis
• Sometimes called Independent City
• There are 2.7 Million People in the
  Greater Metropolitan Area
St. Louis
• Sometimes called Independent City
• There are 2.7 Million People in the
  Greater Metropolitan Area
• Acquired...
St. Louis
• Sometimes called Independent City
• There are 2.7 Million People in the
  Greater Metropolitan Area
• Acquired...
St. Louis
• Sometimes called Independent City
• There are 2.7 Million People in the
  Greater Metropolitan Area
• Acquired...
St. Louis

                es
• Sometimes called Independent City

          pl at
• There are 2.7 Million People in the

...
St. Louis
•   Independent City
•   2.7 Million People
•   Part of the Louisiana Purchase
•   River City
•   World Champion...
St. Louis


• Independent City
• 2.7 Million People
• Part of the Louisiana Purchase
St. Louis
 Blue




http://www.flickr.com/photos/rustybrick/283615021/
EXPLORE FORMATS
PECHA KUCHA
4 SLIDES
FELTRON
PROJECT
<EMBED>
KICK OR PWN
No Brainer
SHARE(SKI)
Image: Sharing
http://www.flickr.com/photos/furiousgeorge81/177926979/
Image: Addressing an empty auditorium in the SF Apple Store
http://www.flickr.com/photos/ush/1039908678/




     “Having ...
THE ONLINE
PORTFOLIO
Design is about inspiration and
inspiring others




                                  81
Photo Credits
• http://www.flickr.com/photos/20638954@N00/2152612487/
• http://flickr.com/photos/marklarson/2507386278/

•...
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Let's Get Visual
Upcoming SlideShare
Loading in...5
×

Let's Get Visual

1,247

Published on

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

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

No Downloads
Views
Total Views
1,247
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
81
Comments
0
Likes
5
Embeds 0
No embeds

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&amp;#x2019;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&amp;#x2019;s about computers and technology
    But it&amp;#x2019;s also about design
  • First do the quiz
    15 years ago, few people could do this.
    It&amp;#x2019;s about computers and technology
    But it&amp;#x2019;s also about design
  • First do the quiz
    15 years ago, few people could do this.
    It&amp;#x2019;s about computers and technology
    But it&amp;#x2019;s also about design
  • Design should be front and center in our planning. It&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&amp;#x2019;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&apos;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&amp;#x2019;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 &amp;#x201C;stuff&amp;#x201D; to do, as much a what can the &amp;#x201C;stuff&amp;#x201D; do for me. We&amp;#x2019;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&amp;#x2019;t your story. Otherwise send them the PPT and sit down.
  • Seth Godin
    Sometimes this is a leap for us. We aren&amp;#x2019;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 &amp;#x201C;how to present&amp;#x201D;
    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&amp;#x2019;t be afraid. Let&amp;#x2019;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
  • Let's Get Visual

    1. 1. Let’s Get Visual Exploring Design, Visual Literacy and Storytelling Dean Shareski MICDS 07.13.09
    2. 2. ideasandthoughts.org shareski@gmail.com twitter.com/shareski
    3. 3. http://delicous.com/shareski/ MICDS 4
    4. 4. Design 5
    5. 5. 6
    6. 6. 6
    7. 7. 6
    8. 8. 6
    9. 9. 6
    10. 10. 152
    11. 11. “utility and significance” Dan Pink Image: Daniel Pink http://www.flickr.com/photos/cipd/2611039172/
    12. 12. Match the Font Times New Roman The big black cat Arial The big black cat Comic Sans The big black cat
    13. 13. Match the Font Times New Roman The big black cat Arial The big black cat Comic Sans The big black cat
    14. 14. http://www.flickr.com/photos/10237056@N05/853570355/ Design is not simply the “icing on the cake”.
    15. 15. VISUAL LITERACY Image: I love Macro and Eyes :) http://www.flickr.com/photos/felixberndt/3325185363/
    16. 16. 60,000 times faster than text
    17. 17. The Power of the Pictograph
    18. 18. The Archivist and the Photographer
    19. 19. http://www.flickr.com/photos/scriptingnews/2699829038/
    20. 20. You
    21. 21. You 112,559,703
    22. 22. 28,880
    23. 23. 28,880 hours of video per day
    24. 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. 25. ...the professional language of the future NY times
    26. 26. Consumption Creation Reading Writing Listening Speaking Viewing Representing
    27. 27. Consumption Creation Reading Writing Listening Speaking Viewing Representing
    28. 28. Consumption Creation Reading Writing Listening Speaking Viewing Representing
    29. 29. Image: txt’ing http://www.flickr.com/photos/courosa/2831891520/ Are we designing and creating for the past or the future?
    30. 30. The Lecture is Not Dead 27
    31. 31. What about Math? 28
    32. 32. What about Math? 28
    33. 33. Dan Meyer http://blog.mrmeyer.com 29
    34. 34. ELEMENTS OF GOOD DESIGN
    35. 35. PLANNING Go Analog Image: Photo Desk Design Concept Sketch http://www.flickr.com/photos/jazzmasterson/275800917/
    36. 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. 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. 38. WHITESPACE
    39. 39. no one ever died from too much white space Image: Negative Space http://www.flickr.com/photos/haidery/1167248649/
    40. 40. I’M A MAC I’M A PC
    41. 41. CONSTRAINTS http://www.poster.net/sieff-jeanloup/sieff-jeanloup-le-corset-5800002.jpg
    42. 42. FONT AND COLOUR Image: Font 006 http://www.flickr.com/photos/stewf/1069468652/
    43. 43. This is a Serif Font
    44. 44. This is a Serif Font This is a Sans Serif Font
    45. 45. This isn’t good
    46. 46. This is better
    47. 47. FOCUS ON THE STORY
    48. 48. Think Like a Hacker 46
    49. 49. PowerPoint doesn’t kill presentations
    50. 50. PowerPoint doesn’t kill presentations Bullet points do.
    51. 51. You are the presentation…. not your slides
    52. 52. Communication is the Transfer of Emotion Image: One Face--Mulitple Looks http://www.flickr.com/photos/aseightyvii/623546317/
    53. 53. “Why would you use words on the screen when they do just fine in your mouth” Seth Godin
    54. 54. PRACTICAL TAKEAWAYS
    55. 55. STUDY EXEMPLARS Doing What He Does Best http://www.flickr.com/photos/lscan/2507797780/
    56. 56. TED.COM/TALKS Image: Tim Berners-Lee http://www.flickr.com/photos/wa-j/3256903146/
    57. 57. SLIDESHARE.NET
    58. 58. DON’T STEAL http://newmusicstrategies.com/wp-content/uploads/2008/04/istock_000003413901xsmall.jpg
    59. 59. Image”:CPR 365 FIND GREAT IMAGES http://www.flickr.com/photos/tplosz/3253793067
    60. 60. Clipart is Cheesy and so Comic Sans
    61. 61. Photographs Look Professional
    62. 62. http://flickrcc.bluemountains.net/ http://compfight.com http://www.zoo-m.com/flickr-storm/ NEW! http://images.google.com
    63. 63. http://flickr.com/photos/courosa/2831891520/ Attribute
    64. 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. 65. SLIDE MAKEOVERS
    66. 66. St. Louis
    67. 67. St. Louis • Sometimes called Independent City
    68. 68. St. Louis • Sometimes called Independent City • There are 2.7 Million People in the Greater Metropolitan Area
    69. 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. 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. 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. 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. 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. 74. St. Louis • Independent City • 2.7 Million People • Part of the Louisiana Purchase
    75. 75. St. Louis Blue http://www.flickr.com/photos/rustybrick/283615021/
    76. 76. EXPLORE FORMATS
    77. 77. PECHA KUCHA
    78. 78. 4 SLIDES
    79. 79. FELTRON PROJECT
    80. 80. <EMBED>
    81. 81. KICK OR PWN
    82. 82. No Brainer
    83. 83. SHARE(SKI) Image: Sharing http://www.flickr.com/photos/furiousgeorge81/177926979/
    84. 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. 85. THE ONLINE PORTFOLIO
    86. 86. Design is about inspiration and inspiring others 81
    87. 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

    ×