Design-storm | August
Alternative Reporting Formats
Amanda Makulec
John Snow Inc.
how we consume information
Two questions:
1. When was the last time you
settled into a chair in your
office to read through a long,
printed report?
2. When was the last time you
clicked through a link to an
infographic in your email to
find out about results?
So how does this massive amount of public expression
change the way we think? Technology—and the worldwide
audience it offers to us all—is pushing us to be
smarter and more creative in the ways we share
and express our ideas, Thompson said.”
We click and consume information on a daily basis. It appears constantly in
inboxes, social media, streams, and web browsers, putting us in a constant
state of information overload. How we consume information has
fundamentally changed, though standard project reporting formats (often
required by funders) have been slow to catch up.
Clive Thompson
Wired Magazine
“As a global community, we write and post some
3.6 trillion words to the internet every day,
Thompson said—that’s roughly equal to the
contents of the entire Library of Congress.
Excerpt from “From Hackers to Health care: Five Favorite Moments from Day 1 of Switchpoint”
Design for Delight
start here
Who is your audience?
How do they use and consume information?
What story do you want to tell?
audience
(world)
Think about who you’re trying to reach and
how they connect with information. Consider
the detail they need, their bandwidth for
connecting to visually-heavy webpages or
downloading large files, and how they want to
consume information. As a few examples:
• A researcher may want more detail about the methods
used to collect the data and conduct the assessment,
requiring a longer form, narrative report.
• An advocate may want sound bites and mini-
infographics that they can share to amplify their
message.
• A donor often wants to see what results have come
from a program they funded, so focusing on results
data presented in an easy to consume format is key.
• Public health professionals are often looking for
information on context, how, and why a program was
successful (or not), so consider including demographic
data to frame your program results and including some
qualitative information on how and why your program
worked.
design
Simple graphic design principles applied to your
reporting documents will ensure readability and
maximize learning. You can use design elements and
visual depictions of your data to assist the reader.
• Arrangement: Descriptive text and its related data visualization
should be arranged so they appear together on a page. Narrative
text should be left-justified.
• Color: Blocks of background color can help group cognitively-
similar items or set off reporting elements like sidebars. Text
intended for narrative reading should be set in black or dark gray
on a white or very light background.
• Images: Written reports and presentations should always include
images. Beyond just charts and graphs, photographs or drawings
increase the relevancy of the material to the audience and make
the report more engaging.
• Type: Generally speaking, serif fonts support readability in long,
narrative-style documents produced on paper. Sans serif fonts are
easier to read in electronic reporting media.
From BetterEvaluation: http://betterevaluation.org/plan/reportandsupportuse/report
Think Web
interactive
Interactivity promotes exploration,
and well-designed interactivity helps
you engage users in a memorable
experience.
The greatest benefit of interactive features is
that they create a more engaging, interesting,
thought-provoking experience for you user.
They also let you share your big-picture, high
level themes and takeaways first, and then
allow the user to explore the information you’re
sharing and learn more about the details. That
prevents your reader from being overwhelmed
with information: instead, user Professor
Shneiderman’s (a master of human-computer
interaction design) mantra to start big and then
let the user burrow into your data.
interactive timeline
Great for:
telling a story that unfolds with anecdotes
and results over time, particularly if you
have photos, graphs, and other visual
elements to include
Platforms:
Timeline.JS
Tiki-Toki
Examples:
Fight for Democracy in the
Middle East
(complex, built in Tiki-Toki)
MEASURE Evaluation
(simple, built in Timeline JS)
slideshare
Great for:
Making your presentation decks (or preferably
Slidedocs) more accessible by sharing through a
taggable, searchable site that provides an embed
code for you to use on your project website to allow
visitors to click through a presentation without
having to download the Powerpoint or PDF
Platforms:
SlideShare
Examples:
SlideShare embedded on a website
(Ann Emery’s diverging stacked bar charts tutorial)
SlideShare homepage
(Data Viz presentation decks & resources)
scrolling webpage
Great for:
Telling your story on an elegant,
scrolling webpage where elements
appear to move as you maneuver
around the screen (instead of a
“download here” PDF link)
Platforms:
You need a web designer for
this one.
Examples:
Gates Foundation Annual
Letter 2014
UNICEF A Promise Renewed
interactive graphics
Great for:
Sharing data in a format that promotes
exploration by your user, who can drill down to
different levels of the data using interactive
controls. Caveat is to think about the level of
access you want to give your reader versus
creating the graphs and charts for them.
Platforms:
Tableau (especially new StoryPoints)
Drupal
Other web-based platforms
Examples:
PRB World Data 2014
SPRING Factors Affecting Nutrition in
Uganda
don’t forget mobile
While it may not be your primary platform, keep in mind
that an increasingly proportion of internet users are
accessing the web entirely through their mobile phone.
Think about how you can make your information
accessible to those users as you’re designing for the web.
Use Metrics
use data
“We should make decisions [on how, when, and
where to publish] based upon data. Who will
the audience be for a particular piece of
content? Who are they? What do they read?
That will lead to a very different approach to
being a publishing enterprise. Knowing our
target audience will dictate an entirely
differently rollout strategy. We will go from a
"publish" to a "launch." It will also lead us in a
direction that is inevitable, where we decouple
the legacy model from the digital. At what point
do you decide that your digital audience is as
important—or more important—than print?”
Aron Pilhofer, Executive Editor of Digital Content for The Guardian
metrics
“Not everything that can
be counted counts, and
not everything that
counts can be counted.”
Albert Einstein
Consider the various metrics you can use to
measure not only traffic (unique page
views), but also engagement. Are people
sharing content? Commenting? And where
are they coming from? Most web-based
platforms let you track where your readers
are connecting from, helping you
understand if you have the global reach
you might want. Plus, not all numbers are
created equal: while broad dissemination
strategies are appropriate for some
publications, others require a more refined
plan, targeting specific demographic
groups, organizations, or donors.
Resources
New Resource! Data+Design is a free, creative commons licensed eBook that
gives a comprehensive primer on making data accessible through information. It
starts with data collection, goes all the way through infographic design, and was
created by more than 50 enthusiastic collaborators who love data viz.
Read online or download at infoactive.co/data-design
report checklist
Evaluation Report Layout Checklist [Stephanie Evergreen] to access to the full checklist
Connect!
Datavizhub.co dataviz@jsi.com

More Related Content

PDF
Data+Design
PDF
Identifying Your Audience
PDF
Creating Functional Art in Excel
PDF
Data Visualization: Impact, Intrigue, Value Add for APLIC 2014
PDF
Storyboarding for Data Visualization
PDF
Alternative Reporting Formats
PDF
A Pixar Twist on Presenting Data
PDF
Nurturing Data Visualization
Data+Design
Identifying Your Audience
Creating Functional Art in Excel
Data Visualization: Impact, Intrigue, Value Add for APLIC 2014
Storyboarding for Data Visualization
Alternative Reporting Formats
A Pixar Twist on Presenting Data
Nurturing Data Visualization

What's hot (20)

PDF
Design for Delight
PDF
Data Dinner Parties
PDF
Designing Data Visualizations to Strengthen Health Systems
PDF
Developing Dashboards with User-Centered Design
PDF
Brief introduction to data visualization
PPTX
Data Visualization Design Best Practices Workshop
PPTX
A Data Viz Makeover: Approaches for Improving your Visualizations
PDF
5thingsyourspreadsheetcantdo eng
PDF
Business Intelligence Insights: How to Present Visual Data your Team Understands
PPTX
Techniques of Data Visualization for Data & Business Analytics
PPTX
Real-life Data Visualization - guest lecture for McGill INSY-442
PDF
Measurement Dashboard Design
PPTX
Strategic Design for the Social Sector
PPTX
Data visualization trends in Business Intelligence: Allison Sapka at Analytic...
PDF
How to Entertain audiences using data led content - Trend Report Spring 2015
PDF
Why No One is Using your Dashboard
PDF
Visual Communication through Infographics
PDF
3 razones para contar historias...
PDF
Data Driven Design
PDF
Automatic Persona Generation: Introduction & Current Challenges
Design for Delight
Data Dinner Parties
Designing Data Visualizations to Strengthen Health Systems
Developing Dashboards with User-Centered Design
Brief introduction to data visualization
Data Visualization Design Best Practices Workshop
A Data Viz Makeover: Approaches for Improving your Visualizations
5thingsyourspreadsheetcantdo eng
Business Intelligence Insights: How to Present Visual Data your Team Understands
Techniques of Data Visualization for Data & Business Analytics
Real-life Data Visualization - guest lecture for McGill INSY-442
Measurement Dashboard Design
Strategic Design for the Social Sector
Data visualization trends in Business Intelligence: Allison Sapka at Analytic...
How to Entertain audiences using data led content - Trend Report Spring 2015
Why No One is Using your Dashboard
Visual Communication through Infographics
3 razones para contar historias...
Data Driven Design
Automatic Persona Generation: Introduction & Current Challenges
Ad

Similar to August Designstorm: Alternative Reporting Formats (20)

PPTX
Visual and interactive storytelling slides cmg 2015-final
PPTX
Principles of data visualisation 2020
PPT
Creative Content ylvp 09
PPT
Creative Content Uclan
PDF
Introduction to Infographic Design
PDF
EBook: 5 ways of reporting your BI insights
DOCX
Project Paper Company Report
PDF
MCAD 2009 - Future of Advertising: session #09 recap (March 23)
PPT
Social Media in Higher Education Services Training Session 1
PDF
Quick Guide to Infographics
PPTX
online technologies used in cyber journalism
PPTX
All about Infographics
PPTX
Social media tools for researchers
PDF
Newsroom of-the-future Workflows Digital transformation Discussion
PDF
Read it! Grab it! Share it!
PPTX
Content Strategy: Do It For Your Users
PPT
Web Live! Developing a Web Information Service
PDF
Principles of data visualisation 2021
PDF
principlesofdatavisualisation2021-210407141546.pdf
PDF
The power of Structured Journalism & Hacker Culture in NPR
Visual and interactive storytelling slides cmg 2015-final
Principles of data visualisation 2020
Creative Content ylvp 09
Creative Content Uclan
Introduction to Infographic Design
EBook: 5 ways of reporting your BI insights
Project Paper Company Report
MCAD 2009 - Future of Advertising: session #09 recap (March 23)
Social Media in Higher Education Services Training Session 1
Quick Guide to Infographics
online technologies used in cyber journalism
All about Infographics
Social media tools for researchers
Newsroom of-the-future Workflows Digital transformation Discussion
Read it! Grab it! Share it!
Content Strategy: Do It For Your Users
Web Live! Developing a Web Information Service
Principles of data visualisation 2021
principlesofdatavisualisation2021-210407141546.pdf
The power of Structured Journalism & Hacker Culture in NPR
Ad

More from Amanda Makulec (15)

PDF
Adapting Agile for MERL
PDF
The Simpsons, Design, and Data Use
PDF
Visualizations with Empathy
PDF
Visualizations with Empathy: Developing Audience Personas
PDF
Are Dashboards the Magic Bullet?
PDF
Designstorm How-to: Dot Plots
PDF
The Human Element
PDF
Designing Usage Dashboards for mHealth Program Monitoring
PPTX
Data Visualization Design Best Practices Workshop
PPTX
Making Data Meaningful
PDF
Chart Makeover: A Women's Nutrition Bar Chart
PDF
Data Visualization Resource Guide (September 2014)
PDF
June Design-storm : Piktochart
PDF
Creating Functional Art in Excel
PDF
July Design-storm : Slidedocs
Adapting Agile for MERL
The Simpsons, Design, and Data Use
Visualizations with Empathy
Visualizations with Empathy: Developing Audience Personas
Are Dashboards the Magic Bullet?
Designstorm How-to: Dot Plots
The Human Element
Designing Usage Dashboards for mHealth Program Monitoring
Data Visualization Design Best Practices Workshop
Making Data Meaningful
Chart Makeover: A Women's Nutrition Bar Chart
Data Visualization Resource Guide (September 2014)
June Design-storm : Piktochart
Creating Functional Art in Excel
July Design-storm : Slidedocs

Recently uploaded (20)

PPTX
FMIS 108 and AISlaudon_mis17_ppt_ch11.pptx
PPTX
sac 451hinhgsgshssjsjsjheegdggeegegdggddgeg.pptx
PPTX
MBA JAPAN: 2025 the University of Waseda
PPTX
eGramSWARAJ-PPT Training Module for beginners
PDF
Microsoft Core Cloud Services powerpoint
PPTX
Caseware_IDEA_Detailed_Presentation.pptx
PPTX
Lesson-01intheselfoflifeofthekennyrogersoftheunderstandoftheunderstanded
PDF
Microsoft 365 products and services descrption
PDF
Best Data Science Professional Certificates in the USA | IABAC
PPTX
Machine Learning and working of machine Learning
PDF
©️ 02_SKU Automatic SW Robotics for Microsoft PC.pdf
PPTX
CHAPTER-2-THE-ACCOUNTING-PROCESS-2-4.pptx
PPT
expt-design-lecture-12 hghhgfggjhjd (1).ppt
PPT
statistics analysis - topic 3 - describing data visually
PPTX
statsppt this is statistics ppt for giving knowledge about this topic
PPT
PROJECT CYCLE MANAGEMENT FRAMEWORK (PCM).ppt
PPTX
CYBER SECURITY the Next Warefare Tactics
PDF
Systems Analysis and Design, 12th Edition by Scott Tilley Test Bank.pdf
PPTX
recommendation Project PPT with details attached
PPTX
Crypto_Trading_Beginners.pptxxxxxxxxxxxxxx
FMIS 108 and AISlaudon_mis17_ppt_ch11.pptx
sac 451hinhgsgshssjsjsjheegdggeegegdggddgeg.pptx
MBA JAPAN: 2025 the University of Waseda
eGramSWARAJ-PPT Training Module for beginners
Microsoft Core Cloud Services powerpoint
Caseware_IDEA_Detailed_Presentation.pptx
Lesson-01intheselfoflifeofthekennyrogersoftheunderstandoftheunderstanded
Microsoft 365 products and services descrption
Best Data Science Professional Certificates in the USA | IABAC
Machine Learning and working of machine Learning
©️ 02_SKU Automatic SW Robotics for Microsoft PC.pdf
CHAPTER-2-THE-ACCOUNTING-PROCESS-2-4.pptx
expt-design-lecture-12 hghhgfggjhjd (1).ppt
statistics analysis - topic 3 - describing data visually
statsppt this is statistics ppt for giving knowledge about this topic
PROJECT CYCLE MANAGEMENT FRAMEWORK (PCM).ppt
CYBER SECURITY the Next Warefare Tactics
Systems Analysis and Design, 12th Edition by Scott Tilley Test Bank.pdf
recommendation Project PPT with details attached
Crypto_Trading_Beginners.pptxxxxxxxxxxxxxx

August Designstorm: Alternative Reporting Formats

  • 1. Design-storm | August Alternative Reporting Formats Amanda Makulec John Snow Inc.
  • 2. how we consume information Two questions: 1. When was the last time you settled into a chair in your office to read through a long, printed report? 2. When was the last time you clicked through a link to an infographic in your email to find out about results?
  • 3. So how does this massive amount of public expression change the way we think? Technology—and the worldwide audience it offers to us all—is pushing us to be smarter and more creative in the ways we share and express our ideas, Thompson said.” We click and consume information on a daily basis. It appears constantly in inboxes, social media, streams, and web browsers, putting us in a constant state of information overload. How we consume information has fundamentally changed, though standard project reporting formats (often required by funders) have been slow to catch up. Clive Thompson Wired Magazine “As a global community, we write and post some 3.6 trillion words to the internet every day, Thompson said—that’s roughly equal to the contents of the entire Library of Congress. Excerpt from “From Hackers to Health care: Five Favorite Moments from Day 1 of Switchpoint”
  • 5. start here Who is your audience? How do they use and consume information? What story do you want to tell?
  • 6. audience (world) Think about who you’re trying to reach and how they connect with information. Consider the detail they need, their bandwidth for connecting to visually-heavy webpages or downloading large files, and how they want to consume information. As a few examples: • A researcher may want more detail about the methods used to collect the data and conduct the assessment, requiring a longer form, narrative report. • An advocate may want sound bites and mini- infographics that they can share to amplify their message. • A donor often wants to see what results have come from a program they funded, so focusing on results data presented in an easy to consume format is key. • Public health professionals are often looking for information on context, how, and why a program was successful (or not), so consider including demographic data to frame your program results and including some qualitative information on how and why your program worked.
  • 7. design Simple graphic design principles applied to your reporting documents will ensure readability and maximize learning. You can use design elements and visual depictions of your data to assist the reader. • Arrangement: Descriptive text and its related data visualization should be arranged so they appear together on a page. Narrative text should be left-justified. • Color: Blocks of background color can help group cognitively- similar items or set off reporting elements like sidebars. Text intended for narrative reading should be set in black or dark gray on a white or very light background. • Images: Written reports and presentations should always include images. Beyond just charts and graphs, photographs or drawings increase the relevancy of the material to the audience and make the report more engaging. • Type: Generally speaking, serif fonts support readability in long, narrative-style documents produced on paper. Sans serif fonts are easier to read in electronic reporting media. From BetterEvaluation: http://betterevaluation.org/plan/reportandsupportuse/report
  • 9. interactive Interactivity promotes exploration, and well-designed interactivity helps you engage users in a memorable experience. The greatest benefit of interactive features is that they create a more engaging, interesting, thought-provoking experience for you user. They also let you share your big-picture, high level themes and takeaways first, and then allow the user to explore the information you’re sharing and learn more about the details. That prevents your reader from being overwhelmed with information: instead, user Professor Shneiderman’s (a master of human-computer interaction design) mantra to start big and then let the user burrow into your data.
  • 10. interactive timeline Great for: telling a story that unfolds with anecdotes and results over time, particularly if you have photos, graphs, and other visual elements to include Platforms: Timeline.JS Tiki-Toki Examples: Fight for Democracy in the Middle East (complex, built in Tiki-Toki) MEASURE Evaluation (simple, built in Timeline JS)
  • 11. slideshare Great for: Making your presentation decks (or preferably Slidedocs) more accessible by sharing through a taggable, searchable site that provides an embed code for you to use on your project website to allow visitors to click through a presentation without having to download the Powerpoint or PDF Platforms: SlideShare Examples: SlideShare embedded on a website (Ann Emery’s diverging stacked bar charts tutorial) SlideShare homepage (Data Viz presentation decks & resources)
  • 12. scrolling webpage Great for: Telling your story on an elegant, scrolling webpage where elements appear to move as you maneuver around the screen (instead of a “download here” PDF link) Platforms: You need a web designer for this one. Examples: Gates Foundation Annual Letter 2014 UNICEF A Promise Renewed
  • 13. interactive graphics Great for: Sharing data in a format that promotes exploration by your user, who can drill down to different levels of the data using interactive controls. Caveat is to think about the level of access you want to give your reader versus creating the graphs and charts for them. Platforms: Tableau (especially new StoryPoints) Drupal Other web-based platforms Examples: PRB World Data 2014 SPRING Factors Affecting Nutrition in Uganda
  • 14. don’t forget mobile While it may not be your primary platform, keep in mind that an increasingly proportion of internet users are accessing the web entirely through their mobile phone. Think about how you can make your information accessible to those users as you’re designing for the web.
  • 16. use data “We should make decisions [on how, when, and where to publish] based upon data. Who will the audience be for a particular piece of content? Who are they? What do they read? That will lead to a very different approach to being a publishing enterprise. Knowing our target audience will dictate an entirely differently rollout strategy. We will go from a "publish" to a "launch." It will also lead us in a direction that is inevitable, where we decouple the legacy model from the digital. At what point do you decide that your digital audience is as important—or more important—than print?” Aron Pilhofer, Executive Editor of Digital Content for The Guardian
  • 17. metrics “Not everything that can be counted counts, and not everything that counts can be counted.” Albert Einstein Consider the various metrics you can use to measure not only traffic (unique page views), but also engagement. Are people sharing content? Commenting? And where are they coming from? Most web-based platforms let you track where your readers are connecting from, helping you understand if you have the global reach you might want. Plus, not all numbers are created equal: while broad dissemination strategies are appropriate for some publications, others require a more refined plan, targeting specific demographic groups, organizations, or donors.
  • 19. New Resource! Data+Design is a free, creative commons licensed eBook that gives a comprehensive primer on making data accessible through information. It starts with data collection, goes all the way through infographic design, and was created by more than 50 enthusiastic collaborators who love data viz. Read online or download at infoactive.co/data-design
  • 20. report checklist Evaluation Report Layout Checklist [Stephanie Evergreen] to access to the full checklist