3340 Digital Story Telling Graphics March04 08


Published on

Class Notes March 4, 2008

Published in: Technology, News & Politics
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

3340 Digital Story Telling Graphics March04 08

  1. 1. Graphics University of North Texas Department of Journalism Online Journalism 3340 March 4, 2008
  2. 2. What’s Happening Today <ul><li>Infographics </li></ul><ul><li>For Thursday: </li></ul><ul><ul><li>Read Handout on Blogs </li></ul></ul><ul><ul><ul><li>Find a blog on a news website. Compare the content on the blog with a specific news story that the blog may be talking about it. What are the major differences? As a journalist, how do you distinguish the two? As a reader, how do you know the difference? </li></ul></ul></ul><ul><li>Guest speaker: Marissa Trevino, publisher, LatinaLista.net </li></ul>
  3. 3. Graphics Transform media <ul><li>1980s – USA Today </li></ul><ul><ul><li>For purists, it ‘cheapened’ newspapers </li></ul></ul><ul><ul><li>Made it look like cartoons </li></ul></ul><ul><li>1990s – Became a standard </li></ul><ul><ul><li>Color, graphics – a more reader-friendly publication </li></ul></ul><ul><li>2000s – The Web </li></ul><ul><ul><li>Content/Graphics/Interactivity </li></ul></ul>
  4. 4. Info Graphics – The Basics <ul><li>Accuracy </li></ul><ul><ul><li>Just like a newspaper story, you’ve got to report it </li></ul></ul><ul><ul><li>Research and verify </li></ul></ul><ul><ul><li>Avoiding any distortion of key facts </li></ul></ul><ul><li>Clarity </li></ul><ul><ul><li>Information has to make sense to you – the journalist, your editor(s) and the reader </li></ul></ul><ul><ul><li>Built around a central idea </li></ul></ul><ul><ul><li>Precise </li></ul></ul>
  5. 5. What it takes <ul><li>George Rorick, former Knight Ridder graphics expert: “Plan, Plan, Plan” </li></ul><ul><li>Brainstorm well in advance (today would be good if you haven't started already). </li></ul><ul><li>Be proactive. Ask for what you need. Don't wait for someone else to tell you what the plan is. If you need a single point-person to copy edit graphics, get one. </li></ul><ul><li>Plan how graphics will be updated online. Depending on the size of your staff, decide how many times you will update your online graphics. Be realistic. Ask yourself if you have the resources to update online graphics on the fly, or whether they follow the same deadlines as the newspaper. </li></ul><ul><li>Talk to the production department and get them involved early. </li></ul>
  6. 6. What it takes <ul><li>Create shells for charts and maps for local and national races. </li></ul><ul><li>Work out any bugs with technology. Find out in what format election results will be released and how the information will gel with your system. </li></ul><ul><li>Get an estimated schedule of when results will be released. </li></ul><ul><li>Make sure there is a point person who will receive the results and translate them into the right format if necessary. </li></ul><ul><li>Be clear about who is assigned to a specific task and with whom they will be working. </li></ul><ul><li>Practice dry runs to ensure the process will work. </li></ul><ul><li>B e prepared for the unexpected. Think about the &quot;what ifs&quot; that could occur. For instance, what if there is a serious malfunction at a precinct? What archived graphics should you have on standby? </li></ul>
  7. 7. Types of Graphics <ul><li>Type-based </li></ul><ul><ul><li>Lists </li></ul></ul><ul><ul><li>Refers </li></ul></ul><ul><ul><li>Web based </li></ul></ul><ul><li>Chart-based Graphics </li></ul><ul><ul><li>Simplicity </li></ul></ul><ul><ul><li>Consistency </li></ul></ul><ul><ul><li>Attribution </li></ul></ul><ul><li>Charts </li></ul><ul><ul><li>Bar Charts </li></ul></ul><ul><ul><li>Line </li></ul></ul><ul><ul><li>Pie Charts </li></ul></ul><ul><li>Maps </li></ul><ul><ul><li>Symbols </li></ul></ul><ul><ul><li>Location </li></ul></ul><ul><ul><li>Data </li></ul></ul>
  8. 8. Examples <ul><li>CNN.com </li></ul><ul><li>Alberto Cairo: http://www. ojr .org/ojr/stories/070523ruel </li></ul><ul><li>Http://www. steveouting . com/a-brilliantly-designed-web-infographic .html </li></ul>