lets get visual itsc
DESCRIPTION
Workshop for ITSC in Portland on Feb. 15, 2010.TRANSCRIPT
Let’s Get VisualExploring Design, Visual Literacy and Storytelling
Dean ShareskiITSC02.15.10
h9p://shareski.wikispaces.com/Visual
5
6
I’ll talkYou’ll ask quesGons
I’ll suggest some learning You’ll do some stuff
We’ll see where it goes
6
7cc licensed flickr photo by jayRaz: http://flickr.com/photos/shnakepup/2935979173/
The greatest digital divide is between those who can read and write with media, and those who can't.Elizabeth Daly
8
8
Pen
8
Pen
Typewriter
8
Pen
cc licensed flickr photo by Anonymous Account: http://flickr.com/photos/anonymouscollective/4241315246/
Typewriter
cc licensed flickr photo by Olivander: http://flickr.com/photos/olivander/3383454343/
Imagination Machine
cc licensed flickr photo by yohann.aberkane: http://flickr.com/photos/yohann-aberkane/2836258475/
28,880
28,880hours of video per day
0
175000.00
350000.00
525000.00
700000.00
1970 2000 2009
693120.00
0060000.00
4000.0060.00
TV Youtube
Hours of Content Per Day
...the professional language of the
futureNY times
Match the Font
Times New Roman
Arial
Comic Sans
The big black cat
The big black cat
The big black cat
Match the Font
Times New Roman
Arial
Comic Sans
The big black cat
The big black cat
The big black cat
Design is not simply the “icing on the cake”.
http://www.flickr.com/photos/10237056@N05/853570355/
“utility and
significance” Dan Pink
Image: Daniel Pinkhttp://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
Listening
Viewing
Writing
Speaking
Representing
Consumption Creation
ReadingListening
Viewing
WritingSpeaking
Representing
Consumption Creation
ReadingListening
Viewing
WritingSpeaking
Representing
Are we designing and creating for the past
or the future?
Image: txt’inghttp://www.flickr.com/photos/courosa/2831891520/
Rethinking the Lecture
30
blog.mrmeyer.com
ELEMENTS OF GOOD DESIGN
PLANNINGGo Analog
Image: Photo Desk Design Concept Sketchhttp://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
35Image: A palm on the sand Tanzaniahttp://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
35Image: A palm on the sand Tanzaniahttp://www.flickr.com/photos/mytripsmypics/3309757472/
WHITESPACE
no one ever died from too much white space
Image: Negative Spacehttp://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 006http://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
53Think Like a Hacker
PowerPoint doesn’t kill presentations
PowerPoint doesn’t kill presentations
Bullet points do.
You are the presentation….
not your slides
Image: One Face--Mulitple Lookshttp://www.flickr.com/photos/aseightyvii/623546317/
Communication is the Transfer of Emotion
“Why would you use words on the screen when they do just fine in your mouth”
Seth Godin
PRACTICAL TAKEAWAYS
STUDY EXEMPLARS
Lebron Jameshttp://www.flickr.com/photos/keithallison/2440419372/
TED.COM/TALKSImage: Tim Berners-Leehttp://www.flickr.com/photos/wa-j/3256903146/
DON’T STEALhttp://newmusicstrategies.com/wp-content/uploads/2008/04/istock_000003413901xsmall.jpg
FIND GREAT IMAGESImage”:CPR 365http://www.flickr.com/photos/tplosz/3253793067
Clipart is Cheesy
and so Comic Sans
Photographs Look Professional
NEW!
http://flickrcc.bluemountains.net/
http://compfight.com
http://www.zoo-m.com/flickr-storm/
http://images.google.com
Attribute
http://flickr.com/photos/courosa/2831891520/
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
• 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
Templates
usually suck
• 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
Portland
St. Louis Blue
Portland Lightshttp://www.flickr.com/photos/infinitewilderness/281063858/Obama Rally in Portland
http://www.flickr.com/photos/timlauer/2503913004/
PDX
PDX
75
EXPLORE FORMATS
FELTRON PROJECT
<EMBED>
SHARE(SKI)
Image: Sharinghttp://www.flickr.com/photos/furiousgeorge81/177926979/
“Having the winning idea means nothing without being able to share it with someone else”
Dan Roam
Image: Addressing an empty auditorium in the SF Apple Storehttp://www.flickr.com/photos/ush/1039908678/
THE ONLINE PORTFOLIO
Design is about inspiration and inspiring others
86
ideasandthoughts.org
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/2454926037www.flickr.com/photos/46813052@N00/189736044