SlideShare a Scribd company logo
On Storyboarding as a Data Visualization Tool
A Process for Distilling Long Reports into Data Visualization Products
What are storyboards?
› A graphic representation of how a video or
visualization will unfold.
› Focus on storytelling, plot, flow, and
perspective.
› Often look like comic strips.
› Can be very detailed and visual or more
basic sketches.
Why storyboarding as a data visualization
design tool? Communications experts and
video designers frequently use a visual,
frame-by-frame representation of their
message or plot line as a way to map out how
they want their final product to flow. For data
visualization enthusiasts, the storyboarding
process can be a great way to work with a
team to pull the key messages and data
elements (“story points”) out of a long report
or set of documents and arrange them in
sequence to tell your data story.
Why does this step matter?
This process helps you transition from a long
report and abstract ideas about making an
inforgraphic or other product to tangible
plans. They make it easier for you to share
and explain your vision with your team
and/or a designer and, as a result, facilitate
collaboration and ensure that all of your
collaborators are on the same page. They
emphasize usability and clarity of content and
can ultimately save you time.
So now I have a bunch of post-its on paper
lined up with sketches. What do I do next?
Great work! You’ve done the thinking around
how to tell your story and what elements you
want to visualize. You can use the storyboard
you’ve created to make a slide deck that
someone could use for a highly visual
presentation, to work with a designer (or a
free tool, like Piktochart) to design an
infographic, or create a video based on the
frames you’ve mapped out..
Let’s practice…
Imagine you are a researcher who has just
completed a mid-term evaluation. Your team has
worked hard to write your 50 page evaluation
report, and even summarized your key data
points into a fact sheet. Now, you want to create
an infographic to include in a blog post to spark
interest from other implementers by visually
telling the story from one of your project sites.
You have a two page example of key findings in a
fact sheet from the Senegal Urban Reproductive
Health Initiative provided by the facilitators.
Follow the steps outlined above (highlight key
points, post-it, organize, brainstorm
visualizations) to create your own storyboard.
A simple process from moving
from report to storyboard:
1. Highlight Read your full narrative
document and highlight key data points or
messages. What jumps out at you? What
would your audience want to learn about?
You can do this simultaneously with a
team or on your own.
2. Post-its Write each message or statistic
that you higlighted on a post-it note.
3. Arrange the storyboard Arrange the post-
its in sequence on a large flip chart. Start
thinking through how this story would
unfold on an infographic, in a video, or on
a slidedeck: what would you want your
audience to know first? Are there any
post-its that you don’t need (because they
just add clutter) or anything missing that
you should look for in the document or
from another data source?
4. Brainstorm visualizations Think about how
you’d visualize each piece of information
on an individual post-it and draw small
sketches of what that storypoint could
look like. Don’t aim for perfection here
(we’re not all artists) & try different ideas.

More Related Content

PDF
Acunetix - Web Vulnerability Scanner
ODP
API Testing With Katalon Studio
PPTX
Increasing reliability and safety
PDF
Test unitaire
PPTX
SDET UNIT 3.pptx
PPTX
Automation Framework Presentation
PPTX
Writing Test Cases From User Stories And Acceptance Criteria
PPTX
Test automation
Acunetix - Web Vulnerability Scanner
API Testing With Katalon Studio
Increasing reliability and safety
Test unitaire
SDET UNIT 3.pptx
Automation Framework Presentation
Writing Test Cases From User Stories And Acceptance Criteria
Test automation

What's hot (20)

PPTX
Agile Testing by Example
PPTX
Introduction to ASPICE
PDF
An Introduction To Automated API Testing
PPTX
QA Best Practices in Agile World_new
PPTX
Code Review
PPTX
Pruebas funcionales
PDF
Risk Assessment for CAPA Determoination (decision)
PDF
Agile QA Process
PPTX
Strategies For Software Test Documentation
PPT
ISTQB / ISEB Foundation Exam Practice - 5
PDF
What is Test Plan? Edureka
PPT
Automated Testing with Agile
PPTX
Agile Methodology (scrum)
PDF
Robot framework 을 이용한 기능 테스트 자동화
PDF
formation istqb.pdf
PPTX
Behavior Driven Development Testing (BDD)
PPTX
Quality Testing and Agile at Salesforce
PPT
Integrated Dev And Qa Team With Scrum
PDF
eBook Human Resource Information Systems 5e Richard Johnson. Kevin Carlson, M...
PPTX
Unit Testing in Java
Agile Testing by Example
Introduction to ASPICE
An Introduction To Automated API Testing
QA Best Practices in Agile World_new
Code Review
Pruebas funcionales
Risk Assessment for CAPA Determoination (decision)
Agile QA Process
Strategies For Software Test Documentation
ISTQB / ISEB Foundation Exam Practice - 5
What is Test Plan? Edureka
Automated Testing with Agile
Agile Methodology (scrum)
Robot framework 을 이용한 기능 테스트 자동화
formation istqb.pdf
Behavior Driven Development Testing (BDD)
Quality Testing and Agile at Salesforce
Integrated Dev And Qa Team With Scrum
eBook Human Resource Information Systems 5e Richard Johnson. Kevin Carlson, M...
Unit Testing in Java
Ad

Viewers also liked (20)

PDF
A Pixar Twist on Presenting Data
PPTX
Data Visualization Design Best Practices Workshop
PDF
Storyboarding for Data Visualization Design
PPTX
Making Data Meaningful
PDF
Designing Data Visualizations to Strengthen Health Systems
PDF
Nurturing Data Visualization
PDF
Chart Makeover: A Women's Nutrition Bar Chart
PDF
Designing Usage Dashboards for mHealth Program Monitoring
PDF
Design for Delight
PDF
Identifying Your Audience
PDF
Data+Design
PPT
Presentating Data
PPTX
3 myths about presenting data
PDF
Data Visualization - 5 tips for presenting data analyses
PPT
NCompass Live: Presenting Data in Meaningful and Interesting Ways
PPTX
6 Strategies for Presenting Data & Charts
PPT
Interaction Design History
PDF
The Human Interface
PDF
Presenting Data Webinar
PDF
Data Visualization Resource Guide (September 2014)
A Pixar Twist on Presenting Data
Data Visualization Design Best Practices Workshop
Storyboarding for Data Visualization Design
Making Data Meaningful
Designing Data Visualizations to Strengthen Health Systems
Nurturing Data Visualization
Chart Makeover: A Women's Nutrition Bar Chart
Designing Usage Dashboards for mHealth Program Monitoring
Design for Delight
Identifying Your Audience
Data+Design
Presentating Data
3 myths about presenting data
Data Visualization - 5 tips for presenting data analyses
NCompass Live: Presenting Data in Meaningful and Interesting Ways
6 Strategies for Presenting Data & Charts
Interaction Design History
The Human Interface
Presenting Data Webinar
Data Visualization Resource Guide (September 2014)
Ad

Similar to Storyboarding for Data Visualization (20)

PDF
4 - Press Prep
DOCX
Part C Developing Your Design SolutionThe Production Cycle.docx
PDF
Uxpin guide to_uxdesign_process_and_documentation
PDF
Introduction to Infographic Design
PDF
VDIS10015 Presenting a body of work - Lecture 5
PPTX
Cost Reduction in Manufacturing engineering.pptx
PPTX
Cost Reduction in Manufacturing Industry Newsletter by Slidesgo.pptx
PPT
PCC2 - How do I incorporate Apple-like design into my products?
PPTX
Cars Technology Innovation Newsletter by Slidesgo.pptx
DOC
list script and flowchart
PDF
uxpin_guide_to_uxdesign_process_and_documentation.pdf
PDF
Documentation Workbook Series. Step 3 Presenting Information (Visual Document...
PDF
EBook: 5 ways of reporting your BI insights
PPTX
Happy Seollal_ Korean New Year Newsletter by Slidesgo.pptx
PPTX
Measurecamp Manchester 2018 - designing better marketing analytics dashboard
DOCX
Introduction to Storyboards
PDF
Power BI Report.pdf
PPT
Presentation Development Primer: Storyboarding, Slide Design
PPT
Architectural Professional Practice - Portfolio
PPTX
sustentabilidade e recursos naturais.pptx
4 - Press Prep
Part C Developing Your Design SolutionThe Production Cycle.docx
Uxpin guide to_uxdesign_process_and_documentation
Introduction to Infographic Design
VDIS10015 Presenting a body of work - Lecture 5
Cost Reduction in Manufacturing engineering.pptx
Cost Reduction in Manufacturing Industry Newsletter by Slidesgo.pptx
PCC2 - How do I incorporate Apple-like design into my products?
Cars Technology Innovation Newsletter by Slidesgo.pptx
list script and flowchart
uxpin_guide_to_uxdesign_process_and_documentation.pdf
Documentation Workbook Series. Step 3 Presenting Information (Visual Document...
EBook: 5 ways of reporting your BI insights
Happy Seollal_ Korean New Year Newsletter by Slidesgo.pptx
Measurecamp Manchester 2018 - designing better marketing analytics dashboard
Introduction to Storyboards
Power BI Report.pdf
Presentation Development Primer: Storyboarding, Slide Design
Architectural Professional Practice - Portfolio
sustentabilidade e recursos naturais.pptx

More from Amanda Makulec (18)

PDF
Adapting Agile for MERL
PDF
Why No One is Using your Dashboard
PDF
Developing Dashboards with User-Centered Design
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
Data Dinner Parties
PDF
The Human Element
PPTX
A Data Viz Makeover: Approaches for Improving your Visualizations
PDF
Alternative Reporting Formats
PDF
Creating Functional Art in Excel
PDF
August Designstorm: Alternative Reporting Formats
PDF
June Design-storm : Piktochart
PDF
Data Visualization: Impact, Intrigue, Value Add for APLIC 2014
PDF
Creating Functional Art in Excel
PDF
July Design-storm : Slidedocs
Adapting Agile for MERL
Why No One is Using your Dashboard
Developing Dashboards with User-Centered Design
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
Data Dinner Parties
The Human Element
A Data Viz Makeover: Approaches for Improving your Visualizations
Alternative Reporting Formats
Creating Functional Art in Excel
August Designstorm: Alternative Reporting Formats
June Design-storm : Piktochart
Data Visualization: Impact, Intrigue, Value Add for APLIC 2014
Creating Functional Art in Excel
July Design-storm : Slidedocs

Recently uploaded (20)

PPTX
1_Introduction to advance data techniques.pptx
PPTX
oil_refinery_comprehensive_20250804084928 (1).pptx
PPTX
Data_Analytics_and_PowerBI_Presentation.pptx
PPTX
IBA_Chapter_11_Slides_Final_Accessible.pptx
PPT
Quality review (1)_presentation of this 21
PPTX
Acceptance and paychological effects of mandatory extra coach I classes.pptx
PDF
168300704-gasification-ppt.pdfhghhhsjsjhsuxush
PPT
Reliability_Chapter_ presentation 1221.5784
PDF
Clinical guidelines as a resource for EBP(1).pdf
PDF
TRAFFIC-MANAGEMENT-AND-ACCIDENT-INVESTIGATION-WITH-DRIVING-PDF-FILE.pdf
PDF
Galatica Smart Energy Infrastructure Startup Pitch Deck
PDF
annual-report-2024-2025 original latest.
PPTX
mbdjdhjjodule 5-1 rhfhhfjtjjhafbrhfnfbbfnb
PPTX
advance b rammar.pptxfdgdfgdfsgdfgsdgfdfgdfgsdfgdfgdfg
PDF
22.Patil - Early prediction of Alzheimer’s disease using convolutional neural...
PPTX
AI Strategy room jwfjksfksfjsjsjsjsjfsjfsj
PPTX
Introduction to machine learning and Linear Models
PPTX
The THESIS FINAL-DEFENSE-PRESENTATION.pptx
PPTX
climate analysis of Dhaka ,Banglades.pptx
1_Introduction to advance data techniques.pptx
oil_refinery_comprehensive_20250804084928 (1).pptx
Data_Analytics_and_PowerBI_Presentation.pptx
IBA_Chapter_11_Slides_Final_Accessible.pptx
Quality review (1)_presentation of this 21
Acceptance and paychological effects of mandatory extra coach I classes.pptx
168300704-gasification-ppt.pdfhghhhsjsjhsuxush
Reliability_Chapter_ presentation 1221.5784
Clinical guidelines as a resource for EBP(1).pdf
TRAFFIC-MANAGEMENT-AND-ACCIDENT-INVESTIGATION-WITH-DRIVING-PDF-FILE.pdf
Galatica Smart Energy Infrastructure Startup Pitch Deck
annual-report-2024-2025 original latest.
mbdjdhjjodule 5-1 rhfhhfjtjjhafbrhfnfbbfnb
advance b rammar.pptxfdgdfgdfsgdfgsdgfdfgdfgsdfgdfgdfg
22.Patil - Early prediction of Alzheimer’s disease using convolutional neural...
AI Strategy room jwfjksfksfjsjsjsjsjfsjfsj
Introduction to machine learning and Linear Models
The THESIS FINAL-DEFENSE-PRESENTATION.pptx
climate analysis of Dhaka ,Banglades.pptx

Storyboarding for Data Visualization

  • 1. On Storyboarding as a Data Visualization Tool A Process for Distilling Long Reports into Data Visualization Products What are storyboards? › A graphic representation of how a video or visualization will unfold. › Focus on storytelling, plot, flow, and perspective. › Often look like comic strips. › Can be very detailed and visual or more basic sketches. Why storyboarding as a data visualization design tool? Communications experts and video designers frequently use a visual, frame-by-frame representation of their message or plot line as a way to map out how they want their final product to flow. For data visualization enthusiasts, the storyboarding process can be a great way to work with a team to pull the key messages and data elements (“story points”) out of a long report or set of documents and arrange them in sequence to tell your data story. Why does this step matter? This process helps you transition from a long report and abstract ideas about making an inforgraphic or other product to tangible plans. They make it easier for you to share and explain your vision with your team and/or a designer and, as a result, facilitate collaboration and ensure that all of your collaborators are on the same page. They emphasize usability and clarity of content and can ultimately save you time. So now I have a bunch of post-its on paper lined up with sketches. What do I do next? Great work! You’ve done the thinking around how to tell your story and what elements you want to visualize. You can use the storyboard you’ve created to make a slide deck that someone could use for a highly visual presentation, to work with a designer (or a free tool, like Piktochart) to design an infographic, or create a video based on the frames you’ve mapped out.. Let’s practice… Imagine you are a researcher who has just completed a mid-term evaluation. Your team has worked hard to write your 50 page evaluation report, and even summarized your key data points into a fact sheet. Now, you want to create an infographic to include in a blog post to spark interest from other implementers by visually telling the story from one of your project sites. You have a two page example of key findings in a fact sheet from the Senegal Urban Reproductive Health Initiative provided by the facilitators. Follow the steps outlined above (highlight key points, post-it, organize, brainstorm visualizations) to create your own storyboard. A simple process from moving from report to storyboard: 1. Highlight Read your full narrative document and highlight key data points or messages. What jumps out at you? What would your audience want to learn about? You can do this simultaneously with a team or on your own. 2. Post-its Write each message or statistic that you higlighted on a post-it note. 3. Arrange the storyboard Arrange the post- its in sequence on a large flip chart. Start thinking through how this story would unfold on an infographic, in a video, or on a slidedeck: what would you want your audience to know first? Are there any post-its that you don’t need (because they just add clutter) or anything missing that you should look for in the document or from another data source? 4. Brainstorm visualizations Think about how you’d visualize each piece of information on an individual post-it and draw small sketches of what that storypoint could look like. Don’t aim for perfection here (we’re not all artists) & try different ideas.