DESIGNING WITH DATA FOR HUMANS Designers and UX professionals have the opportunity and skills to shape data so it’s understandable, manageable and positively affects lives. Ivo Gasparotto has worked on a team at GE Capital to create an intuitive application for users to manage and manipulate massive amounts of business and operations-related data. The team produced a user-centered application that allows access to data and surfaces unique insights into their business. Ivo will share what he’s learned about using design to make data more meaningful for people in the ways they do business and connect with the world.

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

5. Understanding Users
and Data

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

11. !
What are the biggest
opportunities for
improvement?

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

17. Sketch it out but prototype
with real data

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

22. d3js.orgprocessing.org

23. Building
Structure

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

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

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

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

28. Use geography as a canvas
Visualization choices: Location

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

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

31. Creating
Experiences

32. “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

33. Humans
understand stories

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

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

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

37. Our Responsibility

38. 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.”

39. A call to action

40. Thank you
Ivo Gasparotto / @ovidovi