SlideShare a Scribd company logo
How
UX&Data
Storytelling
Can Shape Policy
Thinking Machines is a full 
stack data science consultancy, 
with offices in Manila Philippines,
and San Francisco, California. 
We solve business problems 
with data.
About Me

SCALE:
1 circle = 1 hour
1 column = 1 week
Graphic Design
Data Visualization
UX Design
Web Design
Motion Graphics
Ux and data
Ux and data
Ux and data
Ux and data
Ux and data
Today:

01 Meet the Policy Makers
02 The Long Journey of Design Policy 
in the Philippines
03 How UX Fits Into Data Storytelling
04 Case Study 1: Road Safety
Designing as a Citizen
05 Case Study 2: Road Budget Tracking
Designing with the Government
01
Meet the
Policy Makers
Ux and data
Ux and data
Ux and data
David Yap
Ux and data
The road to hell is paved
with bad data.
Reina Reyes
Ux and data
Ux and data
Ux and data
02
The Long Journey 
of Design Policy
In the Philippines
Design
Design
"A way of thinking and a problem-
solving process that is user-
centered, collaborative, multi-
disciplinary and makes ideas
tangible, whether in the form of
products, services or
experiences."
RA
10557
The City of
Good Design
1239 km
Ux and data
The road to good design is
full of red tape
03
How UX Fits Into
Data Storytelling
=
Ux and data
=
Ux and data
Ux and data
It’s not just about making it pretty
People feel threatened by
very large numbers
Facts + Feelings = 
Data Storytelling
Visualization Analysis Framework
problem
driven work
Anthropology/
Ethnography/
Psychology

Design
Computer Science
Tamara Munzner, Information Visualization
Ux and data
Ux and data
What kind of data is relevant to our users?
04
Case Study: 
Road Safety
Designing as a Citizen
Ux and data
Ux and data
Ux and data
Get the most bang
for your data
02 Road Danger Story Part 1
Road Danger Story Part 1
02 Road Danger Story Part 1
02 Road Danger Story Part 1
02 Road Danger Story Part 1
02 Road Danger Story Part 1
02 Road Danger Story Part 1
02 Road Danger Story Part 1
Road Danger Story Part 2
02 Road Danger Story Part 2
02 Road Danger Story Part 2
02 Road Danger Story Part 2
02 Road Danger Story Part 2
02 Road Danger Story Part 2
02 Road Danger Story Part 3
Road Danger Story Part 3
02 Road Danger Story Part 3
02 Road Danger Story Part 3
02 Road Danger Story Part 3
It’s not just a graph, 
it’s a graphic
NATHAN YAU
Ux and data
Ux and data
Ux and data
Ux and data
Ux and data
Ux and data
05
Case Study: 
Road Budget Tracking
Designing with the Government
Roads are the arteries
of a country
The Philippines will
spend P766.5 billion
on roads this year
Are the roads being built?
Ux and data
Ux and data
Ux and data
Ux and data
Multiple Agencies 
+
Multiple Databases
+
No Unique ID
How do you follow 

one project from the first
database to the last?
algorithm
The Matching Algorithm

✦ Text Normalization
the process of transforming text into a single canonical form that it
might not have had before
✦ Text Vectorization
an algebraic model for representing text documents as vectors of
identifiers, such as, for example, index terms
✦ tf-idf 
short for term frequency–inverse document frequency, is a numerical
statistic that is intended to reflect how important a word is to a
Your idea is only as good
as how you present it
The Matching Algorithm
The Matching Algorithm
The Matching Algorithm
Ux and data
Ux and data
Ux and data
Ux and data
Ux and data
Ux and data
Initial User Testing
Insights
✦ Personas: Government Officials, Employees, 

Accountants, Journalists
✦ Officials: Importance of Budget Integrity and Faithfulness
Feature: Dashboard to look at the big picture
✦ Employees: Checking on Individual Projects
Feature: More pictures
✦ Journalists: Looking for stories for their beat
Feature: Maps
Ux and data
Ux and data
Ux and data
The City of
Good Design
1239 km
In Summary
✦ Data Visualisation isn’t just about making pretty charts, 

it has its own language.
✦ Making your visualisation more accessible and seen by
more people is good. But if it miscommunicates, it can be
worse than not being seen at all.
✦ Data can be cold, add emotion to humanise your story.
✦ Design should happen before data is processed.
✦ Who, What, Why, How?
#makefactscoolagain
Read more data
stories on our blog
stories.thinkingmachin.es
Follow Us
/thinkdatasci
@thinkdatasci
✦
✦

More Related Content

PPT
Big Data & Real Estate
PPTX
Big Data & Smart City Applications
PPTX
Data Scientist
PDF
Big Data for Smart City
PDF
Making Sense of Syria
PDF
Making Sense of Syria
PPTX
Creativeclassroom
Big Data & Real Estate
Big Data & Smart City Applications
Data Scientist
Big Data for Smart City
Making Sense of Syria
Making Sense of Syria
Creativeclassroom

Viewers also liked (20)

PDF
Bestpracticeforux
PDF
PDF
PDF
PPTX
PDF
Digital
PPTX
Тарас Шевченко і кіно
PPTX
The Creative Classroom
PDF
SXSW 2016 takeaways
PDF
Brussels Capital of Data Science
PDF
Conversion gate
PDF
The outcome economy
PDF
Creativity and empathy: skills for the future (Geneva, 2014)
PPTX
Pesentacion anticonceptivos-y-disfuncion-erectil
PDF
run team
PDF
Unlocking Pixar's Creativity
PDF
How to kill creativity in your organization
PPTX
Pixar incredible culture
Bestpracticeforux
Digital
Тарас Шевченко і кіно
The Creative Classroom
SXSW 2016 takeaways
Brussels Capital of Data Science
Conversion gate
The outcome economy
Creativity and empathy: skills for the future (Geneva, 2014)
Pesentacion anticonceptivos-y-disfuncion-erectil
run team
Unlocking Pixar's Creativity
How to kill creativity in your organization
Pixar incredible culture
Ad

Similar to Ux and data (20)

PDF
Telling Stories With Data: Class 1
ODP
Data visualization
PDF
Data visualization 2
PDF
Data+Design
PDF
Designing Data Visualization
PDF
Gmcghee bayvis meetup_111027
PPTX
Data Storytelling for Social Change
PDF
A Pixar Twist on Presenting Data
PPTX
Data vispresupdate.pptx
PDF
Statistics in Journalism Sheffield 2014
PPTX
NUS-ISS Learning Day 2017 - Data Visualisation & Storytelling with (Geo)Dashb...
PDF
Usabilidad y diseno
DOCX
TED Wiley Visualizing .docx
DOCX
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
DOCX
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
PDF
Data 101: Introduction to Data Visualization
PDF
Data Visualization for Journalists and Media
PDF
Explore Data: Data Science + Visualization
PDF
Telling stories with data slideshare
PDF
Identifying Your Audience
Telling Stories With Data: Class 1
Data visualization
Data visualization 2
Data+Design
Designing Data Visualization
Gmcghee bayvis meetup_111027
Data Storytelling for Social Change
A Pixar Twist on Presenting Data
Data vispresupdate.pptx
Statistics in Journalism Sheffield 2014
NUS-ISS Learning Day 2017 - Data Visualisation & Storytelling with (Geo)Dashb...
Usabilidad y diseno
TED Wiley Visualizing .docx
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
Data 101: Introduction to Data Visualization
Data Visualization for Journalists and Media
Explore Data: Data Science + Visualization
Telling stories with data slideshare
Identifying Your Audience
Ad

More from Vera Kovaleva (20)

PDF
44.Title slide.pdf
PDF
47.Thank you.pdf
PDF
49.Call to action.pdf
PDF
48.Questions.pdf
PDF
42.Coordinate System.pdf
PDF
50.Last slide.pdf
PDF
43.Comparison.pdf
PDF
45.Second slides.pdf
PDF
46.Section.pdf
PDF
41.Continuum.pdf
PDF
36.Timeline.pdf
PDF
39.Cloud.pdf
PDF
34.Scheme.pdf
PDF
40.Circles.pdf
PDF
35.Process.pdf
PDF
38.Multiplicity.pdf
PDF
37.Arrow.pdf
PDF
31.Mind.pdf
PDF
32.Time.pdf
PDF
33.Orbit.pdf
44.Title slide.pdf
47.Thank you.pdf
49.Call to action.pdf
48.Questions.pdf
42.Coordinate System.pdf
50.Last slide.pdf
43.Comparison.pdf
45.Second slides.pdf
46.Section.pdf
41.Continuum.pdf
36.Timeline.pdf
39.Cloud.pdf
34.Scheme.pdf
40.Circles.pdf
35.Process.pdf
38.Multiplicity.pdf
37.Arrow.pdf
31.Mind.pdf
32.Time.pdf
33.Orbit.pdf

Recently uploaded (20)

PDF
Strengthening Tamil Identity A. Swami Durai’s Legacy
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PDF
2025CategoryRanking of technology university
PPTX
Entrepreneur intro, origin, process, method
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPTX
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PPTX
Presentation.pptx anemia in pregnancy in
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
EDP Competencies-types, process, explanation
PPTX
timber basics in structure mechanics (dos)
PPTX
rapid fire quiz in your house is your india.pptx
PDF
Chalkpiece Annual Report from 2019 To 2025
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
CLASSIFICATION OF YARN- process, explanation
Strengthening Tamil Identity A. Swami Durai’s Legacy
pump pump is a mechanism that is used to transfer a liquid from one place to ...
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
2025CategoryRanking of technology university
Entrepreneur intro, origin, process, method
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
Presentation.pptx anemia in pregnancy in
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
EDP Competencies-types, process, explanation
timber basics in structure mechanics (dos)
rapid fire quiz in your house is your india.pptx
Chalkpiece Annual Report from 2019 To 2025
robotS AND ROBOTICSOF HUMANS AND MACHINES
Interior Structure and Construction A1 NGYANQI
CLASSIFICATION OF YARN- process, explanation

Ux and data