Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
What you see is what
you get
Getting better visuals through
design reviews
Matt Pierce
m.pierce@techsmith.com
Where are we going?
“Hamster Wheel” symbol by Olivier Guin, from thenounproject.com collection
Who the heck are you
and why are you here?
Who am I &why am I here?
Instructional designer
Husband/Dad
Love board games
Video maker
Marketer
Why Visuals Matter?
Point out Details
Ask Questions
Give Reasons
Be Clear
2 People
review
Not About them (Or You)
Point out Details
Ask Questions
Give Reasons
Be Clear
2 People review
Not About them
(Or You)
Help them Ship
Activity One
Contrast
Alignment
Proximity
epetition
Repetition
epetition
Size
Elimination
Activity Two
ContrastAlignment
Proximity
epetition
Repetition
epetition
Size
Elimination
Resources!
• Clean Up Your Mess: A Guide to Visual Design for Everyone
http://www.visualmess.com/index.html
• The Noun Pro...
From the Noun Project:
• “Cursor” P.J. Onori,
• “Question” Henry Ryder
• “Person” Antonis Makriyannis
• “Brain” Arjun Adam...
What you see is what you get: Getting better visuals through design reviews
What you see is what you get: Getting better visuals through design reviews
What you see is what you get: Getting better visuals through design reviews
What you see is what you get: Getting better visuals through design reviews
What you see is what you get: Getting better visuals through design reviews
Upcoming SlideShare
Loading in …5
×

What you see is what you get: Getting better visuals through design reviews

1,685 views

Published on

This is a 3 hour workshop presented at TCUK 2013. What you don't see in the slides are the critical parts - the hands on activity. During this workshop we used the activity of having participants draw their visualization of the work 'communication.' They then went through the review process, and iterated, a few times. The second activity, which focused on Contrast, Repetition, Alignment, and Proximity (CRAP) was, as small groups, to take visualize data we collected in the room. (For instance, what are the color of the eyes of the individuals in the room? How many years of service did participants have in the industry.

Published in: Education, Design, Technology
  • Be the first to comment

  • Be the first to like this

What you see is what you get: Getting better visuals through design reviews

  1. 1. What you see is what you get Getting better visuals through design reviews Matt Pierce m.pierce@techsmith.com
  2. 2. Where are we going? “Hamster Wheel” symbol by Olivier Guin, from thenounproject.com collection
  3. 3. Who the heck are you and why are you here?
  4. 4. Who am I &why am I here? Instructional designer Husband/Dad Love board games Video maker Marketer
  5. 5. Why Visuals Matter?
  6. 6. Point out Details
  7. 7. Ask Questions
  8. 8. Give Reasons
  9. 9. Be Clear
  10. 10. 2 People review
  11. 11. Not About them (Or You)
  12. 12. Point out Details Ask Questions Give Reasons Be Clear 2 People review Not About them (Or You) Help them Ship
  13. 13. Activity One
  14. 14. Contrast Alignment Proximity epetition Repetition epetition
  15. 15. Size Elimination
  16. 16. Activity Two
  17. 17. ContrastAlignment Proximity epetition Repetition epetition Size Elimination
  18. 18. Resources! • Clean Up Your Mess: A Guide to Visual Design for Everyone http://www.visualmess.com/index.html • The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world's visual language, so we may share them in a fun and meaningful way. http://thenounproject.com • Practical Guidelines for Visual Design http://www.educ.kent.edu/community/vlo/guidlines/index.html (It’s not the prettiest site, but concepts are good) • Learning to design PowerPoints like a badass http://www.slideshare.net/ginabainesholder/learning-to-design-powerpoints- like-a-badass • Design Criticism and the Creative Process http://www.alistapart.com/articles/design-criticism-creative-process/ • Fonts http://www.dafont.com/ • Blah, Blah, Blah & Back of the Napkin http://www.danroam.com/
  19. 19. From the Noun Project: • “Cursor” P.J. Onori, • “Question” Henry Ryder • “Person” Antonis Makriyannis • “Brain” Arjun Adamson • “Alert” Dima Yagnyuk • “Box” Martin Karachorov • “Bomb” 42 • “Ruler” Zbigniew Flakus • “Robot” Kenneth Appiah • “Sasquatch” Mike Wirth

×