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

Post on 27-Jan-2015

107 views 2 download

Tags:

description

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.

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

What you see is what you getGetting better visuals through design reviews

Matt Piercem.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 designerHusband/DadLove board gamesVideo makerMarketer

Why Visuals Matter?

Point out Details

Ask Questions

Give Reasons

Be Clear

2 People review

Not About them (Or You)

Help them Ship

Point out Details

Ask Questions

Give Reasons

Be Clear

2 People review

Not About them (Or You)

Help them Ship

Activity One

Con

trast

Alig

nm

en

t

Proximity

epetition Repetition epetition

Size

Elimination

Activity Two

Con

trast

Alig

nm

en

t

Proximity

epetition Repetition epetition

Size

Elimination

Resources! • Clean Up Your Mess: A Guide to Visual Design for Everyone

http://www.visualmess.com/index.htm l

• 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/

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