+ All Categories
Transcript
Page 1: Designing with Data for Humans

Designing with Data for Humans

UXThursday, June 26th 2014

Ivo Gasparotto / @ovidovi

Page 2: Designing with Data for Humans

“…it provides us with new kinds of glasses to see the world.”

-Moritz Stephaner, information designer

Page 3: Designing with Data for Humans
Page 4: Designing with Data for Humans
Page 5: Designing with Data for Humans

Understanding Users and Data

Page 6: Designing with Data for Humans

What is fleet management?

Vehicles

service sales

Humans

drivers managers executives

Page 7: Designing with Data for Humans
Page 8: Designing with Data for Humans
Page 9: Designing with Data for Humans
Page 10: Designing with Data for Humans
Page 11: Designing with Data for Humans

!

What are the biggest opportunities for improvement?

Page 12: Designing with Data for Humans
Page 13: Designing with Data for Humans
Page 14: Designing with Data for Humans
Page 15: Designing with Data for Humans
Page 16: Designing with Data for Humans

Large scale Location Diverse data sets Numeric format

Vehicle data qualities

Page 17: Designing with Data for Humans

Sketch it out but prototype with real data

Page 18: Designing with Data for Humans

BI LEAD

PROJECT MANAGER

DATA ANALYST

ARCHITECTBI LEAD VISUAL DESIGN

INTERACTION DESIGN

NOT PICTURED

DATA BASE ARCHITECT BACK-END DEVELOPMENT FRONT-END DEVELOPMENT

DATA SCIENTIST BUSINESS ANALYST GEOSPATIAL DEVELOPER

The team

Page 19: Designing with Data for Humans
Page 20: Designing with Data for Humans
Page 21: Designing with Data for Humans
Page 22: Designing with Data for Humans

d3js.orgprocessing.org

Page 23: Designing with Data for Humans

Building Structure

Page 24: Designing with Data for Humans

Large scale Location Diverse data sets Numeric format

Vehicle data qualities

Page 25: Designing with Data for Humans

Visualization choices: Large scale

Grouping like objects with aggregation

Enable movement through layers of information !!!Allow for granular views of data !!!

Represent different perspectives

Page 26: Designing with Data for Humans

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

Page 27: Designing with Data for Humans

Use geography as a navigation system Visualization choices: Location

Page 28: Designing with Data for Humans

Use geography as a canvas Visualization choices: Location

Page 29: Designing with Data for Humans

Change Perspective Manage Categories

Adjust Binary AspectsSet Threshold

Allow for exploration by providing controls Design choices: Diverse datasets

Page 30: Designing with Data for Humans

Scale or range

5 1

Make numbers more relevant and understandable

Metaphor

143.89Context

185.79

Design choices: Numeric formats

Page 31: Designing with Data for Humans

Creating Experiences

Page 32: Designing with Data for Humans

“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

Page 33: Designing with Data for Humans

Humans understand stories

Page 34: Designing with Data for Humans

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

Page 35: Designing with Data for Humans

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

Page 36: Designing with Data for Humans

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

Page 37: Designing with Data for Humans

Our Responsibility

Page 38: Designing with Data for Humans

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

Page 39: Designing with Data for Humans

A call to action

Page 40: Designing with Data for Humans

Thank youIvo Gasparotto / @ovidovi


Top Related