1.
Designing with Data
for Humans
UXThursday, June 26th 2014
Ivo Gasparotto / @ovidovi

2.
“…it provides us with new
kinds of glasses to see
the world.”
-Moritz Stephaner, information designer

3.
Understanding Users
and Data

4.
What is fleet management?
Vehicles
service
sales
Humans
drivers
managers
executives

5.
!
What are the biggest
opportunities for
improvement?

6.
Large scale
Location
Diverse data sets
Numeric format
Vehicle data qualities

7.
Sketch it out but prototype
with real data

8.
BI LEAD
PROJECT
MANAGER
DATA ANALYST
ARCHITECT
BI LEAD VISUAL DESIGN
INTERACTION
DESIGN
NOT PICTURED
DATA BASE ARCHITECT
BACK-END DEVELOPMENT
FRONT-END DEVELOPMENT
DATA SCIENTIST
BUSINESS ANALYST
GEOSPATIAL DEVELOPER
The team

9.
d3js.orgprocessing.org

10.
Building
Structure

11.
Large scale
Location
Diverse data sets
Numeric format
Vehicle data qualities

12.
Visualization choices: Large scale
Grouping like objects with aggregation
Enable movement through
layers of information
!
!
!
Allow for granular views of data
!
!
!
Represent different perspectives

13.
Loss of important detail
through aggregation
!
!
!
High density provides
richness in data
!
!
!
Visualization choices: Large Scale
Leverage density to provide more depth in the data

14.
Use geography as a navigation system
Visualization choices: Location

15.
Use geography as a canvas
Visualization choices: Location

16.
Change Perspective Manage Categories
Adjust Binary AspectsSet Threshold
Allow for exploration by providing controls
Design choices: Diverse datasets

17.
Scale or range
5 1
Make numbers more relevant and understandable
Metaphor
143.89
Context
185.79
Design choices: Numeric formats

18.
Creating
Experiences

19.
“How can I look at the problem from
different vantage points?
!
How can I look at this information?
Can it be made to look smaller?
Can I see it in context?
How can I pull myself out of the situation?
How do I see it by changing scale?”
!
!
-Richard Saul Wurman, Information Anxiety

20.
Humans
understand stories

21.
“What the Jobs Report Really Means” by Matthew C. Klein
http://www.bloomberg.com/dataview/2013-11-08/

22.
“What the Jobs Report Really Means” by Matthew C. Klein
http://www.bloomberg.com/dataview/2013-11-08/

23.
“What the Jobs Report Really Means” by Matthew C. Klein
http://www.bloomberg.com/dataview/2013-11-08/

24.
Our Responsibility

25.
Chicago Hot
List: Predictive
Policing
“An index of the roughly 400
people in the city of Chicago
supposedly most likely to be
involved in violent crime.”

26.
A call to action

27.
Thank you
Ivo Gasparotto / @ovidovi