How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves? Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.

1. How
UX&Data
Storytelling
Can Shape Policy

2. Thinking Machines is a full
stack data science consultancy,
with offices in Manila Philippines,
and San Francisco, California.
We solve business problems
with data.

3. About Me
SCALE:
1 circle = 1 hour
1 column = 1 week
Graphic Design
Data Visualization
UX Design
Web Design
Motion Graphics

9. 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

10. 01
Meet the
Policy Makers

14. David Yap

16. The road to hell is paved
with bad data.

17. Reina Reyes

21. 02
The Long Journey
of Design Policy
In the Philippines

22. Design

23. 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."

24. RA
10557

25. The City of
Good Design
1239 km

27. The road to good design is
full of red tape

28. 03
How UX Fits Into
Data Storytelling

29. =

31. =

34. It’s not just about making it pretty

35. People feel threatened by
very large numbers

36. Facts + Feelings =
Data Storytelling

37. Visualization Analysis Framework
problem
driven work
Anthropology/
Ethnography/
Psychology
Design
Computer Science
Tamara Munzner, Information Visualization

40. What kind of data is relevant to our users?

41. 04
Case Study:
Road Safety
Designing as a Citizen

45. Get the most bang
for your data

46. 02 Road Danger Story Part 1
Road Danger Story Part 1

47. 02 Road Danger Story Part 1

48. 02 Road Danger Story Part 1

49. 02 Road Danger Story Part 1

50. 02 Road Danger Story Part 1

51. 02 Road Danger Story Part 1

52. 02 Road Danger Story Part 1

53. Road Danger Story Part 2
02 Road Danger Story Part 2

54. 02 Road Danger Story Part 2

55. 02 Road Danger Story Part 2

56. 02 Road Danger Story Part 2

57. 02 Road Danger Story Part 2

58. 02 Road Danger Story Part 3
Road Danger Story Part 3

59. 02 Road Danger Story Part 3

60. 02 Road Danger Story Part 3

61. 02 Road Danger Story Part 3

62. It’s not just a graph,
it’s a graphic
NATHAN YAU

69. 05
Case Study:
Road Budget Tracking
Designing with the Government

70. Roads are the arteries
of a country

71. The Philippines will
spend P766.5 billion
on roads this year

72. Are the roads being built?

77. Multiple Agencies
+
Multiple Databases
+
No Unique ID

78. How do you follow
one project from the first
database to the last?

79. algorithm

80. 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

81. Your idea is only as good
as how you present it

82. The Matching Algorithm

83. The Matching Algorithm

84. The Matching Algorithm

91. Initial User Testing

92. 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

96. The City of
Good Design
1239 km

97. 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?

98. #makefactscoolagain

99. Read more data
stories on our blog
stories.thinkingmachin.es
Follow Us
/thinkdatasci
@thinkdatasci
✦
✦