Category: Lessons (Page 2 of 2)

Explore the links listed below for examples, inspiration and guidance. This list includes a wide variety of  information designers, agencies and projects that are relevant to the projects we are exploring this semester.

Topic 1: Information Graphics

Agencies

• ColumnFiveMedia “How to Write a Compelling Infographic Story in 5 Steps”
  Design Agency specializing in Info Graphics. Explore their website for examples of client work.
• 5WGraphics Design Agency that specializes in Info Graphics. Find examples of charts, diagrams and maps
• 2019 Information is Beautiful Awards

Designers

• Nigel Homes Information Designer
• John Grimwade Information Designer
• Nadieh Breme Data Visualizer
• Rocco Piscatello Graphic Designer – Typography master
• Nicholas Rougeux Graphic Designer/ Artist – with interest in data visualization and fractal artwork
• Edward Tufte a statistician well know for his work on design strategies for information displays

Topic 2: Visualization

Explaining complex concepts visually

Designers

• Jen Christiansen Science Communicator, Art Director Scientific American
• Fernando Gomez Baptista InfoGraphic Artist for National Geographic (YouTube)
• Alberto Lucas López Information Designer and Graphic Journalist
• Bryan Christie Science Visualizer
• Joe Lertola Science Visualizer
• Bunji Tagawa Science Illustrator
• Immy Smith Science Illustrator
• Jonathan Corum Science Graphics editor at The New York Times

Topic 3: Storytelling and Data Journalism

Timelines, maps, and flow charts

Designers

• Adolfo Arranz is an infographic artist. He currently helps run the South China’s Morning Post infographics and illustration department.
• Wendy MacNaughton Illustrator and Graphic Journalist
• Giorgia Lupi Information designer, Partner at Pentagram, Data Designer

Projects

• NY Times 2018 Year In Graphics Selected Times graphics, visualizations and multimedia stories from the year.

Maps

• More to come shortly

Information Flow and Timelines

• Anne Frank House
• The Evolution of the Web
• Formula 1
• GramercyParkHotel

General Resources

• Information is Beautiful An excellent resource for getting ideas and seeing how others do it.
• Data Visualization Society An organization and online publication with excellent articles and resources about the field of Data Visualization and Information Design
• Data Stories A podcast about Data Visualization and Information Design by Enrico Bertini and Moritz Stefaner

Building the Concept and Drafting the Design

The goal of this Phase is to figure out what information you have and how best to present it. The goal of  each project should be too:

• Enhance comprehension of complex concepts
• Strengthen the persuasiveness of claims
• Make key insights more memorable

Research and Compose Content

• Your project should have one main focused thesis:
  • What’s the core message?
  • What’s the main question being answered?
• Organize your content into a clear outline
• Use bullet points to organize details for each section
• Gather the right data to support your thesis.

References and Inspiration materials

• Pintrest – create a board for yourself of inspiring examples
• Gather images from a variety of sources that help to inspire and guide you
• Identify at least three designers who have successfully completed work that is inspiring and perhaps related to aspects of your project

Organize your Data – Graphs or Charts

• Read through your data – what will be the most clear way to visualize your data.
• Inform: convey a single important message or data point that doesn’t require much context to understand
  (Big Number, Donut Chart, Pictogram)
• Compare: show similarities or differences among values or parts of a whole (Bar Chart, Bubble Chart, Pie Chart, Stacked Bar Chart, Bubble Cloud, TreeMap, Word Cloud)
• Show Change: visualize trends over time or space
  (Line Chart, Area Chart, Timeline, Map Chart)
• Organize: show groups, patterns, rank or order
  (Lists, Flow Chart, Mind Map, Pyramid Diagram, Table, Ordered Bar Chart)
• Reveal Relationships: show correlations among variables or values
  (Scatter Plot, Histogram, Multi-Series Chart)

Sketch

Develop concept and refine sketches (charts and graphs)

1. Create at least 10 sketches of your layout and related ideas
2. Each sketch MUST have a border around it, in proportion to the actual final work in order to clearly specify the dimensions of the space. Sketches can be scaled much smaller.
3. Sketches should give you a sense the of the space you are working with and show how you might organize the content to fit. Reference your outline from your content document. Work within a grid.

Selecting Type

Carefully select (no more than 2) typefaces you would like to work with for your project. Do your research and show your research.

• Study the typefaces available to you in the FONT folder on the computers in class
• Choose two different typefaces that compliment each other, perhaps a serif and a sans serif
• Try to choose typefaces that come with a large variety of of fonts: Light, Condensed, Heavy, Extended, etc.

Tips for finding Data on Search Engines

• When searching for subject matter on search engines, here are tips for best ways to refine your words. You can use the operators (AND, NOT, OR, etc.) discussed below and combine them to further drill down:
  1. Search for specific phrases with quotes “”
     Ex “DNA and Health Insurance”
  2. Add the word “data” to a search:
     Ex “DNA  and Health Insurance data”
  3. Exclude search words with a hyphen
  4. Search for something either/or with OR
     Ex: DNA Barcoding 2010 OR 2018
  5. Find Websites that are similar to others by using related
     Ex: “Related: DNA Forensics”
• Additional tips for searches:
  1. Type in a search topic together with ‘data’ and see what comes up under the image search.
  2. Search only with a certain domain by using site “site url: topic”
     Ex: “nyc.gov: DNA Barcoding”
     Google Results: “nyc.gov: DNA Barcoding”
  3. Search for a specific filetype:xls (or xlsx,csv or pdf)
     Ex: “DNA Barcoding: pdf”
  4. You can use this to find data or documents from specific agencies:
     Ex: DNA Barcoding filetype:doc site:nyc.gov
  5. You can find out more on google: google.com/advanced_search
  6. Use existing data repositories: (Many of them have limited functionality for sorting/filtering) but you can easily download data:
     • Government data: data.gov
     • Industry data: statista.com
     • Public opinion: pewresearch.org, gallup.com
     • Google public data: google.com/publicdata/directory
     • Data is Plural, an assorted data collection: spreadsheet
     • Open Access Directory (Life sciences and Academic): http://oad.simmons.edu/oadwiki/Data_repositories
     • Socrata as an online clearinghourse for their data: https://nycopendata.socrata.com
     • Research Data: http://www.re3data.org/
• Sites to search for academic research:
  • Google Scholar
  • Google Books
  • Open Science Framework
  • Sci-Hub

Tips for Collecting and Saving Information

1. Create a folder on your main hard drive and give it the name of the project
2. Within this folder create a folder titled ‘research.’ Save all related research materials into this folder
3. Create a text document. Copy and paste all related links to where you have gathered content from
4. Save a clean copy of your data and content
5. Keep track of your work. Save edited versions under new name.
6. Ex: ‘ContentHitchings-V1.doc,’ ‘ContentHitchings-V2.doc’
7. Keep careful records of your sources
8. Set up a spread sheet in Excel. Create categories for different data types.
9. Keep track of your work. Save edited versions under new name.
10. Ex: ‘ContentHitchings-V1.xls,’ ‘ContentHitchings-V2.xls’