Workshop for ITSC in Portland on Feb. 15, 2010.

1. Let’s Get Visual
Exploring
Design,
Visual
Literacy
and
Storytelling
Dean Shareski
ITSC
02.15.10

3. joule69always@photos.flickr.com
3

4. h9p://todaysmeet.com/ITSCvisual
4

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

6. 6

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

8. 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/

9. 8

10. Pen
8

11. Pen
Typewriter
8

12. 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/

14. 28,880

15. 28,880
hours of video per day

16. 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

17. ...the professional
language of the
future
NY times

18. Match the Font
Times New Roman The big black cat
Arial The big black cat
Comic Sans The big black cat

19. Match the Font
Times New Roman The big black cat
Arial The big black cat
Comic Sans The big black cat

20. http://www.flickr.com/photos/10237056@N05/853570355/
Design is not simply the “icing on the cake”.

21. “utility
and
significance”
Dan
Pink
Image: Daniel Pink
http://www.flickr.com/photos/cipd/2611039172/

22. VISUAL
LITERACY
Image: I love Macro and Eyes :)
http://www.flickr.com/photos/felixberndt/3325185363/

24. 60,000 times faster than text

25. The Power of the Pictograph

27. The Boy is Sad.

28. cc licensed flickr photo by ayemo: http://flickr.com/photos/ayemo/2760308168/

29. The Archivist and the Photographer

30. http://www.flickr.com/photos/scriptingnews/2699829038/

34. You

35. You

36. You
134,638,704

37. Consumption Creation
Reading Writing
Listening Speaking
Viewing Representing

38. Consumption Creation
Reading Writing
Listening Speaking
Viewing Representing

39. Consumption Creation
Reading Writing
Listening Speaking
Viewing Representing

40. Image: txt’ing
http://www.flickr.com/photos/courosa/2831891520/
Are we designing and creating for the past
or the future?

41. Rethinking the Lecture
30

42. blog.mrmeyer.com

44. ELEMENTS OF GOOD DESIGN

45. PLANNING
Go Analog
Image: Photo Desk Design Concept Sketch
http://www.flickr.com/photos/jazzmasterson/275800917/

46. “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/

47. “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/

49. WHITESPACE

50. no one ever died from
too much white space
Image: Negative Space
http://www.flickr.com/photos/haidery/1167248649/

51. I’M A MAC I’M A PC

52. CONSTRAINTS
http://www.poster.net/sieff-jeanloup/sieff-jeanloup-le-corset-5800002.jpg

54. FONT AND
COLOUR
Image: Font 006
http://www.flickr.com/photos/stewf/1069468652/

55. This is a Serif Font

56. This is a Serif Font
This is a Sans Serif Font

57. This isn’t good

58. This is better

60. 60,000 times faster than text

62. The brain processes images 60,000
times faster than text

64. The brain processes images 60,000
times faster than text

66. 60,000 times faster than text

68. 60,000 times faster than text

69. FOCUS ON
THE STORY

71. Think Like a Hacker 53

72. PowerPoint doesn’t kill presentations

73. PowerPoint doesn’t kill presentations
Bullet points do.

74. You are the presentation….
not your slides

75. Communication is the Transfer of Emotion
Image: One Face--Mulitple Looks
http://www.flickr.com/photos/aseightyvii/623546317/

76. “Why would you use
words on the screen
when they do just
fine in your mouth”
Seth Godin

77. PRACTICAL TAKEAWAYS

78. STUDY EXEMPLARS
Lebron James
http://www.flickr.com/photos/keithallison/2440419372/

79. TED.COM/TALKS
Image: Tim Berners-Lee
http://www.flickr.com/photos/wa-j/3256903146/

80. SLIDESHARE.NET

81. DON’T STEAL
http://newmusicstrategies.com/wp-content/uploads/2008/04/istock_000003413901xsmall.jpg

83. Image”:CPR 365
FIND GREAT IMAGES
http://www.flickr.com/photos/tplosz/3253793067

84. Clipart is
Cheesy
and so Comic Sans

85. Photographs
Look Professional

86. http://flickrcc.bluemountains.net/
http://compfight.com
http://www.zoo-m.com/flickr-storm/
NEW!
http://images.google.com

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

89. 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/

90. SLIDE MAKEOVERS

91. Portland

92. Portland
• Rose
City

93. Portland
• Rose
City
• PopulaGon:
582,
130

94. Portland
• Rose
City
• PopulaGon:
582,
130
• Powell’s
is
the
world’s
largest
book
store

95. Portland
• Rose
City
• PopulaGon:
582,
130
• Powell’s
is
the
world’s
largest
book
store
• Home
of
the
Portland
Trailblazers
of
the
NBA

96. 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

97. 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

98. 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

99. Portland
• Rose
City
• PopulaGon:
582,
130

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

101. PDX
75

102. EXPLORE FORMATS

103. PECHA KUCHA

104. 4 SLIDES

105. FELTRON
PROJECT

108. <EMBED>

109. SHARE(SKI)
Image: Sharing
http://www.flickr.com/photos/furiousgeorge81/177926979/

110. 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

111. THE ONLINE
PORTFOLIO

116. Design is about inspiration and
inspiring others
86

117. ideasandthoughts.org
shareski@gmail.com
twitter.com/shareski

118. 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