1. Information Instruction Ideas

2. Narrative
Mapping Systems
Relationships
Show Change
Event Flow
Quantity
Ideas
Instructions

3. Memory Retention Rates of Retention
Attention Span 10%
Organizing 20% Hear
Read
Comprehension See & Do
80%
Focal Point

4. Charts
Calendars
Who?
What?
When? Plans
Maps
Where?
Why?

5. Signs
Packaging
Manuals
Labels

7. Stories

8. Designs
Fashion
Industrial
Interior
Architecture
Web
Graphic
Landscape
Jewelry
Furniture
Lighting
Packaging

9. Try this activity!
You will need paper, a pencil and some kind of coloring materials (colored
pencils, crayons, markers, etc)
Click above to hear description!

11. Any sketch can communicate something:
Emotions
Thoughts
Opinions
Etc.
Click here for Sketching Tips

12. Slide 1:
http://www.uxmag.com/design/shades‐of‐grey‐thoughts‐on‐sketching
Slide 2:
http://www.google.com/imgres?imgurl=http://farm4.static.flickr.com/
http://www.slideshare.net/themoleskin/sketching‐to‐communicate‐share‐stories‐and‐solve‐problems
Slide 3:
http://www.smartdraw.com/resources/learningcenter/ecourses/ec5_communicating_visually/l1_overview/
Slide 4:
http://www.google.com/imgres?imgurl=http://static‐p4.fotolia.com/jpg/
http://www.google.com/imgres?imgurl=http://plan‐max.co.uk/files/images/sample‐sketch.jpg&imgrefurl=http://www.plan‐max.co.uk/links
http://www.google.com/imgres?imgurl=http://test2.danieleastwell.co.uk/usability/images/calendar‐sketch.jpg&imgrefurl
http://www.google.com/imgres?imgurl=http://www.iapad.org/images/map_soc_sicot.gif&imgrefurl
Slide 5:
http://www.google.com/imgres?imgurl=http://silvertimes.files.wordpress.com/2009/09/handicap.jpg&imgrefurl
http://www.google.com/imgres?imgurl=http://www.lhsc.on.ca/_images/No_Phone.jpg&imgrefurl
http://www.google.com/imgres?imgurl=http://www.lunawebs.com/img/vector‐drawings/instruction‐manual‐illustration.jpg&imgrefurl
Slide 6:
http://www.youtube.com/watch?v=1mvGDRvebGg
Slide 7:
http://www.google.com/imgres?imgurl=http://www.theanimationblog.com/wp‐content/uploads/2009/05/up‐storyboards1.jpg&imgrefurl
http://www.google.com/imgres?imgurl=http://filminbusan.files.wordpress.com/2009/07/upposter.jpg&imgrefurl
Slide 8:
http://www.google.com/imgres?imgurl=http://www.brookbanham.com/sketches/index.blog/1564418/shoe‐design‐demo/
shoedesigndemo2copy.jpg&imgrefurl
http://www.google.com/imgres?imgurl=http://manolobrides.com/images/2008/11/peter_langner.jpg
Slide 11:
http://browse.deviantart.com/traditional/drawings/?order=24&offset=288#/d2vo0y4
http://browse.deviantart.com/traditional/drawings/?order=24&offset=408#/d2voahq