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




Dean Shareski
ITSC
02.15.10
joule69always@photos.flickr.com  
                              3
h9p://todaysmeet.com/ITSCvisual




                                  4
h9p://shareski.wikispaces.com/Visual




                                  5
6
I’ll	
  talk
        You’ll	
  ask	
  quesGons
I’ll	
  suggest	
  some	
  learning	
  
       You’ll	
  do	
  some	
  stuff
  We’ll	
  see	
  where	
  it	
  goes


                                          6
The greatest digital divide is
 between those who can
 read and write with media,
 and those who can't.
  Elizabeth Daly




                                                                                     7
cc licensed flickr photo by jayRaz: http://flickr.com/photos/shnakepup/2935979173/
8
Pen




      8
Pen



      Typewriter



                   8
Pen



                                                   Typewriter

                                                                                                          Imagination
                                                                                                            Machine
cc licensed flickr photo by Anonymous Account: http://flickr.com/photos/anonymouscollective/4241315246/
cc licensed flickr photo by Olivander: http://flickr.com/photos/olivander/3383454343/                               8
cc licensed flickr photo by yohann.aberkane: http://flickr.com/photos/yohann-aberkane/2836258475/
28,880
28,880
 hours of video per day
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
...the professional
    language of the
             future
               NY times
Match the Font
Times New Roman   The big black cat
Arial               The big black cat
Comic Sans         The big black cat
Match the Font
Times New Roman   The big black cat
Arial               The big black cat
Comic Sans         The big black cat
http://www.flickr.com/photos/10237056@N05/853570355/




Design is not simply the “icing on the cake”.
 “utility
                                                        and
                                                significance”
                                                           Dan	
  Pink




Image: Daniel Pink
http://www.flickr.com/photos/cipd/2611039172/
VISUAL
LITERACY



                                  Image: I love Macro and Eyes :)
           http://www.flickr.com/photos/felixberndt/3325185363/
60,000 times faster than text
The Power of the Pictograph
The Boy is Sad.
cc licensed flickr photo by ayemo: http://flickr.com/photos/ayemo/2760308168/
The Archivist and the Photographer
http://www.flickr.com/photos/scriptingnews/2699829038/
You
You
You




134,638,704
Consumption   Creation
  Reading       Writing

  Listening    Speaking

  Viewing     Representing
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                   past
                                       or the     future?
Rethinking the Lecture




                         30
blog.mrmeyer.com
ELEMENTS OF GOOD DESIGN
PLANNING
  Go Analog




                           Image: Photo Desk Design Concept Sketch
              http://www.flickr.com/photos/jazzmasterson/275800917/
“If you have the ideas,
you can do a lot without
machinery.
Most ideas you can do
pretty darn well with a
stick in the sand.”
Alan Kay




                                                 Image: A palm on the sand Tanzania
                                                                               35
                           http://www.flickr.com/photos/mytripsmypics/3309757472/
“If you have the ideas,
you can do a lot without
machinery.
Most ideas you can do
pretty darn well with a
stick in the sand.”
Alan Kay




                                                 Image: A palm on the sand Tanzania
                                                                               35
                           http://www.flickr.com/photos/mytripsmypics/3309757472/
WHITESPACE
no one ever died from
                                                  too much white space




Image: Negative Space
http://www.flickr.com/photos/haidery/1167248649/
I’M A MAC   I’M A PC
CONSTRAINTS




              http://www.poster.net/sieff-jeanloup/sieff-jeanloup-le-corset-5800002.jpg
FONT AND
 COLOUR




                                          Image: Font 006
           http://www.flickr.com/photos/stewf/1069468652/
This is a Serif Font
This is a Serif Font

This is a Sans Serif Font
This isn’t good
This is better
60,000 times faster than text
The brain processes images 60,000
       times faster than text
The brain processes images 60,000
       times faster than text
60,000 times faster than text
60,000 times faster than text
FOCUS ON
THE STORY
Think Like a Hacker   53
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/623546317/
“Why would you use
words on the screen
when they do just
fine in your mouth”
                Seth Godin
PRACTICAL TAKEAWAYS
STUDY EXEMPLARS




Lebron James
http://www.flickr.com/photos/keithallison/2440419372/
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://images.google.com
http://flickr.com/photos/courosa/2831891520/




                                               Attribute
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/
SLIDE MAKEOVERS
Portland
Portland
• Rose	
  City
Portland
• Rose	
  City
• PopulaGon:	
  582,	
  130
Portland
• Rose	
  City
• PopulaGon:	
  582,	
  130
• Powell’s	
  is	
  the	
  world’s	
  largest	
  book	
  store
Portland
•   Rose	
  City
•   PopulaGon:	
  582,	
  130
•   Powell’s	
  is	
  the	
  world’s	
  largest	
  book	
  store
•   Home	
  of	
  the	
  Portland	
  Trailblazers	
  of	
  the	
  NBA
Portland
•   Rose	
  City
•   PopulaGon:	
  582,	
  130
•   Powell’s	
  is	
  the	
  world’s	
  largest	
  book	
  store
•   Home	
  of	
  the	
  Portland	
  Trailblazers	
  of	
  the	
  NBA
•   Beer	
  Capital	
  of	
  America
Portland

                  es
•   Rose	
  City
•
             plat
    PopulaGon:	
  582,	
  130
•
        T em        ck
    Powell’s	
  is	
  the	
  world’s	
  largest	
  book	
  store
•
             lly su
    Home	
  of	
  the	
  Portland	
  Trailblazers	
  of	
  the	
  NBA

           a
         su
•   Beer	
  Capital	
  of	
  America

        u
Portland
•   Rose	
  City
•   PopulaGon:	
  582,	
  130
•   Powell’s	
  is	
  the	
  world’s	
  largest	
  book	
  store
•   Home	
  of	
  the	
  Portland	
  Trailblazers	
  of	
  the	
  NBA
•   Beer	
  Capital	
  of	
  America
Portland
• Rose	
  City
• PopulaGon:	
  582,	
  130
St. Louis
  Blue




 Portland Lights
Obama Rally in Portland
 http://www.flickr.com/photos/infinitewilderness/281063858/
http://www.flickr.com/photos/timlauer/2503913004/
                                                              PDX
PDX



      75
EXPLORE FORMATS
PECHA KUCHA
4 SLIDES
FELTRON
PROJECT
<EMBED>
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 winning idea means nothing without
        being able to share it with someone else”
                                                              Dan Roam
THE ONLINE
PORTFOLIO
Design is about inspiration and
inspiring others




                                  86
ideasandthoughts.org

shareski@gmail.com

twitter.com/shareski
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

Lets Get Visual Itsc