SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
Creating Effective Posters
Content and Presentation: A High-Level View




                     HCI Graduate Student Organization
                                  Iowa State University
                                      February 8, 2005
                                          Steven Pautz
Two Key Elements

Content

Presentation




 Both are necessary
Two Key Elements

Content

Presentation




 Both are necessary
Two Key Elements

Content

Presentation




 Both are necessary
Content
 Chef      Customer
 Storytelling
 Conciseness
 Visuals
Chef        Customer

Focus on the final outcome,
not the ingredients or recipe.




 They’re here for the meal, not the kitchen
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
Storytelling

Grab their attention,
Build interest,
Then reward it.




 Relevant? Memorable? Engaging?
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
Conciseness

Appetizers first.




 Keep the signal; lose the noise
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.
Visuals




 Words + Pictures > Words
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
Presentation
 Contrast
 Repetition
 Alignment
 Proximity
Presentation
 C ontrast
 R epetition
 A lignment
 P roximity
Contrast

If two elements aren’t similar,
make them very different.




 Concord, contrast, or conflict
 “Don’t be a wimp”
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.
Repetition

Repeat the same visual elements
and features.




 Recognizable consistency
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.
Alignment

Create visual connections
among all elements.




 Nothing should be arbitrary
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.
Proximity

Related items should be grouped together.

Unrelated items should not.




 Closeness implies relationship
Proximity
• Design           • Design
                     •   Purpose
  •   Purpose
                     •   Behavior
  •   Behavior
                     •   Interface
  •   Interface

• Implementation   • Implementation
                     •   Backend
  •   Backend
                     •   Frontend
  •   Frontend

• Evaluation       • Evaluation
  •   Analysis       •   Analysis
                     •   Formative
  •   Formative
                     •   Summative
  •   Summative
Content
 Chef      Customer
 Storytelling
 Conciseness
 Visuals
Presentation
 Contrast
 Repetition
 Alignment
 Proximity
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!)

Contenu connexe

Similaire à Creating Effective Posters (old version)

Better Writing
Better WritingBetter Writing
Better Writing
Surmuck
 
Teg1556 Ad Building
Teg1556 Ad BuildingTeg1556 Ad Building
Teg1556 Ad Building
lahp
 
JFK Rubric
JFK RubricJFK Rubric
JFK Rubric
justinan
 
Don't Mess up your Content - How Creative Content Increases ROI
Don't Mess up your Content - How Creative Content Increases ROIDon't Mess up your Content - How Creative Content Increases ROI
Don't Mess up your Content - How Creative Content Increases ROI
auexpo Conference
 
DCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignDCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great Design
Jared Ponchot
 

Similaire à Creating Effective Posters (old version) (20)

Better Writing
Better WritingBetter Writing
Better Writing
 
Innovate! - How to Walk Backwards
Innovate! - How to Walk BackwardsInnovate! - How to Walk Backwards
Innovate! - How to Walk Backwards
 
Presentation Redux @ Lanco Infratch
Presentation Redux @ Lanco InfratchPresentation Redux @ Lanco Infratch
Presentation Redux @ Lanco Infratch
 
How & Why: UI Case Studies
How & Why: UI Case StudiesHow & Why: UI Case Studies
How & Why: UI Case Studies
 
How to take your slides to the next level
How to take your slides to the next levelHow to take your slides to the next level
How to take your slides to the next level
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
 
Writing engaging tutorials
Writing engaging tutorialsWriting engaging tutorials
Writing engaging tutorials
 
The Weasel Dialogues
The Weasel DialoguesThe Weasel Dialogues
The Weasel Dialogues
 
Quick start! for tech talk beginners
Quick start! for tech talk beginnersQuick start! for tech talk beginners
Quick start! for tech talk beginners
 
How To Present A Point Powerfully
How To Present A Point PowerfullyHow To Present A Point Powerfully
How To Present A Point Powerfully
 
Teg1556 Ad Building
Teg1556 Ad BuildingTeg1556 Ad Building
Teg1556 Ad Building
 
JFK Rubric
JFK RubricJFK Rubric
JFK Rubric
 
Bedroom To Boardroom
Bedroom To BoardroomBedroom To Boardroom
Bedroom To Boardroom
 
Don't Mess up your Content - How Creative Content Increases ROI
Don't Mess up your Content - How Creative Content Increases ROIDon't Mess up your Content - How Creative Content Increases ROI
Don't Mess up your Content - How Creative Content Increases ROI
 
Teaching with Sakai CLE from the Ground Up!
Teaching with Sakai CLE from the Ground Up!Teaching with Sakai CLE from the Ground Up!
Teaching with Sakai CLE from the Ground Up!
 
Teaching with Sakai CLE from the Ground Up!
Teaching with Sakai CLE from the Ground Up!Teaching with Sakai CLE from the Ground Up!
Teaching with Sakai CLE from the Ground Up!
 
DCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignDCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great Design
 
Mlw
MlwMlw
Mlw
 
Presentation Skills
Presentation SkillsPresentation Skills
Presentation Skills
 
ITSC Podcasting Workshop
ITSC Podcasting WorkshopITSC Podcasting Workshop
ITSC Podcasting Workshop
 

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Dernier (20)

A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

Creating Effective Posters (old version)

  • 1. Creating Effective Posters Content and Presentation: A High-Level View HCI Graduate Student Organization Iowa State University February 8, 2005 Steven Pautz
  • 5. Content  Chef Customer  Storytelling  Conciseness  Visuals
  • 6. Chef Customer Focus on the final outcome, not the ingredients or recipe.  They’re here for the meal, not the kitchen
  • 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. Storytelling Grab their attention, Build interest, Then reward it.  Relevant? Memorable? Engaging?
  • 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. Conciseness Appetizers first.  Keep the signal; lose the noise
  • 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. Visuals  Words + Pictures > Words
  • 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
  • 15. Presentation  C ontrast  R epetition  A lignment  P roximity
  • 16. Contrast If two elements aren’t similar, make them very different.  Concord, contrast, or conflict  “Don’t be a wimp”
  • 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. Repetition Repeat the same visual elements and features.  Recognizable consistency
  • 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. Alignment Create visual connections among all elements.  Nothing should be arbitrary
  • 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. Proximity Related items should be grouped together. Unrelated items should not.  Closeness implies relationship
  • 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. Content  Chef Customer  Storytelling  Conciseness  Visuals
  • 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!)