SlideShare ist ein Scribd-Unternehmen logo
1 von 41
Information Design for Web and Print  Bernice Glenn [email_address]
Contents ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Can You Make Sense of This? ,[object Object]
Information Design Can Help ,[object Object],[object Object],[object Object],[object Object],[object Object]
Information Design Elements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Information Design & Style:   Content, Visuals, Sound  ,[object Object]
An Information Design Model 3. Present 2. Organize 1. Analyze Analyze Research. Gather data:  Text, sound, and visuals Organize & Present Determine style, Create a  taxonomy and and the Information Architecture, and Present to viewer Knowledge Viewer interprets the information for easy use and understanding
Information Design and the  Presentation   Interface ,[object Object],[object Object],[object Object],Information design attempts to replicate in the physical interface the mental ideas that a user has about information.
Information works with visual, semantic,  and sound  elements  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Information is Multimodal
Visualizing   Semantic Structures ,[object Object],[object Object],[object Object]
Grids and Information ,[object Object]
Grids-Structure and Space ,[object Object],[object Object],[object Object]
We Classify the World by   How Things Look ,[object Object],[object Object],[object Object],[object Object],Information is easier and faster to understand  when shown in meaningful components.
Cognition &   Information Design ,[object Object],[object Object],Gestalt is a branch of cognition asserting that  some visual formats work better than others.  Two Gestalt “rules” are:
Law of Proximity ,[object Object],[object Object],A. B. C.
Law of Proximity and Text The rule or proximity implies that objects placed close together appear to belong together. Headlines and Togetherness One logical guideline states that captions should be placed close to the graphic they describe and headings should be placed closer to the text they relate to. Allow more space to the paragraph above the heading, and less space between the heading and the paragraph below to which it refers. The rule or proximity implies that objects placed close together appear to belong together. Headlines and Togetherness One logical guideline states that captions should be placed close to the graphic they describe and headings should be placed closer to the text they relate to. Allow more space to the paragraph above the heading, and less space between the heading and the paragraph below to which it refers. Logical placement of the heading Ambiguous placement of the heading
[object Object],Law of Similarity The rows of colored and bolded type form separate rows from those that   are not bolded. The rows of colored and bolded type form separate rows from  those that are not bolded. The  rows of  colored and bolded type from  separate rows form those that are not   bolded. The rows of colored and bolded  type form separate rows from those that are not bolded. The rows of colored and   bolded type form separate rows form those that are not bolded. The rows
Chunks & the Magic Number 7 ,[object Object],[object Object],Viewers  understand and remember information in sequential clusters of no more than 5 to 7 elements at a time
Viewing Styles Vary ,[object Object],[object Object],[object Object],[object Object]
A Communication Model
Information Design  and Visual Cues ,[object Object],[object Object],[object Object],The written word also communicates through its typography and visual format
Compare Verbal & Visual  Communication Formats   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],MEDIA FORMAT ELEMENTS VERBAL FORMAT ELEMENTS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Headings are Landmarks ,[object Object],[object Object],[object Object],[object Object]
Visual Design Summary ,[object Object],[object Object],[object Object],[object Object],[object Object]
Pathways to Information ,[object Object],[object Object],[object Object],[object Object]
Analyzing User Needs ,[object Object],[object Object],[object Object],[object Object],[object Object]
Orienting the Online User ,[object Object],[object Object],[object Object],[object Object],[object Object]
Information Hierarchy and Wireframes ,[object Object]
Naming Information Links ,[object Object],[object Object],[object Object]
Web Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Achieving Success with  Text ,[object Object],[object Object],[object Object],[object Object],[object Object]
Inverted Pyramid Writing   Gets to the Point! ,[object Object],[object Object],a a
Measuring the Effects of  Written Content on the WEB ,[object Object],[object Object],[object Object],[object Object],[object Object]
Sample Paragraph: the format  for base comparison  ,[object Object],Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446). 0 %
Bulleted Text Layout  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],47 %   usability improvement
Concise Text Sample   ,[object Object],In 1996, six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park.. 58 %  usability improvement
Neutral Language Sample   ,[object Object],Nebraska has several attractions. In 1996, some of the most-visited places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446). 27 %   usability improvement
Concise, Scannable, & Objective  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],124 %   improvement  in  usability
Neilson’s Recommendations ,[object Object],[object Object],[object Object],[object Object],Recommendations are based on time, errors, memory, and site structure:
Caution ,[object Object],[object Object]
Information Designers Communicate Better ,[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

Taal Is Het Woord Niet
Taal Is Het Woord NietTaal Is Het Woord Niet
Taal Is Het Woord NietSoert
 
Syukran brand positioning & Strategy 2010
Syukran brand positioning & Strategy 2010Syukran brand positioning & Strategy 2010
Syukran brand positioning & Strategy 2010Syukran
 
Proyek penciptaan dan digitalisasi konten
Proyek penciptaan dan digitalisasi kontenProyek penciptaan dan digitalisasi konten
Proyek penciptaan dan digitalisasi kontenWikimedia Indonesia
 
L'Art De M. Brunet
L'Art De M. BrunetL'Art De M. Brunet
L'Art De M. BrunetPEDH
 
Elena vocabulary 2013
Elena vocabulary 2013Elena vocabulary 2013
Elena vocabulary 2013PEDH
 
T3dallas typoscript
T3dallas typoscriptT3dallas typoscript
T3dallas typoscriptzdavis
 
ABCs Conservation Programs
ABCs Conservation ProgramsABCs Conservation Programs
ABCs Conservation ProgramsDuaneHovorka
 
Q1 2009 Earning Report of Du Pont E I De Nemours
Q1 2009 Earning Report of Du Pont E I De NemoursQ1 2009 Earning Report of Du Pont E I De Nemours
Q1 2009 Earning Report of Du Pont E I De Nemoursguestc4fcf72
 
Who Are The Muslims
Who Are The MuslimsWho Are The Muslims
Who Are The MuslimsSyukran
 
Tech Blogs - Pakistani Prospective
Tech Blogs -  Pakistani ProspectiveTech Blogs -  Pakistani Prospective
Tech Blogs - Pakistani ProspectiveFarhan Chawla
 
Netcasting – Training slides
Netcasting – Training slidesNetcasting – Training slides
Netcasting – Training slidesConvinsys
 
03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...
03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...
03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...West Ridge Marriage Ministry
 
Theme 1 earthquake terror vocabulary flash cards
Theme 1   earthquake terror vocabulary flash cardsTheme 1   earthquake terror vocabulary flash cards
Theme 1 earthquake terror vocabulary flash cardsPEDH
 

Andere mochten auch (18)

Formulir anggota WMID
Formulir anggota WMIDFormulir anggota WMID
Formulir anggota WMID
 
Wikimedia presentation
Wikimedia presentationWikimedia presentation
Wikimedia presentation
 
Taal Is Het Woord Niet
Taal Is Het Woord NietTaal Is Het Woord Niet
Taal Is Het Woord Niet
 
Syukran brand positioning & Strategy 2010
Syukran brand positioning & Strategy 2010Syukran brand positioning & Strategy 2010
Syukran brand positioning & Strategy 2010
 
Proyek penciptaan dan digitalisasi konten
Proyek penciptaan dan digitalisasi kontenProyek penciptaan dan digitalisasi konten
Proyek penciptaan dan digitalisasi konten
 
DoInk2'
DoInk2'DoInk2'
DoInk2'
 
L'Art De M. Brunet
L'Art De M. BrunetL'Art De M. Brunet
L'Art De M. Brunet
 
Elena vocabulary 2013
Elena vocabulary 2013Elena vocabulary 2013
Elena vocabulary 2013
 
T3dallas typoscript
T3dallas typoscriptT3dallas typoscript
T3dallas typoscript
 
ABCs Conservation Programs
ABCs Conservation ProgramsABCs Conservation Programs
ABCs Conservation Programs
 
Navidad tingting
Navidad tingtingNavidad tingting
Navidad tingting
 
Q1 2009 Earning Report of Du Pont E I De Nemours
Q1 2009 Earning Report of Du Pont E I De NemoursQ1 2009 Earning Report of Du Pont E I De Nemours
Q1 2009 Earning Report of Du Pont E I De Nemours
 
Who Are The Muslims
Who Are The MuslimsWho Are The Muslims
Who Are The Muslims
 
Pelatihan Wiki Medika
Pelatihan Wiki MedikaPelatihan Wiki Medika
Pelatihan Wiki Medika
 
Tech Blogs - Pakistani Prospective
Tech Blogs -  Pakistani ProspectiveTech Blogs -  Pakistani Prospective
Tech Blogs - Pakistani Prospective
 
Netcasting – Training slides
Netcasting – Training slidesNetcasting – Training slides
Netcasting – Training slides
 
03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...
03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...
03 15 09 Opening The Door To Effective Communication Part I Keys To Effective...
 
Theme 1 earthquake terror vocabulary flash cards
Theme 1   earthquake terror vocabulary flash cardsTheme 1   earthquake terror vocabulary flash cards
Theme 1 earthquake terror vocabulary flash cards
 

Ähnlich wie Information Design for Web and Print: Organizing Content and Visual Cues

Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014Intranet Now
 
5 principles of visual design in ux
5 principles of visual design in ux5 principles of visual design in ux
5 principles of visual design in uxBADELOHITHAKSHA
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-finalHallie Wilfert
 
Digital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingDigital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingMia Eaker
 
Rhetorical Analysis iPad_sample
Rhetorical Analysis iPad_sampleRhetorical Analysis iPad_sample
Rhetorical Analysis iPad_sampleWilliam Abel
 
SmallWorlders Engagement Conference - Engaging Content by @Wedge
SmallWorlders Engagement Conference - Engaging Content by @WedgeSmallWorlders Engagement Conference - Engaging Content by @Wedge
SmallWorlders Engagement Conference - Engaging Content by @WedgeSmallWorlders
 
Index nominum to ontology
Index nominum to ontologyIndex nominum to ontology
Index nominum to ontologyGautier Poupeau
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tacticsIntranet Now
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information Architecturejsokohl
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsJenny Emanuel
 
Information Architecture
Information ArchitectureInformation Architecture
Information ArchitectureOlivier Tripet
 
Riding The Semantic Wave
Riding The Semantic WaveRiding The Semantic Wave
Riding The Semantic WaveKaniska Mandal
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tacticsIntranätverk
 
Donna Maurer - Information architecture: a "how to"
Donna Maurer - Information architecture: a "how to"Donna Maurer - Information architecture: a "how to"
Donna Maurer - Information architecture: a "how to"Web Directions
 
Design And Documentation
Design And DocumentationDesign And Documentation
Design And DocumentationMiles Price
 

Ähnlich wie Information Design for Web and Print: Organizing Content and Visual Cues (20)

Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014
 
5 principles of visual design in ux
5 principles of visual design in ux5 principles of visual design in ux
5 principles of visual design in ux
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final
 
Digital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingDigital Essay Intro & Brainstorming
Digital Essay Intro & Brainstorming
 
Rhetorical Analysis iPad_sample
Rhetorical Analysis iPad_sampleRhetorical Analysis iPad_sample
Rhetorical Analysis iPad_sample
 
SmallWorlders Engagement Conference - Engaging Content by @Wedge
SmallWorlders Engagement Conference - Engaging Content by @WedgeSmallWorlders Engagement Conference - Engaging Content by @Wedge
SmallWorlders Engagement Conference - Engaging Content by @Wedge
 
Index nominum to ontology
Index nominum to ontologyIndex nominum to ontology
Index nominum to ontology
 
Mind Mapping
Mind MappingMind Mapping
Mind Mapping
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tactics
 
Publication Design Chapter 05
Publication Design Chapter 05Publication Design Chapter 05
Publication Design Chapter 05
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information Architecture
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture Principals
 
Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
 
Riding The Semantic Wave
Riding The Semantic WaveRiding The Semantic Wave
Riding The Semantic Wave
 
Milazzo and Donato "Rewriting the Book: Long-Form Content for the Digital Age"
Milazzo and Donato "Rewriting the Book: Long-Form Content for the Digital Age"Milazzo and Donato "Rewriting the Book: Long-Form Content for the Digital Age"
Milazzo and Donato "Rewriting the Book: Long-Form Content for the Digital Age"
 
Online assignment
Online assignmentOnline assignment
Online assignment
 
7 wsg page-design
7 wsg page-design7 wsg page-design
7 wsg page-design
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tactics
 
Donna Maurer - Information architecture: a "how to"
Donna Maurer - Information architecture: a "how to"Donna Maurer - Information architecture: a "how to"
Donna Maurer - Information architecture: a "how to"
 
Design And Documentation
Design And DocumentationDesign And Documentation
Design And Documentation
 

Kürzlich hochgeladen

Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Kürzlich hochgeladen (20)

Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

Information Design for Web and Print: Organizing Content and Visual Cues

  • 1. Information Design for Web and Print Bernice Glenn [email_address]
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. An Information Design Model 3. Present 2. Organize 1. Analyze Analyze Research. Gather data: Text, sound, and visuals Organize & Present Determine style, Create a taxonomy and and the Information Architecture, and Present to viewer Knowledge Viewer interprets the information for easy use and understanding
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Law of Proximity and Text The rule or proximity implies that objects placed close together appear to belong together. Headlines and Togetherness One logical guideline states that captions should be placed close to the graphic they describe and headings should be placed closer to the text they relate to. Allow more space to the paragraph above the heading, and less space between the heading and the paragraph below to which it refers. The rule or proximity implies that objects placed close together appear to belong together. Headlines and Togetherness One logical guideline states that captions should be placed close to the graphic they describe and headings should be placed closer to the text they relate to. Allow more space to the paragraph above the heading, and less space between the heading and the paragraph below to which it refers. Logical placement of the heading Ambiguous placement of the heading
  • 17.
  • 18.
  • 19.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.

Hinweis der Redaktion

  1. Presented at ISPILA 2006