SlideShare uma empresa Scribd logo
1 de 26
Baixar para ler offline
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!)

Mais conteúdo relacionado

Semelhante a Creating Effective Posters (old version)

Innovate! - How to Walk Backwards
Innovate! - How to Walk BackwardsInnovate! - How to Walk Backwards
Innovate! - How to Walk Backwardsjpalley
 
Presentation Redux @ Lanco Infratch
Presentation Redux @ Lanco InfratchPresentation Redux @ Lanco Infratch
Presentation Redux @ Lanco InfratchMohit Chhabra
 
How & Why: UI Case Studies
How & Why: UI Case StudiesHow & Why: UI Case Studies
How & Why: UI Case StudiesDaniel Burka
 
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 levelMahmoud Masmoudi
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Mythselliotjaystocks
 
The Weasel Dialogues
The Weasel DialoguesThe Weasel Dialogues
The Weasel DialoguesGaz Johnson
 
Quick start! for tech talk beginners
Quick start! for tech talk beginnersQuick start! for tech talk beginners
Quick start! for tech talk beginnersJiyeon Seo
 
How To Present A Point Powerfully
How To Present A Point PowerfullyHow To Present A Point Powerfully
How To Present A Point PowerfullyJosh Bennie
 
Teg1556 Ad Building
Teg1556 Ad BuildingTeg1556 Ad Building
Teg1556 Ad Buildinglahp
 
JFK Rubric
JFK RubricJFK Rubric
JFK Rubricjustinan
 
Bedroom To Boardroom
Bedroom To BoardroomBedroom To Boardroom
Bedroom To BoardroomJosh Williams
 
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 ROIauexpo Conference
 
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!LandonPhillips
 
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!LandonPhillips
 
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 DesignJared Ponchot
 
ITSC Podcasting Workshop
ITSC Podcasting WorkshopITSC Podcasting Workshop
ITSC Podcasting Workshoppaulfuller75
 

Semelhante a Creating Effective Posters (old version) (20)

Fortheinternet
FortheinternetFortheinternet
Fortheinternet
 
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
 

Último

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 

Último (20)

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 

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!)