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,524 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,524
On SlideShare
0
From Embeds
0
Number of Embeds
345
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 14:30Introductions (10 minutes+ depending on # attendees) - Name? - What you do & why are you at TCUK? - What do you want to get from this session?14:40OverviewWho I am, background, and why I wanted to do this workshop -This will be engaged, hands-on... Please be ready to participateWhy visuals matter?15:00The ground rules for good design15:30Activity – Making sense of data Can’t draw video1. Color of eyes in the room |or| Word: Innovation2. Create a way to visualize3. Partner up, go through the feedback process4. Update 5. Feedback6. Create new with small group7. Present and group feedback16:0015 minute break16:15Quick review of review principlesC-R-A-P Principles16:45Activity 217:15Wrap-up17:30 - FIN
  • Searched for the term Marketing and this is what I found for images
  • Searched for term Technical Communicator, got these results.
  • 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

    ×