Bring Your Own Device Hands-On Session:Using Your Library’s Data toCreate Eye-Catching Infographics forAdvocacyCarolyn Jo ...
Carolyn JoStarkeySchool Librarian,Shades Valley High SchoolJefferson County IB SchoolShades Valley TechnicalAcademiesIrond...
Session Description• This BYOD session is a hands-onexploration of online tools and easyartistic techniques that can be ut...
Session Resourceshttp://www.livebinders.com/play/play_or_edit?id=143539http://www.piktochart.com http://www.slideshare.net...
Section 1:Introduction to Infographics
Definition: Infographics
Definition: Infographics• An umbrella term for illustrations andcharts that instruct people, whichotherwise would be diffi...
Why Use Infographics?• They make informationeasy to digest.– Large amounts ofinformation can bepresented.– Easier to seere...
Why Use Infographics?Visualizing Informationfor Advocacy: AnIntroduction toInformation Designhttp://backspace.com/infodesi...
Types of Infographics• Status• Comparison• Resource• Evolution
Status Infographics• These infographics visualize thecurrent status or ‘state of’ anindustry, trend or idea. Theyoften sho...
Status Infographics
Status Infographics
Comparison Infographics• These infographics provide avisualization of a comparison oftwo or more things.
Comparison Infographics
Comparison Infographics
Resource Infographics• These infographics areinformational and provide readerswith facts or how-to about a topic.
Resource Infographics
Resource Infographics
Resource Infographics
Evolution Infographics• These infographics are meant tobe thought-provoking. They areintended generally to encouragedeep d...
Evolution Infographics
What Makes a Good Infographic?The Anatomy of an Infographic: 5 Steps toCreate a Powerful Visualhttp://spyrestudios.com/the...
What Makes a Good Infographic?The core of aninfographic iscomposed of 3important parts:1.Visual2.Content3.KnowledgeThe Ana...
What Makes a Good Infographic?Visual1.Color Coding2.Graphics3.Reference IconsThe Anatomy of an Infographic: 5Steps to Crea...
What Makes a Good Infographic?Content1.Time Frames2.Statistics3.ReferencesThe Anatomy of an Infographic: 5Steps to Create ...
What Makes a Good Infographic?Knowledge1.Facts2.DeductionsThe Anatomy of an Infographic: 5Steps to Create a Powerful Visua...
TutorialsKathySchrock: APicture isWorth aThousandWords—Infographicsas a CreativeAssessment http://thejournal.com/articles/...
Tutorialshttp://www.schrockguide.net/infographics-as-an-assessment.html
TutorialsHow To Create OutstandingModern Infographicshttp://vector.tutsplus.com/tutorials/designing/how-to-create-outstand...
TutorialsTutorial: Create cool infographicshttp://www.digitalartsonline.co.uk/tutorials/?featureid=1823&pn=1
Tutorials5 Unbeatable Types of Infographic+ Free Tools to Create Themhttp://www.searchenginejournal.com/5-unbeatable-types...
Section 2:A Great FREE Online Toolfor Creating Infographics
Piktocharthttp://www.piktochart.com
Section 3:Creating Infographicsfor Advocacy
A Step-by-Step Process
Step 1• What are your goals? Planning oradvocacy? Are you trying to tell a specificstory? Or are you trying to create a mo...
Step 2• Try putting yourself in the role of youraudiences. What are they looking for?What is their point of view? What do ...
Step 3• What information should you collect?Where will you obtain it? Don’t forget theimportance of context in understandi...
Step 4• Sort your information. One method thatyou can try is card sorting. To start, putnotes on a wall describing aspects...
Step 5• Sketch your information out on paper oron a white board. Think in broad strokes atfirst, saving detail for later. ...
Step 6• Decide on the format that you willdisseminate the visualization in: Paper?Screen?Credit: movements.org
Step 7• Design your graphics. Innovative designideas come from embracing yourconstraints. Being obliged to adjust yourgrap...
Step 8• Structure: The way information ispresented and organized is as importantas the content. What information ispresent...
Step 9• Elements: The style of your elements canconvey meaning. Objects can bedifferentiated by size, color, pattern, andp...
Upcoming SlideShare
Loading in...5
×

Starkey byod eye_catching_infographics_for_advocacy

1,052

Published on

Slide

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,052
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Starkey byod eye_catching_infographics_for_advocacy

  1. 1. Bring Your Own Device Hands-On Session:Using Your Library’s Data toCreate Eye-Catching Infographics forAdvocacyCarolyn Jo StarkeyLibrarianShades Valley HSJefferson County IB SchoolShades Valley Technical AcademiesIrondale, ALcstarkey@jefcoed.comALLA Annual Convention 2013Montgomery, ALApril 22-25, 2013
  2. 2. Carolyn JoStarkeySchool Librarian,Shades Valley High SchoolJefferson County IB SchoolShades Valley TechnicalAcademiesIrondale, ALCarolyn Starkey has been in education for 24 years, the last 14 related to school librarymedia. She served as the library media specialist at Sloman Primary School for sevenyears, obtaining her certification by the National Board of Professional TeachingStandards in library media in 2003 while there. After a 4 ½ year stint as AssistantProfessor of Library Education Media at Alabama State University, Carolyn is currentlyserving as a school librarian alongside Carla Crews at Shades Valley High School,Jefferson County IB School, and the Shades Valley Technical Academies. Her otherprofessional commitments include positions as Chair of the Childrens and School LibraryDivision of the Alabama Library Association, Editor of the ALLA Communicator, andPresident-Elect of the Alabama School Library Association (ASLA). She also serves as amember of American Association of School Librarians Publications Committee, Co-Manager of the American Association of School Librarians (AASL) blog, and as aCouncilor-at-Large for the American Library Association (ALA). Carolyn is a frequentconference and professional development presenter on a wide range of topics in schoollibrarianship, technology, and online learning.Biography
  3. 3. Session Description• This BYOD session is a hands-onexploration of online tools and easyartistic techniques that can be utilizedto create colorful infographics toconvey advocacy messages. Topicsunder discussion will include types ofinfographics, characteristics of goodinfographics, sources of infographics,and tools for creating infographics.
  4. 4. Session Resourceshttp://www.livebinders.com/play/play_or_edit?id=143539http://www.piktochart.com http://www.slideshare.net/cjstarkey
  5. 5. Section 1:Introduction to Infographics
  6. 6. Definition: Infographics
  7. 7. Definition: Infographics• An umbrella term for illustrations andcharts that instruct people, whichotherwise would be difficult or impossiblewith only text. --PC.comEncyclopediahttp://www.pcmag.com/encyclopedia_term/0,2542,t=infographics&i=59903,00.asp• A representation of information in agraphic format designed to make the dataeasily understandable at a glance.--whatis.com IT Encyclopediahttp://whatis.techtarget.com/definition/infographics.html
  8. 8. Why Use Infographics?• They make informationeasy to digest.– Large amounts ofinformation can bepresented.– Easier to seerelationships andpatterns.• They make informationeasy to share.– Rapid communicationof ideas.
  9. 9. Why Use Infographics?Visualizing Informationfor Advocacy: AnIntroduction toInformation Designhttp://backspace.com/infodesign.pThe manual was written and designed byJohn Emerson, Principal at ApperceptiveLLC.http://backspace.com,http://apperceptive.com
  10. 10. Types of Infographics• Status• Comparison• Resource• Evolution
  11. 11. Status Infographics• These infographics visualize thecurrent status or ‘state of’ anindustry, trend or idea. Theyoften show change over time bymeans of timelines.
  12. 12. Status Infographics
  13. 13. Status Infographics
  14. 14. Comparison Infographics• These infographics provide avisualization of a comparison oftwo or more things.
  15. 15. Comparison Infographics
  16. 16. Comparison Infographics
  17. 17. Resource Infographics• These infographics areinformational and provide readerswith facts or how-to about a topic.
  18. 18. Resource Infographics
  19. 19. Resource Infographics
  20. 20. Resource Infographics
  21. 21. Evolution Infographics• These infographics are meant tobe thought-provoking. They areintended generally to encouragedeep discussion and analysis.
  22. 22. Evolution Infographics
  23. 23. What Makes a Good Infographic?The Anatomy of an Infographic: 5 Steps toCreate a Powerful Visualhttp://spyrestudios.com/the-anatomy-of-an-infog
  24. 24. What Makes a Good Infographic?The core of aninfographic iscomposed of 3important parts:1.Visual2.Content3.KnowledgeThe Anatomy of an Infographic: 5 Steps to Create a Powerful Visualhttp://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-v
  25. 25. What Makes a Good Infographic?Visual1.Color Coding2.Graphics3.Reference IconsThe Anatomy of an Infographic: 5Steps to Create a Powerful Visualhttp://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
  26. 26. What Makes a Good Infographic?Content1.Time Frames2.Statistics3.ReferencesThe Anatomy of an Infographic: 5Steps to Create a Powerful Visualhttp://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
  27. 27. What Makes a Good Infographic?Knowledge1.Facts2.DeductionsThe Anatomy of an Infographic: 5Steps to Create a Powerful Visualhttp://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
  28. 28. TutorialsKathySchrock: APicture isWorth aThousandWords—Infographicsas a CreativeAssessment http://thejournal.com/articles/2012/03/26/5-ways-to-visualize-information.aspx
  29. 29. Tutorialshttp://www.schrockguide.net/infographics-as-an-assessment.html
  30. 30. TutorialsHow To Create OutstandingModern Infographicshttp://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/
  31. 31. TutorialsTutorial: Create cool infographicshttp://www.digitalartsonline.co.uk/tutorials/?featureid=1823&pn=1
  32. 32. Tutorials5 Unbeatable Types of Infographic+ Free Tools to Create Themhttp://www.searchenginejournal.com/5-unbeatable-types-of-infographic-free-tools-to-create-them/27010/
  33. 33. Section 2:A Great FREE Online Toolfor Creating Infographics
  34. 34. Piktocharthttp://www.piktochart.com
  35. 35. Section 3:Creating Infographicsfor Advocacy
  36. 36. A Step-by-Step Process
  37. 37. Step 1• What are your goals? Planning oradvocacy? Are you trying to tell a specificstory? Or are you trying to create a moreneutral map to guide a process ofdiscovery? Represent a statistic in avisually and/or emotionally striking way.This increases the chances of yourengaging a wider base of potentialsupporters.Credit: movements.org
  38. 38. Step 2• Try putting yourself in the role of youraudiences. What are they looking for?What is their point of view? What do theyalready know about the issue? In whatcontext will they read your graphics? Distillthis information into profiles of “typical”users.Credit: movements.org
  39. 39. Step 3• What information should you collect?Where will you obtain it? Don’t forget theimportance of context in understandingthe meaning and importance of facts. It’soften easier to remember a story than toremember raw data.Credit: movements.org
  40. 40. Step 4• Sort your information. One method thatyou can try is card sorting. To start, putnotes on a wall describing aspects of yourinformation. Arrange these notes freelyinto shapes and clusters that make sense.Rearranging these clusters should helpyou start to form an organizing schemethat you can use as the basis for yourinitial designs.Credit: movements.org
  41. 41. Step 5• Sketch your information out on paper oron a white board. Think in broad strokes atfirst, saving detail for later. Sketching outyour ideas first will help you think outsidethe confines of the page or the screen. Itwill free your ideas from the limitations ofyour design program and tools.Credit: movements.org
  42. 42. Step 6• Decide on the format that you willdisseminate the visualization in: Paper?Screen?Credit: movements.org
  43. 43. Step 7• Design your graphics. Innovative designideas come from embracing yourconstraints. Being obliged to adjust yourgraphics to your medium of publication,budget, and technology of reproductionmay lead you to discover unexpectedopportunities.Credit: movements.org
  44. 44. Step 8• Structure: The way information ispresented and organized is as importantas the content. What information ispresented first? How will your reader’s eyemove across the design? Structure yourdesign so that the most importantinformation is the most prominent.Credit: movements.org
  45. 45. Step 9• Elements: The style of your elements canconvey meaning. Objects can bedifferentiated by size, color, pattern, andplacement. However, too many styles mayclutter the page. Thin lines are generallypreferable to thick lines, which maycompete with text and other information.Credit: movements.org

×