Creating Effective Posters (old version)

744 views
667 views

Published on

More Information: http://stevenpautz.com/portfolio/presentations/poster-design/old.php

Published in: Technology, Education
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
744
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
22
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Creating Effective Posters (old version)

  1. 1. Creating Effective Posters Content and Presentation: A High-Level View HCI Graduate Student Organization Iowa State University February 8, 2005 Steven Pautz
  2. 2. Two Key Elements Content Presentation  Both are necessary
  3. 3. Two Key Elements Content Presentation  Both are necessary
  4. 4. Two Key Elements Content Presentation  Both are necessary
  5. 5. Content  Chef Customer  Storytelling  Conciseness  Visuals
  6. 6. Chef Customer Focus on the final outcome, not the ingredients or recipe.  They’re here for the meal, not the kitchen
  7. 7. Chef Customer To create this project, we used: This project helps people: • C++ • Avoid mistakes • VR Juggler • Stay relaxed at work • GLSL • Communicate better • Who cares? • Have more fun
  8. 8. Storytelling Grab their attention, Build interest, Then reward it.  Relevant? Memorable? Engaging?
  9. 9. Storytelling Here’s what we did: 90% of Big Important Things have major problems. 1. Random cool idea 2. Build it This is not a good thing. 3. See if it works Here’s what we’re doing to help: 4. Do the steps really matter? • Random cool idea • Progress towards solution
  10. 10. Conciseness Appetizers first.  Keep the signal; lose the noise
  11. 11. Conciseness Gosh, there’s a lot of text over Long text passages discourage here. Do you really want to read reading and reflection. all of it? Is this actually going Concise passages encourage it. anywhere? The only way to find out is to trudge through the whole thing! Skimming could help, but it’d work much better if this passage were actually written to be skimable. In any case, text exists to be read, so if a passage doesn’t encourage reading then it might as well not exist. To make effective—and rememberable— content, then, we have to encourage reading. Needlessly- long passages of text don’t do this; shorter ones usually do.
  12. 12. Visuals  Words + Pictures > Words
  13. 13. Visuals When in widescreen mode, three of the C4’s screens line up to form a single wall with a single, extra-wide image displayed across it. This opens up the C4 space, giving viewers significantly more room. The C4 in widescreen mode
  14. 14. Presentation  Contrast  Repetition  Alignment  Proximity
  15. 15. Presentation  C ontrast  R epetition  A lignment  P roximity
  16. 16. Contrast If two elements aren’t similar, make them very different.  Concord, contrast, or conflict  “Don’t be a wimp”
  17. 17. Contrast First Heading First Heading Boring old text. Nothing to see Boring old text. Nothing to see here. here. It just goes on and on, It just goes on and on, saying saying nothing. Seriously, stop nothing. Seriously, stop reading. reading. Second Heading Second Heading Boring old text. Nothing to see here. Boring old text. Nothing to see It just goes on and on, saying here. It just goes on and on, nothing. Seriously, stop reading. saying nothing. Seriously, stop reading.
  18. 18. Repetition Repeat the same visual elements and features.  Recognizable consistency
  19. 19. Repetition Objective Objective More boring old text. Nothing to More boring old text. Nothing to see here. At least it’s not Latin. see here. At least it’s not Latin. Method Method More boring old text. Nothing to More boring old text. Nothing to see see here. At least it’s not Latin. here. At least it’s not Latin. Results Results More boring old text. Nothing to More boring old text. Nothing to see here. At least it’s not Latin. see here. At least it’s not Latin.
  20. 20. Alignment Create visual connections among all elements.  Nothing should be arbitrary
  21. 21. Alignment A Major Project A Major Project With a fancy subtitle! With a fancy subtitle! What We Did What We Did We’ve made a lot of progress. We’ve made a lot of progress. The The end of the presentation should end of the presentation should be be coming up soon. coming up soon. We’ve made a lot of progress. We’ve made a lot of progress. The The end of the presentation should end of the presentation should be be coming up soon. coming up soon. What We’ll Do Later What We’ll Do Later More free food, and some More free food, and some better better text, hopefully. Then class. text, hopefully. Then class.
  22. 22. Proximity Related items should be grouped together. Unrelated items should not.  Closeness implies relationship
  23. 23. Proximity • Design • Design • Purpose • Purpose • Behavior • Behavior • Interface • Interface • Implementation • Implementation • Backend • Backend • Frontend • Frontend • Evaluation • Evaluation • Analysis • Analysis • Formative • Formative • Summative • Summative
  24. 24. Content  Chef Customer  Storytelling  Conciseness  Visuals
  25. 25. Presentation  Contrast  Repetition  Alignment  Proximity
  26. 26. The Big Picture  Content and Presentation  Start with the purpose  Develop content and presentation together  It’s about the viewer’s learning experience (bon appétit!)

×