Starkey byod eye_catching_infographics_for_advocacy


Published on


Published in: Education, Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
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 Resources
  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.comEncyclopedia,2542,t=infographics&i=59903,00.asp• A representation of information in agraphic format designed to make the dataeasily understandable at a IT Encyclopedia
  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 Design manual was written and designed byJohn Emerson, Principal at ApperceptiveLLC.,
  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 Visual
  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 Visual
  25. 25. What Makes a Good Infographic?Visual1.Color Coding2.Graphics3.Reference IconsThe Anatomy of an Infographic: 5Steps 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 Visual
  27. 27. What Makes a Good Infographic?Knowledge1.Facts2.DeductionsThe Anatomy of an Infographic: 5Steps to Create a Powerful Visual
  28. 28. TutorialsKathySchrock: APicture isWorth aThousandWords—Infographicsas a CreativeAssessment
  29. 29. Tutorials
  30. 30. TutorialsHow To Create OutstandingModern Infographics
  31. 31. TutorialsTutorial: Create cool infographics
  32. 32. Tutorials5 Unbeatable Types of Infographic+ Free Tools to Create Them
  33. 33. Section 2:A Great FREE Online Toolfor Creating Infographics
  34. 34. Piktochart
  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:
  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:
  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:
  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:
  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:
  42. 42. Step 6• Decide on the format that you willdisseminate the visualization in: Paper?Screen?Credit:
  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:
  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:
  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: